본문 바로가기

Front/React

React 배우기

백엔드 개발자가 다음과 같이API를 남겼다고 가정

 

 

 

프론트엔드 부분 세팅

 

 

 

 

 

 

 

 

npm | build amazing things

Build amazing things We're npm, Inc., the company behind Node package manager, the npm Registry, and npm CLI. We offer those to the community for free, but our day job is building and selling useful tools for developers like you. Take your JavaScript devel

www.npmjs.com

 

 

 

코드를 깔끔하게 하고싶고, 여러사람과 함께 코딩을 한다면 아래 두가지를 추천함

.eslintrc

- 컴퓨터가 결정하도록 해놈

- prettierrc에 대부분의 권한을 넘길것임

 

.prettierrc

- 코딩 스타일을 알아서 해줌

 

 

webpack에서 중요한 것

- entry / module / plugin / output

 

역할

- 여러 파일들을 하나로 합쳐서 하나의 파일로 만들어줘 --> 많은 설정들이 필요함

- 이런것들을 확장자별로 설정해줘야 함

 

 

CRA(Create React App)을 사용하면 설정 하나하나 잘 모르기 때문에 공부할 때에는 CRA를 사용하지 않고 하나하나 해보는게 좋음

 

 

 

'Front > React' 카테고리의 다른 글

[React] 외부 API를 연동하여 뉴스 뷰어 만들기  (0) 2021.01.12
[React] 리액트 라우터 부가 기능  (0) 2021.01.09
[React] 서브 라우트  (0) 2021.01.09
[React] URL 파라미터와 쿼리  (0) 2021.01.09
React 배우기  (0) 2021.01.05
[React] 기본개념  (0) 2020.11.04