마무리 - 프론트엔드 개발환경의 이해 | 김정환

Node.js / NPM

프로젝트를 생성하고 오작동을 해결하는 등, 프로젝트를 관리하는 법에 대해 알아봤다.

 

Webpack 기초

웹팩은 모듈을 사용하기 위한 도구이며 모듈로 작성한 프론트엔드 코드를 하나의 결과,

즉 번들이라고 하는 번들 결과물을 만들어내는 도구

 

Babel

최신 ECMA Script를 사용하기 위한 도구, 바벨은 폴리필까지 지원하는 코드도 만들어준다.

 

SASS/SCSS

바벨과 비슷한 방식의 SASS 개발 방식에 대해 알아봤다.

 

ESLint

협업을 위한 필수 도구, 코드의 품질과 포멧팅을 검사하는 방식을 알아봤다.

 

Prettier

비교적 최근에 나온 도구로써, ESLint와 통합해서 사용하는 방법에 대해 알아봤고,

*린트를 자동화하고 강제화하는 부분은 실무에서도 유용하게 사용된다.

 

Webpack 심화

API를 개발서버에 연동하는 방법, 핫 로딩 설정 방법, 번들 결과의 최적화 방법까지 알아봤다.