일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 자바스크립트
- websocket
- 자바
- 데이터모델링과마이닝
- 코딩테스트 고득점 Kit
- 코틀린
- 자바 공부
- useEffect
- useState
- react hook
- React JS
- 프로그래머스
- react firebase
- 컴퓨터 네트워크
- 리액트 훅
- 프로그래밍 언어론
- vanillaJS
- 코딩테스트 고득점 Kit 완전탐색
- react
- Java
- 백준
- 리액트
- codesandbox
- 장고
- NextJS
- design pattern
- 디자인 패턴
- JavaScript
- 프로그래머스 완전탐색
- 프로그래머스 자바
- Today
- Total
목록webpack (2)
기록하는 개발자
react로 개발을 해본 사람이라면 babel과 webpack에 대해 들어본 적 있을 것이다. 그렇다면 이 babel과 webpack 두 녀석은 정확히 무슨일을 하는걸까? webpack Webpack은 여러개 파일을 하나로 합쳐주는 모듈 번들러이다. Webpack은 '빌드'라는 과정을 통해 프로젝트에서 코드가 수정될 때마다 자동으로 트랜스파일러를 동작시켜준다. 자바스크립트 코드 뿐 아니라 이미지, CSS등도 같이 빌드한다. 번들러를 사용하면 여러개 파일을 하나로 묶어주기 때문에 네트워크 접속의 부담을 줄여 더 빠른 서비스를 제공할 수 있다. Babel 바벨은 코드를 재작성해주는 대표적인 트랜스파일러(transpiler) 프로그램으로, 모든 브라우저가 최신 기능인 ES6의 기능을 제공하지 않기 때문에 ES..
1. npm이란 무엇일까? npm. react를 사용하면서 라이브러리를 설치하거나, 코드 작성 후 로컬에서 결과 확인을 위해 'npm run start'를 입력하며 이미 수백번 마주했던 단어이다. 이 npm은 어떤 역할을 수행하고 있었을까? npm : Node Package Manager npm의 동작 방식 npm은 http://www.npmjs.com에서 필요한 라이브러리를 내려받아 설치하고 삭제하는 등의 관리를 해주는 프로그램이다. npm은 실제로 node_modules 폴더에 라이브러리를 내려받아 저장하고 package.json 파일에 설치된 라이브러리의 정보를 저장한다. 라이브러리와 라이브러리의 명세 파일을 따로 관리하는 이유는 무엇일까? node_modules에 저장되는 라이브러리의 용량은 매우..