[WIL] 항해99 2주차 회고 3주차 시작

React 입문

3주차는 React 입문주차로 강의를 제공받아 개인과제로 TodoList를 만들었다
과제는 이틀 정도만에 끝을 냈지만, 리팩토링을 하려 했는데 에러가 많아서 다음주 과제 제출까지 찾아보고 고쳐볼 생각이다. 그리고 항해 동기분과 기술면접 스터디를 하면서 JS개념과 REACT의 개념들을 조금 더 다듬어볼 생각이다.

2주차 정리

JavaScript ES5/6의 차이

ES6란 ECMAScript의 약자이며, 이는 JavaScript에 대한 표준 규격을 나타내는 용어이다.
6은 버전을 뜻하고 2015년에 출시되었다.

ES5/6의 문법차이

1. let, const

• let 재선언 불가능, 재할당 가능

let foo = 'foo';
foo = 'foo2' // 재할당 가능

let foo = 'error' // 재선언 불가능

• const 재선언 불가능, 재할당 불가능

let foo = 'foo';
foo = 'foo2' // 재할당 가능

let foo = 'error' // 재선언 불가능

• ES6 이전에는 변수 선언시 var를 썼으며 var는 재선언 재할당이 모두 가능

var foo = 'foo';
foo = 'foo1'; // 재할당 가능

var foo = 'bar'; // 재선언 가능

2. 화살표 함수

• 함수를 간단하게 표현할 수 있는 구문입니다.
• 함수의 body 안에 return 밖에 없으면 {}과 return 생략 가능합니다.

ES5 이전

function plus(a,b){
	return a+b;
}

ES6 이후

//1
const plus = (a,b) => a+b;

//2
const plus2 = (a,b) => { a++; return a+b; }

3. 전개 구문

• Rest Parameter

function fn(x,...y){
  console.log(x, y); 
  //1
  //[2,3,4,5]
}

fn1(1,2,3,4,5)

• Speread Operator

const arr = [1,2,3];
const newArr = [...arr,4,5];
console.log(newArr); // [1,2,3,4,5]