📖 docs&guides(참고):

  1. javaScript https://developer.mozilla.org/en-US/docs/Web/JavaScript
  2. https://www.udemy.com/course/the-complete-javascript-course/learn/lecture/22648481
  3. https://www.youtube.com/watch?v=4_WLS9Lj6n4

<aside> 💡 자바스크립트를 공부합니다👩‍🏫 연휴 동안 공부하기!

javascript

https://github.com/dusunax/javascript

</aside>

목표 자바스크립트 개념 공부하기
주제 모던 자바스크립트, ES6, ES2022, Import Export 과정, Module Pattern
난이도 🥚🐣🐥🐓

<aside> 💡 목차

</aside>

자바스크립트 part3

연휴 동안 자바스크립트를 공부합니다.
현재 파트는 모던 자바스크립트에 관한 내용입니다.

Modern JavaScript Development: Modules and Tooling

Building a Morden Javascript Application modern JavaScript Development use modules, 3rd-party packages

Build Process & JavaScript Bundle

빌드 과정 내용
bundling 모듈을 하나로 합칩니다.
transpling polyfilling

<aside> 💡 JavaScript를 트랜스파일링하는 기준은 왜 ES6 (ES2015)인가요?

Babel은 JavaScript 코드를 트랜스파일(transpile)하는 도구입니다. 트랜스파일링은 새로운 JavaScript 문법을 지원하지 않는 브라우저에서도 실행 가능하도록 이전 버전의 JavaScript 코드로 변환하는 것을 말합니다.

ES6는 JavaScript의 새로운 버전으로, 많은 새로운 기능과 개선을 제공합니다. 이러한 기능들은 코드를 더 깔끔하게 작성하는데 도움이 되고, 개발자들의 효율을 높여줍니다. 예를들어, 화살표 함수, 블록 스코프 변수, 클래스, 모듈 등은 코드를 간단하게 작성하고 이해하는데 도움을 줍니다.

</aside>

Software development?

과정 내용 & 구성 사용
development modules, 3rd-party package로 구성 package manager : npm, nodeJS
build process building과 transpilng, polyfilling 과정 bundler : webpack & parcel, transplier : babel
production 빌딩 프로세스가 완료된 JavaScript 번들

Untitled

Module은?