코드번들링, Babel, JSX

코드번들링

• 특정확장자마다 정해진 작업을 하도록 정해진것
• 파일을 묶어주는것 (기본적으로 하나, 분리도 가능)
• 주로 자바스크립트를 위함이지만, HTML, CSS, 이미지 등도 변환
• 
• Webpack, Parcel, browserify등...
• 파일 관리 도구

Babel

• 자바스크립트 컴파일러 (변환도구)
• 최신버전 자바스크립트 문법은 브라우저가 이해 못함
• Babel이 브라우저가 이해할 수 있는 문법으로 변환

JSX

• JavaScript ( JS ) + XML ( X)
• HTML과 유사 구문
• 자바스크립트 확장
• 자바스크립트 내부에 마크업 코드 작성
• Babal이 JSX로더 이용해서 JSX 동작
• 컴파일 최적화
• 가독성 좋음, 시각적 도움