230227 - Webpack ( 웹팩 )

오늘 내가 배운 것 1. Webpack 2. Webpack 모듈 번들러 모듈 번들러 로딩속도 개선 주의 3. Webpack 주요 속성 4. Step 1. Webpack 기본 실행 5. Step 1-1. React를 npm install 하여 require로 사용하기 6. Step 2. Webpack Loaders - CSS파일 번들링 하기 7. Step 3. Webpack Plugins - HTML template(React)을 import 하고 Babel을 이용하여 JSX문법 이용하기. 1. Webpack javascript를 이용하여 개발을 하면서 유지보수성과 확장성을 고려하는 상황이 생기는데, 이를 해결하기 위해서 코드를 작은 단위로 쪼개서 파일 분리를 하던가, 재사용 가능한 단위로 만드는 모듈화를..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2023. 2. 28.
• textsms

230106 - JavaScript - module, 모듈화 하기

오늘 내가 배운 것 1. 모듈 (module) 2. CommonJS 3. ES6 문법 모듈(module) 모듈은 여러 기능이 있는 파일하나를 뜻한다. 스크립트 하나는 모듈 하나랑 같다. 모듈을 사용해서 얻는 장점으로는 유지보수가 변하고 재사용을 하기 좋다. 여러 방법으로 모듈화를 할 수 있지만 내가 사용해본 방법 2가지를 정리해보려 한다. CommonJS 모듈을 밖으로 내보낼 때는 module.exports를 사용하고 모듈을 가져와서 사용할 때는 require을 사용한다. 이 방식은 Node.js에서 사용하고 있다. 아래의 상황은 a 파일 안에 a의 함수를 b파일에서 사용하고 싶을 때의 상황이다. // a.js 파일 const a = () =>{ console.log("a") } module.export..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2023. 1. 9.
• textsms