자바스크립트(JavaScript)/자바스크립트34 [JavaScript] 문자열을 숫자로 반환하는 메서드 Number(), parseInt() 문자열 숫자를 숫자로 만드는이유자바스크립트에서는 "문자열 숫자"가 존재한다.문자열 숫자란 1,2,3,4와 같이 숫자의 모양이지만 숫자로서의 기능은 하지 못하고 문자로서 존재하는 숫자,즉 "문자형 데이터"를 말한다.예를들어 prompt와 같은 메서드를 사용할 경우 사용자가 숫자를 입력해도 문자형 데이터로 값을 반환 받는다.이렇게 받은 문자형 데이터는 숫자임에도 불구하고 문자형이기 때문에 산술연산이 불가능하다.이를 가능하게 만들기 위해 Number()와 parseInt() 메서드를 사용하는 것이다. Number() Number 메서드는 말 그대로 숫자로 반환해주는 메서드이다.Number("123"); // 123Number("1.23") === 1.23 // trueNumber("12.3"); // 12... 2024. 7. 29. [JavaScript] 매개변수(parameter)와 전달인자(arguments) 매개변수(parameter)가 있는 함수 정의문기본 함수 정의문은 함수 안에 있는 코드를 실행할 때 단순히 함수명으로 호출해서 함수를 실행했다.함수를 호출할 때 값을 전달할 수 없었던 것이다.하지만 매게 변수가 있는 함수 정의문은 함수를 호출하고자 할 때 전달하려는 값을 인수로 넣어 전달할 수 있다.매개변수의 키워드에는 let, var, const와 같은 예약어는 생략하여 입력한다. 매개변수는 함수호출문에 있는 인수가 순서대로 할당된다. 그렇기 때문에 매개변수와 인수의 개수가 같아야 오류가 발생하지 않는다.하지만, 만약 둘의 갯수를 다르게 사용하고 싶을 때는 어떻게 해야 할까?이때 매개변수에 초기값을 설정하면 값을 입력하지 않아도 그 부분은 초기값으로 설정되어 오류가 발생하지 않는다.1. 매개변수와 인.. 2024. 7. 29. [JavaScript] 함수의 값을 반환하는 return 문 return return문은 함수에서 결과값을 반환할 때 사용한다.그리고 return문이 실행되면 반복문의 break문처럼 코드가 강제 종료된다.즉, return문의 아래에 코드가 더 있더라도 return문을 만나면 아랫줄의 코드는 무시하고 값을 반환한 후 함수를 종료한다. 반환된 값은 함수를 호출한 자리에 남는다.그렇기 때문에 함수 호출문이 변수 안에 담겨 있어야한다.// 기본형 1 function 함수명(){ 자바스크립트 코드1; return 반환할 값; // 값을 반환하고 종료한다. 자바스크립트 코드2; //return문 다음에 등장하는 자바스크립트 코드는 무시한다. } let 변수 = 함수명(); /.. 2024. 7. 29. [JavaScript] HTML 태그 불러오는 방법 자바스크립트에서 태그를 불러오는 방법 자바스크립트를 사용하는 이유는 특정 조건이 충족될 때 웹 문서 전체 또는 일부분을 제어하기 위해서이다.동적으로 반응하게 하려면 웹 문서의 모든 요소를 따로 제어할 수 있어야한다.이러한 경우 문서객체모델(DOM)을 사용하면 요소를 제어할 수있다.CSS 에서 class, id, 태그 등의 '선택자(selector)'로 스타일을 구별해서 정의했던 것처럼 자바스크립트에서도 HTML태그를 불러올 때 '선택자(selector)'로 구분하여 불러온다. getElementBy getElementBy는 요소를 불러오는 메서드이다.각각 Id와 Name, TagName, Class 종류에 따라 이름이 달라지며, 소괄호 안에 선택자명을 입력하여 불러올 수 있다.메서드명에서 각각의 선택자.. 2024. 7. 26. [JavaScript] 변수의 특징/주의점 (var, let, const), 변수의 범위와 호이스팅 var를 이용한 변수의 특징 / 주의점호이스팅(hoisting)이란?자바스크립트에서 변수를 사용할 때 조심해야 하는 개념이 있다. 바로 '호이스팅(hoisting)'이라는 개념이다.호이스팅은 '끌어올리다'라는 의미를 가지고 있는데, 이곳에선 상황에 따라 변수의 선언과 할당을 분리해서 선언부분을 스코프의 가장 위쪽으로 끌어올리는 것을 발한다.실제로 소스 코드가 맨 위로 올라가는 뜻이 아니라, 이런 방식으로 자바스크립트 엔진이 해석한다는 뜻이다. 예를 들어, var를 사용한 변수는 선언하기 전에 먼저 실행하고 이후에 선언하면 오류가 발생하는 것이 아니라 컴퓨터에서 임의로 undefined 값을 입력하여 값이 있는 것처럼 실행된다. 바로 호이스팅 때문이다.이런 경우 어디에서 오류가 발생했는지 찾기 어렵다는 단.. 2024. 7. 26. [JavaScript] 함수란? 함수란? 함수는 숫자를 담는 상자라는 뜻으로, 데이터를 넣으면 함수에 들어있는 코드를 통해 원하는 결괏값을 반환한다. 예를 들어, 사과, 오렌지, 파인애플이 데이터라고 생각해 보자.과일들을 넣으면 함수라는 공장에서 여러 가지 첨가물이나 공정 과정을 거치고, 결과적으로 주스라는 결과 값을 반환한다.함수는 위의 예시에선 공정 과정, 즉 기능을 뜻한다. 함수의 장점은 함수는 한번 만들면 여러 번 재 사용이 가능하다는 것이다.같은 코드를 사용할 때마다 다시 작성하지 않고 작성해 놓은 함수를 호출만 해주면 같은 기능을 사용할 수 있다. 함수는 크게 '일반 함수 정의문'과 '익명 함수'로 나누어진다1. 일반 함수 1-1. 정의문 함수를 사용해서 코드를 저장한 것을 함수 정의문이라고 한다.변수를 선언할 때 var.. 2024. 7. 26. 이전 1 2 3 4 5 6 다음
