[TIL]내일배움캠프 - React 시작

react 시작하기

npm init react-app <이름>

1. node-modules : 기본 적인 모듈 파일
2. public : 개발한 모은 파일은 JS로 만들어지는 데 최종적인 index.html로 구동이 된다.
3. src : 여기 폴더에 개발해 나갈 것이다
4. package 파일은 사용하는 모듈을 정의 한다.
   1. npm start

src

npm start → src/index.js의 코드가 실행된다. → index.html의 root을 가져와 app.js를 실행시켜준다.

function component와 class component 가 있는 데 요즘은 함수형을 많이 사용한다.

라우팅 : 브라우저 url이 바뀔 때마다 보여줄 컴포넌트를 맵핑하고 그 컴포넌트를 렌더링 하는 과정

react-router-dom

function 함수를 화살표 함수료 변경하기

const Home = () => {
	return
};

State

component 가 가지는 속성 갑으로 state는 상태값을 자동으로 업데이트시켜준다

const [name, setName] = useState('기본값')

이런 식으로 선언해서 사용

 

 

---

추천 기능을 구현하는데 발생한 문제 직접 구현을 하려니까 너무 어렵다

 

 

문제

1. 로그인 권한 상태 인지 확인 permission 확인하기
2. post로 보내져서 데이터에 저장
3. delete 구현
4. 페이지네이션