REACT - 21.12.26 - JSX, STATE, PROPS

학습목표

REACT &  JSX

• React의 3가지 특징에 대해서 이해하고, 설명할 수 있다.
• JSX가 왜 명시적인지 이해하고, 바르게 작성할 수 있다.
• React 컴포넌트(React Component)의 필요성에 대해서 이해하고, 설명할 수 있다.
• create-react-app 으로 간단한 개발용 React 앱을 실행할 수 있다.
• SPA(Single-Page Application) 개념을 이해하고 설명할 수 있다.
• SPA의 장, 단점에 대해 이해하고 설명할 수 있다.
• 와이어프레임을 보고 어느 부분을 컴포넌트로 구분해야 할 지 스스로 정할 수 있다.
• React에서 npm으로 React Router DOM을 설치(npm install react-router-dom@5.3.0)하고 이용할 수 있다.
• React Router DOM를 이용하여 SPA를 구현할 수 있다.
• 라우팅 구조를 짤 수 있어야 하고, 이에 필요한 기초 문법들을 사용할 수 있어야 한다.

STATE &  PROPS

• State, Props의 개념에 대해서 이해하고, 실제 프로젝트에 바르게 적용할 수 있다.
• React 함수 컴포넌트(React Function Component)에서 State hook을 이용하여 State를 정의할 수 있다.
• React 컴포넌트(React Component)에 Props를 전달할 수 있다.
• 이벤트 핸들러 함수를 만들고 React에서 이용할 수 있다.
• 실제 웹 애플리케이션의 컴포넌트를 보고 어떤 데이터가 State이고 Props에 적합한지 판단할 수 있다.
• 실제 웹 애플리케이션 개발 시 적합한 State와 Props의 위치를 스스로 정할 수 있다.
• React의 단방향 데이터 흐름(One-way data flow)에 대해 자신의 언어로 설명할 수 있다.

 

---

발견한것

26일 리액트에대해 생각보다 더 모름

27일 노마드 코더를 보며 usestate,함수, 이벤트리스너를 사용할수있게 되었다. 

---

느낀점

26일 기초문법을 모르니 알겠다 싶은것도 적용이 어렵다.

27일 html tag공부도 , 이벤트타입 공부도 필요하다 많이 알수록 다채롭게 사용가능하다.

---

다음 공부방향

26일 노마드코더 영화웹 서비스 만들기 진행

27일 아!!!! useState 이제 좀 알겠다 ㅠㅠ아니까 재밋다ㅜㅜㅜ 어이구 서러웠다 증말..