오늘 새로 배운 것
자주 사용하게 될 ES6 문법
- 화살표 함수,
- 구조 분해 할당(Destructuring)
- 단축 속성명
객체 key와 value값이 같으면 생략 가능
(예 name: name, 이면 name, 으로 축약 가능) - 전개 구문(Spread)
예:
let arr = [1,2,3];
let newArr = [...arr, 4];
console.log(newArr); //[1,2,3,4]- 나머지 매개변수(rest parameter)
function func(a,b, ...args){
console.log(...args);
}
func(1,2,3); //3
func(1,2,3,4,5,6,7) //3 4 5 6 7-
템플릿 리터럴(Template literals)
백틱과 ${} -
named export vs default export
-
Convention
UPPER_CASE: 상수 선언 시 사용
kebab-case: css, id, class
camelCase :
PascalCase: React Component
하루를 돌아보며...
오늘 원래는 리액트 입문강의 진도를 나가려고 했는데 아침에 코딩테스트 푸는 시간이 있어서 0단계 풀다보니 하루종일 풀게 됐다. 근데 0단계인데 첨에는 무난하게 풀리다가 문제가 갈수록 너무 어려워서 가급적 사용 안하려는 이중 for문까지 고려해서 풀려고 시도했는데도 모르겠고, 해당 문제의 다른 사람 풀이를 봐도 이해가 잘 안되는 부분도 있고 이걸 이렇게 짧고 깔끔하게 푼다고? 하면서 좀 현타가 왔던 것 같다... 내일은 오늘 시도했는데 못 풀었던 문제들 다시 좀 풀어보고 리액트 진도도 좀 나가야할 것 같다.
FE Developer