TIL_210727

1. Facts(사실, 객관)

- 캡틴판교 Vue ES6 문법공부

2. Feelings(느낌, 주관)

- 현재 개인 기록 스터디를 하는 렛츠기릿 강의로 javascript를 공부하고 있습니다. 여기서 화살표 함수를 배웠는데, Vue ES6 문법공부를 통해서 ES6 문법을 또한 배워갑니다. 이전에 기록했던 let & const 이외에 스코프, 호이스팅을 공부합니다. 향상된 객체 리터럴(Enhanced Object literals)을 통해 코드를 좀 더 축약하는 방법을 알아갑니다. 계속 문법은 간결하여 가독성을 높이는 쪽으로 발전한다고 느꼈습니다. import, export도 ES6로 어떻게 표현하는지, 복수개와 단수, default의 특징도 알아보았습니다. 

 

 - 이전에 블랙커피 스터디를 하면서 javascript를 사용하면서 보지 못했던 문법들이 있어서 당황했었습니다. 굉장히 모듈화가 잘 발달했다고 생각했는데, 마찬가지로 vue에서도 모듈화 고민이 많고 큰 프로젝트를 위해서 모듈화를 잘 시켜야된다고 생각했습니다.

 

3. Findings (배운 점)

*Notion에 정리한 내용

-  ES6 const & let & 호이스팅

https://www.notion.so/ES6-for-Vue-js-const-let-9c7b1924495f4fbd9694f5b1529867a5

const arr = ['a', 'b', 'c'];

arr[0] = 'd';

 유의할 것은 const로 선언한 배열에서 내부의 값을 변경할 수는 있습니다. 단지, 새로운 할당이 되지 않는 것입니다.

 

- ES6 화살표 함수

https://www.notion.so/ES6-for-Vue-js-3f6c355b9b084de39ae9e8d066d6a984

자바에서 스트림 사용과 굉장히 유사해서 금방 이해되었습니다.

 

 

- ES6 Enhanced Object Literals

https://www.notion.so/ES6-for-Vue-js-Enhanced-Object-Literals-8ae396a58c7041f1855632dac6aca300 

자바스크립트도 정말 축약형을 좋아하고 가독성이 실제로 많이 향상된다고 느꼈습니다.

 

 

- ES6 import, export

https://www.notion.so/ES6-for-Vue-js-Modules-1134fd865efc408e8db61a39a449cdc1

모듈화를 위해서 굉장히 잘 이용해야할 부분입니다. 나중에 공부하려고 계획하는 Node는 CommonJS컨셉에 따라서 require를 사용한다고 하는데, ES6 스타일로 import, export를 배웠습니다. export default {}에서 default는 한 파일에서 한번만 허용됨을 주의합니다.