🚀 What I Learned

React Intro

1. 어떠한 흐름으로 오늘날 React가 많이 사용되고 있는지 설명할 수 있다.
2. React가 무엇인지 정의할 수 있다. Click
3. CRA를 설치하고 폴더와 파일이 어떻게 구성되어 있는지 설명할 수 있다.
4. Component의 개념과 종류에 대해 설명할 수 있다.
5. JSX 를 정의하고 기본 특성에 대해 설명할 수 있다.
6. 기존에 구현한 Westagram을 React 로 변환해 렌더링 할 수 있다.

React Router, Sass

1. SPA가 무엇인지 설명할 수 있다. Click
2. react-router-dom를 이용해 Router Component를 구현할 수 있다.
3. react-router-dom에서 Routing을 하는 방법 2가지와 차이점에 대해 설명할 수 있다.
4. <Link> Component 와 <a> tag 의 차이점에 대해 설명할 수 있다.
5. css 전처리기의 역할에 대해 설명할 수 있다.
6. sass에서 제공하는 문법을 이용하여 css파일을 scss파일로 변환할 수 있다. Click

Mock Data

1. Array.map() 함수를 통해 컴포넌트를 재사용 할 수 있다.
2. Mock data를 만들어 백엔드 API 미완성 상태에서도 차질없이 개발할 수 있다. Click
3. useEffect 훅에서 fetch 함수로 mock data를 가져올 수 있다.
4. 상수 데이터를 javascript 로 만드는 경우와 mock data를 JSON으로 만드는 경우를 구분하여 설명할 수 있다.

State, Props, Event

1. 클래스형 컴포넌트와 함수 컴포넌트의 특징 및 Hooks의 필요성에 대해 이해한다. Click
2. props의 개념에 대해 한 문장으로 설명할 수 있다. Click
3. state의 개념에 대해 한 문장으로 설명할 수 있다.
4. useState 훅을 사용하여 React 컴포넌트의 상태를 관리할 수 있다.
5. state를 이용해서 UI의 변경을 표현할 수 있다.
6. 이벤트를 통해 state를 변경할 수 있다.
7. props의 개념을 이용해 부모 요소의 state를 자식 요소에서 반영시킬 수 있다.
8. props의 개념을 이용해 자식에서 일어난 이벤트로 부모의 state값을 바꿀 수 있다. (State 끌어올리기)