React | 프로젝트 시작하기

2023. 12. 9. 11:49·React

react 설치 이전 Node.js , npm , npx 가 설치되어 있어야 합니다.

 

ffoorreeuunn.tistory.com/199

 

[ Node.js ] Node.js 설치하기 & npm 설치하기 & npx 설치하기

1. Node.js 설치하기 nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 위의 링크로 들어가줍니다. 현재 가장 최신의 LTS 버전은 14.15.5 입니다. LTS란

ffoorreeuunn.tistory.com

 

 

1. create-react-app 로 리액트 설치

프로젝트 폴더 생성 후에 vscode로 열어서

터미널에 명령어 입력

create-react-app 앱이름

 

2. 앱 실행하기 npm start 

해당 앱 파일 위치로 가서 앱 실행

npm start

 

3. 깃 연결하기 (선택사항)

- 깃 시작하기

 

git init

 

Initialized empty Git repository in /파일위치/.git/

파일위치에서 빈 Git 저장소를 초기화했습니다.

 

숨겨진 파일 확인 단축키

cmd + shift + .(점)

 

숨겨진 파일 확인해보면 .git 파일 있는거 확인할 수 있음

 

- 깃에 레파지토리 생성

 

- 해당 주소로 연결

git remote add origin 깃주소

 

- 커밋 푸쉬

git add .
git commit -m "커밋메세지"
git push origin master(or main)

 

 

참고 :

https://ffoorreeuunn.tistory.com/200

'React' 카테고리의 다른 글

[React 영화 서비스 만들기] Memo  (1) 2024.07.08
React | 포트 변경하기  (0) 2023.12.09
리액트 | ContextAPI  (0) 2023.01.25
리액트 | 라우터  (0) 2023.01.19
리액트 | 훅(HOOK)  (0) 2023.01.17
'React' 카테고리의 다른 글
  • [React 영화 서비스 만들기] Memo
  • React | 포트 변경하기
  • 리액트 | ContextAPI
  • 리액트 | 라우터
개발 공부
개발 공부
  • 개발 공부
    개발 공부
    개발 공부
  • 전체
    오늘
    어제
    • 전체보기 (163)
      • 프로젝트 (1)
      • JavaScript (46)
      • Node.js (3)
      • Next.js (5)
      • React (17)
      • NoSQL (0)
      • HTML,CSS (3)
      • CS (6)
      • Java (35)
      • Spring (6)
        • Spring의 정석 (1)
      • Spring boot (1)
      • MySQL (1)
      • 리눅스 (16)
      • JSP (9)
      • AWS (0)
      • git (2)
      • 알고리즘 (1)
      • ect (7)
      • Project (2)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    Java
    자바
    티스토리챌린지
    오블완
    Java의 정석
    자바의 정석
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
개발 공부
React | 프로젝트 시작하기
상단으로

티스토리툴바