다른 사람들이 작성한 코드를 보면 대부분 변수 선언을 const로 사용하는데,애초에 자바스크립트에서 변수 선언은 const로 선언하라고 권장하고 있다.분명 상수를 만들 때 사용한다고 했었는데왜 갑자기 변수 선언에 let 이 아니라 const를 사용하라고 하는 걸까? 일단 const와 let의 큰 차이점은 재할당이 불가능하다는 점이다.▲ let으로 선언한 변수는 재할당이 가능해서 계속 값을 바꿀 수 있지만const로 선언한 다음에 새로운 값을 할당하려고 하면 오류가 발생하는 것을 볼 수 있다.일단 이 오류는 넘어가고..평소 작성하는 코드 속에 변하게되는 값이 많을수록코드의 일관성을 유지하기가 어렵다.위와 같이 변수에 값들이 재할당되면, 그 시점 기준으로재할당 이전의 변수와 이후의 변수의 값이 서로 다르기 ..

참조형 값은 변수에 할당될 때 값 자체가 아닌 주소값이 할당된다고 했을 때, let number1 = [1, 2, 3] let number2 = number1 number2.push(4) console.log(number1); console.log(number2);▲ 코드를 보면 배열도 참조형이기 때문에 number1에 배열[1,2,3]의 주소값이 할당되고number1이 가지고 있는 배열의 주소값이 복사가 돼서 number2만 변경했지만 코드를 실행하면 number1도 변경된 모습을 확인 할 수 있다. 그런데 상황에 따라서는 이 참조형 값을 그대로 복사해야 할 경우가 있다.말 그대로 number2만 변경할 때의 경우인데,이럴 때 배열의 경우에는 'slice' 메소드를 활..

기본형(Primitive Type) , 참조형 (Reference기본형은 객체를 제외한 나머지 자료형을 묶은 Number, String, boolean, null, undefined 가 속한다 우리가 어떤 값을 다룰 때 특별한 경우를 제외하면 모두 변수에 할당해서 사용한다.자바스크립트에서 변수에 기본형 값을 할당하면해당 변수 이름을 가진 상자에 그 값을 넣어준다고 생각해 볼 수 있다.코드를 가지고 예를 들어보자면... let x = 3; let y = x; console.log(x); console.log(y); y = 5 console.log(x); console.log(y);   ▼ 코드 해석 과정 let x = 3; let y = x; conso..

Web APIs  • API(Application Programming Interface) 를 한마디로 정리하면프로그래밍 언어로 만들어진 데이터와 기능의 모음이며어떤 기능을 구현할 때 “유튜브 API 를 이용해서” 혹은 “카카오 API 를 이용해서” 구현했다는 용어를 본적이 있을 것이다.이 의미는 유튜브 혹은 카카오와 애플리케이션에서 연동할 때 연동방법을 추상화 시켜서제공하는 API 를사용한다는 의미이다. API 는 변수, 함수 혹은 클래스로 제공된다.Browser APIs : 브라우저에 내장되어 있는 API ( https://developer.mozilla.org/en-US/docs/Web/API)Third-Party APIs : 다른 벤더 혹은 플랫폼에서 제공하는 API setTimeout(), se..

숫자 값을 객체처럼 다룰 수 있듯이 자바스크립트에서는 문자열도 객체처럼 다룰 수 있다. 문자열을 다루는 여러가지 방법이 있고 일단 배열과 비슷한 부분이 많다. 문자열에 접근하기 ▽ 문자열 길이배열에서도 봤지만 length 프로퍼티는 문자열의 길이를 알려주는 역할을 한다.▼ //String let myString = '안녕하세요' //문자열 길이 console.log(myString.length); //length 프로퍼티 글자 길이에 맞게 5가 출력 된 것을 확인 할 수 있다. ▽ 문자열 요소 접근그리고 문자열도 글자 하나하나에 접근할 수도 있다.▼ //요소 접근 console.log((myString[3])); //대괄호 표기법 console.log(myString..

let sum = 0.1 + 0.2 console.log(sum); 위 코드를 출력해보면 0.3이 나올것 같은데 그게아닌 0.3에 가까운 숫자가 출력된다.▼ 이러한 현상은 파이썬,루비,자바등 대부분의 프로그래밍 언어에서도 똑같이 발생한다.왜 이런 현상이 발생하는 것일까? 부정확한 숫자 계산의 가장 큰 원인은 사람과 컴퓨터 사이에 숫자를 다루는 방식이 서로 다르기 때문이다.컴퓨터의 모든 코드는 0과 1로만 이루어져 있다는 것을 한번쯤 들어봤을텐데 실제로도 여태 작성한 코드들은 어떤 특별한 과정을 거쳐서0과 1로 이루어진 2진수로 변환된 다음에 컴퓨터가 해석을 하는데,  3분의 1이라는 분수를 소수로 표현하려다 보면 0.33333....으로 무한 소수가 되는 경우가 있다.  비슷한 원리로 일반적으로 사..

Date 객체처럼 자바스크립트의 내장 객체 중다양한 연산들을 유용하게 사용하기 위해 다양한 Math 라는 객체가 있다. 절댓값 (Absolute Number)우리가 알고 있는 그 절대값이 맞다.간단하게 설명하자면 어떤 값의 '양수(postive number)'버전 이라고 할 수 있으며 음수 -5의 절대값은 5이고 양수 5는 그대로 양수 5인 것이다. Mah.abs(x)를 하면 x의 절댓값이 리턴▼ //절댓값 console.log(Math.abs(-10)); console.log(Math.abs(10));  최댓값 (Maximum) 과 최솟값(Minimum)Math.max 함수에 파라미터로 여러 수를 넘겨주면 그 중 가장 큰 값이 리턴되고반대로 min 함수에 파라미터로 여러 수를 넘겨주면 ..

자바스크립트에서 숫자는 객체이다.아무렇지 않게 작성하던 숫자에도 다양한 메소드들이 있는데숫자형이 가지고 있는 모든 메소드를 다루기보다 가장 많이 사용되는 두 가지 정도만 살펴보겠다. toFixed MethodtoFixed 메소드는 소수를 다룰 때 사용하는 메소드로,파라미터로 숫자 값을 전달해 주면 그만큼 소수점 아래의 자릿수를 고정해 주는 메소드이다. //Number let myNumber = 0.3591; //toFixed(0 ~ 100) console.log(myNumber.toFixed(3));▲ 범위는 0부터 100까지이며, myNumber에 0.3591이라는 숫자를 할당해 주고있고toFixed 메소드를 호출하고있다.파라미터로 숫자 3을 전달해 주고있다.그러면 0.3591 ..

자바스크립트에는 다양한 숫자 표현 방법이 있다.만약 10억을 입력하고 싶다면 그냥 숫자1과 뒤에 0을 9개 붙여주면 된다.ㅋㅋ // 숫자 표기법 let number = 1000000000 그런데 이렇게 단위가 큰 정수나 자리수가 많은 소수의 경우에는 알파벳 e를 활용해서 숫자를 조금 간결하게 표현할 수 있다.▼ let myNumber = 1e9 한번 출력과 동시에 일치 비교를 해보자면.. // 숫자 표기법 let number = 1000000000 let myNumber = 1e9 console.log(number); console.log(myNumber); console.log(number === myNumber); 실행해보면 똑같이 10억이 출력되고 일..

배열의 요소에도 특별히 제한된 자료형이 없다.객체의 프로퍼티 값과 같이 어떠한 값이든 모두 할당할 수 있는데,그래서 배열 역시 배열의 요소가 될 수 있다. //다차원 배열 let twoDimensional = [[1,2], [3,4]]▲ 이렇게 배열 안에 배열이 들어가게 되면 이것을 2차원 배열이라고 부른다.만약 배열 안에 2차원 배열이 또 들어가게 되면 3차원 배열이라고 부를 것이다.이렇게 배열의 요소에 배열이 들어가는 형태를 가리켜서 다차원 배열이라고 부른다. 다차원 배열 (multidimensional array) //다차원 배열 let twoDimensional = [[1,2], [3,4]]▲ 이 2차원 배열의 각 요소에 접근하려고한다.만약 '2' 값에 접근하고 싶으면 일단 ..