[프론트엔드] REACT 뉴스 뷰어 만들기 [1]

1.  사전 준비

 

-  git 저장소 생성

 

먼저 뉴스뷰어 개발을 위한 git 저장소를 추가한다.

 

git 저장소 추가

 

Add a README file :  README 파일 기본생성

Add gitignore  : node 모듈 commit 제외

 

 

-  git Clone  (Mac 기준)

 

clone 폴더에서 티미널 열기

 

생성한 저장소 git 주소 clone 

 

 

2.  react 프로젝트 설치

 

아래의 3가지 명령어를 vscode를 열어서 실행한다.

 

• 뉴스 뷰어 프로젝트 설치.
• cd 명령어로 생성한 프로젝트 경로로 이동
• 외부 API 연동을 위한 axios 라이브러리 설치
  
  

$ yarn create react-app news-viewer
$ cd news-viewer
$ yarn add axios

 

 

3.  react 프로젝트 설정

 

-  prettierrc 추가

 

vocode 마켓 플레이스에서  "prettier" 설치

 

프로젝트 최상단에 .prettierrc 파일을 작성해준다.

 

prettierrc

 

-  jsonconfig.json

 

jsonconfig 파일 작성