[TIL] 210627 리액트 강의 / 깃허브 react

리액트 강의

 

WEEK1

• CRA
• JSX
• 클래스형 컴포넌트
• 함수형컴포넌트
• CSS연결
• props의 state를 컴포넌트에서 사용 map

 

 

 

 

WEEK2

• SCSS
• styled-components
• 라이프사이클
• 가상돔
• 라이프사이클 함수

• constructor() -생성자 함수
• render() -컴포넌트의 모양을 정의함
• componentDidMount() -컴포넌트가 화면에 나타나는 것을 마운트(Mount)한다고 표현
• componentDidUpdate(prevProps, prevState, snapshot) -리렌더링을 완료한 후 실행되는 함수
• componentWillUnmount() -컴포넌트가 DOM에서 제거 될 때 실행하는 함수
•  
• React.createRef()

• state관리

• 클래스형 컴포넌트에서 state 관리 - setState()
• 함수형 컴포넌트에서 state 관리 - useState()

• 이벤트리스너구독

 

 

 

 

 

WEEK3

• 라우팅이란
• SPA
• 페이지 전환/ 데이터를 주면서 라우팅
• 잘못된 주소 처리하기

 

 

 

깃허브 주소

https://github.com/leehyeonj/React-practice

leehyeonj/React-practice