node.js5 Vue - (Windows) Node.js 삭제하기 작업환경 세팅 겸 NVM을 설치하다 충돌이 났다. 예전에 설치한 node.js 때문이었다. node.js 먼저 삭제후 nvm을 설치해야 했다. 과거에 Mac으로 똑같은 실수를 저질러서 맥버전 node.js 삭제하기 포스팅을 올렸던 기억이 났다. 인간은 망각의 동물이라던데 흐흑 😭 그래 기왕 이렇게 된 거 나와 같은 처지의 검색러분들께 도움이나 되자하고 끄적여본다 ! 1. 제어판 - 프로그램 제거 에서 node.js를 삭제해준다. 정말 다행인 것은 Mac과는 달리 윈도우에서 프로그램 제거만 하면 끝이라는 거다. 2. 자 제거를 시작하지 3. 터미널에서 node 명령어를 입력해보면 나오지 않는다면 성공! NVM 삭제도 해야한다면? ↓아래 포스팅을 클릭해주세요. Vue - (Windows) NVM 삭제하기 예.. 2021. 7. 20. Vue - (맥os) Node.js 와 NVM 삭제하기 Node.js 가 깔린 상태에서 nvm 을 설치해서 뭔가 꼬이고 말았다. 그래서 Node.js 를 삭제하고 NVM 도 삭제하려고 한다. Node.js 삭제하기 아래 명령어를 터미널에 입력한다. sudo npm uninstall npm -g sudo rm -rf /usr/local/lib/node /usr/local/lib/node_modules /var/db/receipts/org.nodejs.* sudo rm -rf /usr/local/include/node /Users/$USER/.npm sudo rm /usr/local/bin/node sudo rm /usr/local/share/man/man1/node.1 sudo rm /usr/local/lib/dtrace/node.d brew uninstall.. 2021. 4. 4. React(5) 빌드하기 빌드를 하는 이유 웹페이지를 열때마다 용량이 크다면 성능이 떨어진다. 그래서 빌드를 통해 정리하여 용량을 줄인 버전으로 배포한다. 크롬의 새로고침에서 마우스 우클릭을 해보자. empty cache and hard reload을 선택하면 무겁게 리로드된다. 리액트가 개발의 편의성을 위해 기능을 추가해놨기 때문이다. create-react-app은 파일 자체가 무겁다. 빌드하기 1. Visual Studio 터미널에서 npm run build 하고 엔터를 치면 build라는 디렉터리가 새로 생긴다. 2. 파일디렉토리를 보면 빌드에서도 index.html이 있다. 근데 좀 다르다. 공백등의 불필요한 정보 등을 알아서 지워버려 용량을 줄이긴 버젼이기 때문이다. 3. 서버를 다운받는다. (실제로 서비스할 때는 빌.. 2020. 12. 30. React 실행오류 - npm ERR! code ENOENT(errno -4058) Updated 21/07/30 문제상황 " npm ERR! code ENOENT(errno -4058) " React를 실행하기 위해 visual studio 터미널창에 npm run start를 입력하니 4058로 시작하는 에러가 나왔다. path를 살펴보니 설치시 지정한 경로와 달랐다. package.json파일이 없다고 한다. 문제해결 1. 다시 install 과정을 되짚어봄 (지난 포스팅참조) 2. instal 로 잘못 입력했네 -_- 일단 install 자체가 잘못되었다. 다시 설치하기 - 원래 react-app 폴더에 프로젝트가 들어가야 한다. cd react-app 으로 현재 path를 react-app 으로 바꿔주자 C:\Users\Saebal ↓ C:\Users\Saebal\react-a.. 2020. 12. 29. React(1) 개발환경 설치하기(node.js) 리액트를 사용할 준비를 끝내보자. 1. 웹사이트에서 node.js 다운로드하기 nodejs.org/en/ 2. 다운로드 받은 Node.js 설치하기 3. window + r 를 눌러 cmd 창 소환 후 명령어 npm -v 를 입력해 설치된 버전 확인하기 (띄어쓰기 주의) 4. create-react-app 설치하기 cmd에 명령어를 입력한다. (띄어쓰기 신경쓰기) 잘설치되었나 확인해보자. 5. create-react-app을 이용해 디렉터리 설정하기 1) 바탕화면에 react-app이라는 폴더를 하나 만든다. 2) cmd를 켜고 cd 명령어를 사용하여 react-app 디렉토리를 만든다. 이 포스팅은 개발환경 세팅방법 중 직접 다운받아 사용하는 방법이다. 2020. 12. 29. 이전 1 다음 반응형