1. 도구 - 디버거
- 디버거 보는 방법 : 크롬 디버거와 VisualStudio Code 디버거
- 설명 : 코드의 실행 상태를 볼 수 있는 장점과 실행 상태의 변수와 함수의 동작 및 반환 값을 볼 수 있다.
debugger : 디버깅 시, 원하는 곳에 정확히 멈추게 할 수 있다.
2. 도구 - Webpack & webpack boilerplate
참조 : Webpack 사이트 (https://webpack.js.org/concepts/)
[Webpack]
- Entry : 어떤 파일을 입력 파일로 시작 할 것인가(프로그램 시작)를 기술
- Output : 번들링이라는 처리를 할 테니까, "어떻게 Output 파일로 만들 거야", "어떤 디렉터리에다가 파일을 출력할 거야" 의 정보들을 기술
- Loaders : 하나의 프로그램 / Entry에 적용되는 소프트웨어
- Plugins : 하나의 프로그램 / Output에 적용되는 소프트웨어
- Mode
- Browser Compatibility
[webpack boilerplate]