npm
-
NVM Window 설치 및 사용방법Front-End/Javascript 2022. 11. 27. 17:00
nodejs나 react 사용 시 팀 프로젝트를 진행하다 보면 github에서 프로젝트를 내려받고 npm install & npm start를 한 순간 오류가 와장창...? 나오는 경험을 해보셨을 수도 있습니다. 이 순간 제일 짜증 나는 건 왜 나만 안돼?? 그러게요... 분명 깃헙 소스 제대로 받고 모듈 설치하고 실행만 했을 뿐인데 다른 팀원들은 똑같이 해서 잘만 나오는데 왜 나만 안되는걸까요?😂 그 해답은 nodejs 또는 npm 버전 충돌 문제에 있습니다. (저는 npm install시 package-lock.json 파일이 완전히 바뀌어서 알게 되었습니다.) 아마, 이런 경험을 해보신 분들은 기존에 또 다른 프로젝트에서 다른 버전의 nodejs와 npm을 사용하셨을 겁니다. 이럴 때는 기존의 no..
-
React CDN과 create react app (CRA)중 어떤 방법이 더 좋은걸까?Front-End/react 2022. 8. 4. 00:45
React 사용방법에는 다음과 같이 크게 2가지 방식이 있습니다. node 와 빌드 도구를 설치한 개발환경을 세팅 하는 방법 (예 : CRA 사용) cdn을 사용해서 온라인에서 바로 라이브러리를 끌어오는 방법 방식이 2가지나 있으니 의문이 들것입니다. 과연 어떤 방식을 선택해야 되는걸까요?? 결론부터 말씀드리자면, 개발 및 시도에는 CDN이 좋고 실제 응용 프로그램의 경우 CRA 방식이 좋습니다. CDN방식의 경우 결국 URL을 사용하여 서버에 대한 요청을 보내기 때문에 여러 리소스를 로드하는 경우 전체 페이지가 로드될 때까지 약간 더 기다려야 될 수 있습니다.(렌더링 속도 이슈) 간단하게 보여주기식 또는 테스트용도로 사용하는 경우에는 빠르게 개발할 수 있다는 장점이 있지만 그래도 실제 응용 프로그램에 ..
-
React 개발에 왜 Node.js가 필요할까??Front-End/react 2021. 3. 6. 03:09
구글에 React를 검색하면 항상 Node.js가 붙어다니는 광경을 목격할 수 있습니다. React를 공부하면서 개발하기도 시간이 촉박한데 Node.js까지 공부를 해야하는지 의문이 많이 들 것입니다. 도대체 React랑 Node.js랑 무슨 관계가 있는 것일까요?? 결론부터 말하자면, React를 사용하기 위해 Node.js가 반드시 필요한 것은 아닙니다. 그럼에도 왜 항상 React 뒤에는 Node.js가 따라 붙는 것일까요? 그 이유는 Node.js가 React를 사용하기 더 쉽게 해주는 도구들을 내장하고 있는 오픈소스이자 JavaScript runtime environment이기 때문입니다. 더 자세하게 설명하자면 Node.js는 설치하는 경우 NPM(Node Package Manager)이 같이..