FU11M00N

리액트 네이티브로 앱 개발을 하기 전 ES6의 주요 기능들을 알아보겠습니다!! - 화살표 함수 기존에는 함수를 선언하기 위해서 function 키워드를 사용했습니다. 이를 화살표 함수 (Arrow Function) 문법으로도 선언이 가능합니다. [기존 방식] let a = function() { console.log("function"); } a(); [최신 방식] let a = () => { console.log("arrow function"); } a();. - 비구조 할당 딕셔너리에 있는 값을 꺼내 변수에 담을 때, 할당 과정을 거치기 않으면서 딕셔너리의 키 값 그대로 변수사용이 가능합니다. //객체 let blog = { owner : "noah", url : "noahlogs.tistory.co..

- 기존의 기본 매개변수 함수의 매개변수는 기본값이 undefined 입니다. function fun(test){ var test = test || "fu11_m00n"; console.log(test); } fun(); fun(null); fun(false); 원래는 위의 예제처럼 처리를 했었습니다. - ES6 기본 매개변수 const color='red'; function defaultTest(defaultColor=color){ console.log(defaultColor); } defaultTest(undefined); 하지만 ES6에서는 인자가 넘어오지 않을때의 기본 값을 설정할 수있습니다. 주의해야할 것은 기존방법은 undefined뿐만아니라 null,false,0,공백 일때에도 적용이 되었습..

- 비구조화 할당 왜 쓸까? const book = { korean: "korean", math: "math", english: "english" }; const korean = book.korean; const math = book.math; const english = book.english; console.log(korean); // korean console.log(math); // math console.log(english); // english 만약 배열이나 객체에서 해당 값들을 새로운 변수에 할당 해줘야할때 위와같은 행위를 여러번 해야합니다. 하지만 const { korean, math, english } = { korean: "korean", math: "math", englissh: "..

- ES5 템플릿 문자열 표현식 기존의 싱글쿼테이션 ('문자열') 과 더블쿼테이션 ("문자열") 방법을 백틱 문자를 사용해 문자열을 여닫는 것을 템플릿 문자열 표현식이라고 합니다. 백틱 문자는 ` 를 의미합니다. var test = 'test:'+'tt'+'\ntest2:'+'tt2'; console.log(test); ES5에서는 개행문자, 병합등을 이용해 변수나 상수 안에 문자열을 넣어 사용했었습니다. - ES6 템플릿 문자열 표현식 하지만 ES6으로 오면서 백틱 안에 멀티라인 스트링을 입력하여 템플릿 문자열 표현식을 사용해 문자열에 변수도 입력하고 계산식 해석 등 해석이 가능한 것은 다 가능합니다. let test3='tt'; let test4='tt2'; console.log(` test3 : $..

- let 참조 에러 let test = '1'; if(true){ let test = '2'; console.log(test); }; console.log(test); 코드를 실행하면 위와 같은 결괏값을 출력합니다. let test = '1'; if(true){ console.log(test); let test = '2'; }; console.log(test); 코드를 위와같이 변경하면 위 와 같은 결과가 출력됩니다. 만약 호이스팅이 없었다면 3번째 test 를 출력하는 과정에서, 전역스코프의 값인 1 이 출력되었을겁니다. 하지만 블록스코프 안에 선언된 test(,4번라인 test)가 호이스팅 되어 해당 블록 스코프의 최상단에 test 변수가 선언되게 됩니다. 이때 let은 var와 다르게 변수가 초기..

- Block-scope Block-scope: {}로 감싸진 유효 범위 기존의 var는 function scope레벨 hoisting let 키워드를 사용해 변수의 유효범위를 블록 스코프 처리 1. Scope 변수의 유효범위 입니다. var 의 변수 유효범위 블록 스코프가 아닌 function 스코프입니다. var num = 1; function printNum(){ console.log(num); var num = 2; console.log(num); }; printNum(); //2 function 레벨에서 호이스팅이 발생하고 있는 것을 확인할 수 있습니다. 호이스팅: https://nevertrustbrutus.tistory.com/335 아래는 함수가아닌 블록일 경우의 예제입니다. var tes..

- ES 4,5의 해결책 ES4,5시대에는 var키워드로 변수와 상수를 선언했었습니다. 하지만 var를 사용할 경우, 전반적으로 코드가 어떻게 작동될지 직관적으로 예측하기 어려운 경우가 자주 발생합니다. hosting 개념. https://nevertrustbrutus.tistory.com/335 그래서 ES6에서는 let과 const를 사용하여 변수와 상수를 선언해야합니다. 변수는 let 선언자, 상수는 const 선언자를 이용하면 됩니다. - let 이번에는 let 선언자를 이용해 선언하면 아래와 같습니다. let test = 1; console.log(test); let test = 2; console.log(test); let 변수는 var 변수와 다르게 재선언이 되지 않습니다. 2. const ..