본문 바로가기

전체 글

 (93)
config.txt sudo apt-get install curl curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - npm install -g create-react-app sudo chown -R bitai /usr/lib/node_modules sudo chown -R bitai /usr/bin/create-react-app sudo npm install -g create-react-app create-react-app react_frontend cd react_frontend npm start npm install bootstrap react-bootstrap --save-dev npm install react-router-dom --save-dev np..
웹팩 Webpack Webpack은 모듈 번들러이다. 웹팩에서는 자바스크립트 , 스타일시트, 이미지 등 모든 것을 모듈로 보아 여러 개의 모듈을 하나의 파일로 묶어서 보낸다. Webpack의 속성 1. Entry 2. Output 3. Loader 4. Plugin 1. Entry: 웹팩에서 웹자원을 변환하기 위해 필요한 최초 진입점이며 자바스크립트 파일 경로이다. 웹펙은 entry를 통해서 모듈을 로딩하고 하나의 파일로 묶는다. require, @import 등 모듈 간의 의존성을 해석하며 의존성 트리를 생성, 하나 이상의 진입 포인트를 설정할 수 있다. { entry: { app: './src/app.js' } } 2. Output: 웹팩에서 entry로 찾은 모듈을 하나로 묶은 결과물을 반환할 위치이다. 매개변수 설정..
Node.js 설치하기 윈도우는 node.js사이트 맥, 리눅스는 터미널 이용해 nvm(node version manager)으로 설치 - 여러 버전 설치, 사용할 버전 설정 가능, 업데이트도 쉬움 curl -0- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash 혹은 wget -q0- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash nvm install --lts Node.js를 설치하면 node module 관리자인 npm이 설치됨. 프로젝트에서 사용되는 라이브러리를 설치하고 해당 라이브러리들의 버전관리에 사용됨. npm대신 yarn사용 가능 더 나은 ..

티스토리툴바