본문 바로가기
반응형

WEB16

02. create-react-app 사실 처음부터 React Project를 생성하는건 복잡합니다. 그래서 Facebook에서 만든 Create React App이라는 툴을 이용하도록 하겠습니다. create-react-app은 기본적인 React Code 파일들이 미리 설정된 폴더들과 상용화 가능한 ReactApp을 구축할 수 있도록 돕는 환경설정 파일들로 구성되어 있습니다. create-react-app을 이용해 시작 프로젝트를 생성해보겠습니다. Terminal에서 프로젝트를 생성할 위치로 이동후 아래와 같이 실행해 봅시다. $ npx create-react-app 정상적으로 프로젝트가 생성됐다면 아래와 같은 결과를 보실 수 있습니다. npm start로 생성한 프로젝트를 로컬에서 실행해봅니다. $ cd $ npm start 로컬 개발.. 2022. 9. 13.
Node.js 명령어 정리: NVM, NPM, NPX React 공부를 하려다보니 Node.js 명령어들이 쓰이는데 뭔지도 모르고 쓰면 답답하니 자주 사용되는 명령어에 대해 알아보겠습니다. NVM (Node Version Manager) NVM은 다양한 Node.js 버전을 설치하고 관리해주는 도구라고 볼 수 있습니다. 개발을 하다보면 호환성 문제 등으로 여러버전을 바꿔가며 사용해야 하는 경우가 있습니다. 잘못하면 소스들이 꼬이는데 이런 도구들이 그런 문제들로부터 자유롭게 해줍니다. brew에서 아래와 같이 설치합니다. $ brew install nvm NPM (Node Package Manager) NPM은 Node.js에서 사용하는 모듈 및 패키지들의 관리를 수월하게 해주는 도구라고 볼 수 있습니다. 필요한 패키지를 다운받고, 버전별 관리 및 업데이트 .. 2022. 9. 13.
Mac에서 Node.js 홈페이지를 통해 LTS버전 설치하기 Mac에서 Node.js 홈페이지를 통해 설치파일을 받아 Node.js를 설치해보도록 하겠습니다. homebrew로 설치하길 원하시는 분들은 여기를 참고하셔서 설치하시면 되겠습니다. 먼저 Node.js 홈페이지로 이동합니다. 안정화된 버전인 LTS버전(글 작성시점 16.17.0)을 다운받고 받은 파일을 실행해줍니다. 다음 다음 계속 계속 등 기본 버튼만 눌러서 설치를 진행합니다. 설치가 끝나면 위와같은 화면을 볼 수 있습니다. 닫기를 눌러 설치 종료. 쉽죠? 2022. 9. 13.
Mac에서 homebrew를 이용해 Node.js LTS버전 설치하기 Mac의 패키지 괸리자인 homebrew를 이용해서 설치해보도록 하겠습니다. homebrew가 설치되어있지 않으신 분들은 여기로 가셔서 미리 설치하시기 바랍니다. Mac의 terminal을 여시고 아래 명령어를 통해 Node.js를 설치하도록 합니다. brew install node Node.js 홈페이지에 들어가 현재 LTS 버전을 확인합니다. 확인해보니 현재 LTS 버전은 16.17.0입니다. 확인된 LTS버전을 설치하도록 합니다. brew install node@16 끝. 2022. 9. 6.
반응형