node 윈도우 버전을 설치하고 creat-react-app 설치한다.
(1) node js 다운로드
Node.js — 어디서든 JavaScript를 실행하세요
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
해당설치위치에서 설치하시고 윈도우+R 눌러서 cmd를 입력하면 커먼트 창이 뜨는데 버전을 확인한다.
node의 버전은 v20.18.0 이고 npm의 버전은 10.9.0 으로 확인된다.
조금 지난버전이지만 이렇게 설치하고 다음단계로 넘어간다.
(2) 폴더생성
mkdir 생성폴더 여기에선 test1이라고 지정해본다.
cd test로 해당폴더로 들어간다.
(3) yarn 설치
npm install -g yarn 으로 yarn을 설치한다.
npm install -g npm@11.1.0 으로 최신버전으로 업데이트 한다.
yarn 에 대해서 chatgpt에서 문의하여 위와 같은 답변을 받았다.
실제 사용해보면 빠르고 편하다는걸 알수있습니다. 아직은 알수없으니 그냥 이런게 있다고 생각하고 넘어가보시지요
3) yarn 버전 확인
yarn -v
4) create-react-app 설치로 실제 앱설치
npm install -g create-react-app 으로 create-react-app 을 설치한다.
creact-react-app client 명령어로 프로젝트를 생성한다. client 경로에 가면 package.json , node_module등의 파일/폴더가 있다.
5) react 서버 실행
6) 파일 수정
/client/src/index.js를 열어 편집하면 갱신되어 바로 화면에서 수정된게 보인다.
금일은 설치방법과 hello world 와 같은 샘플 파일 생성 및 실행방법에 대해서 알아보았습니다
chatgpt로 yarn이 무엇인지 간단히 확인해보았고 이어서 실전프로그램을 실행해 가면서 chatgpt로 어떻게 접근하고
어떤결과를 얻을수있는 함께 확인하며 프로젝트를 진행해 보겠습니다.
리액트, Next.js, Nuxt.js 프로그램 의뢰는 카톡친추 dev.megahit 로 해주세요