본문 바로가기
안녕하세요 :) FE 개발자 윤지홍입니다.
저는 리액트를 주로 사용해요.
UX/UI디자인에도 관심이 있어요.
Javascript React NextJs NodeJs Flutter HTML CSS PHP
👋
React 시작하기
jiiii-hong | React | 2022년 08월 03일

React 시작하기

React 시작하기

jiiii-hong React 2022년 08월 03일

설치하기

원하는 프로젝트명을 입력해주면된다.

$ npx create-react-app 프로젝트명


Typescript로 시작하기

$ npx create-react-app 프로젝트명 --template typescript
or
$ npx create-react-app 프로젝트명 app --scripts-version=react-scripts-ts

실행 포트 변경하기

기본적으로 3000번 포트를 사용해서 구동되는데

package.json에 실행 명령어를 아래와 같이 수정해 원하는 포트를 입력하면 된다.

"scripts": {
  "start": "npm start -p 3001"
}

 

그리고 .evn파일로도 변경할 수도 있는데 그냥 .env 파일을 만들어 아래 내용을 추가하면된다.

PORT=3001

'React' 카테고리의 다른 글

React 메모이제이션 사용하기  (0) 2022.08.16
useEffect 사용법  (0) 2022.08.16
React에서 불변성을 지켜야하는 이유  (0) 2022.08.15
useState 사용법  (0) 2022.08.13
HOOK 이란?  (0) 2022.08.10