ComputerScience/React 3

[React] 1. 환경 설정

Do it! 리액트 프로그래밍 정석에 나온 내용을 기반으로 환경설정 도중 발생한 오류 수정기.. NVM(Node Version Manager)로 NodeJs설치 1. NVM(Node VersionManager) 설치 설치 링크: github.com/coreybutler/nvm-windows/releases Releases · coreybutler/nvm-windows A node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windows github.com 설치된 버전 확인 명령: nvm -v 이때 발생할 수 있는 에러는 아래와 같음 설치 경로에 한국어가 들어가 있으면 nvm 명령이 제대로 먹지..

WebPack

WebPack은 프로젝트에 사용된 파일을 분석하여 기존 웹문서 파일로 변환하는 도구임 사용하는 이유 -> Framework가 .js, .css, .jpg같은 기존 웹 문서파일을 사용하지 않기때문 예를 들어 트위터 부트스트랩은 .css가 아닌 .sass로 문서 작성 웹 브라우저는 .sass를 읽지 못하기때문에 해석이 필요함 이 외에도 .hbs, .cjs 같은 형식이 있음 이런 파일들을 분석하여 js, css, png, jpg같은 웹브라우저가 읽을수 있는 형태로 변환시킴 또한, 변환된 파일을 적절한 크기로 자르거나 묶어주는 역할도 함 -> 불필요 파일을 제거하여 프로젝트의 용량을 줄여줌 그리고 간단한 노드기반의 서버를 구동하기도 함

NPM(Node Package Manager)

NodeJs 프로젝트에 사용되는 라이브러리(자바스크립트 라이브러리)를 관리하는데 사용됨 NPM은 node_modules 폴더에 라이브러리를 다운받아 관리하며 package.json이라는 파일에 설치된 라이브러리의 정보를 적어 저장시킴 실제 라이브러리(node_modules)와 라이브러리 명세(package.json)파일을 분리하여 관리함 그 이유는, node_mnodules에 저장되는 라이브러리의 용량때문,.(GB 단위를 뛰어넘을때가 있음) 분리해서 관리하지 않고 프로젝트 내에 모든 라이브러리를 함께 관리하는경우, 프로젝트 단위의 공유시 공유해야 하는 데이터의 크기가 너무 커지기 때문,.. 따라서 A가 B에게 프로젝트 공유시 package.json과 핵심 코드만 공유하면 B는 package.json의 명..