Achievement Goal1\. 리액트의 세가지 특성 알기2\. jsx의 이해, 몇가지 규칙을 이용하여 바르게 작성할 수 있다.map을 이용한 반복적인 데이터 렌더링을 할 수 있다.리액트 컴포넌트의 필요성에 대해 이해, 설명할 수 있다.create-react-app
Achievement Goal1\. SPA(single-page-Application)의 개념을 이해하고 설명할 수 있다.2\. SPA의 장단점 알기.3\. 와이어프레임 구상 시 어떤 부분을 컴포넌트로 짤지 구상할 수 있다.HTML에서만 작업 시, 페이지가 이동할 때마
Achievement Goal1\. 라우팅의 개념에 대해 알 수 있다.2\. React Router DOM의 컴포넌트를 사용할 수 있다.BrowserRouterSwitchRoute -> exact path ? path ?Link -> to앞서 SPA는 하나의 페이지 안
Achievement Goals1.state, props의 개념에 대해 이해한다.2.state hook을 이용하여 state를 정의,변경할 수 있다.3.리액트 컴포넌트에 prop을 전달할 수 있다.4.이벤트 핸들러 함수를 만들고 리액트에서 이용할 수 있다.5.실제 웹/
useState(), useEffect() 정의리액트의 Component는 '클래스형'과 '함수형'으로 구성되어 있다.기존의 클래스형 컴포넌트에서는 몇 가지 어려움이 존재한다.상태(State) 로직 재사용 어려움코드가 복잡해짐관련 없는 로직들이 함께 섞여 있어 이해가
리액트는 컴포넌트 기반의 View를 중심으로 한 라이브러리이다. 그러다보니 각각의 컴포넌트에는 라이프사이클 즉, 컴포넌트의 수명 주기가 존재한다. 컴포넌트의 수명은 보통 페이지에서 렌더링되기 전인 준비 과정에서 시작하여 페이지에서 사라질 때 끝이 난다.라이프 사이클은
\*Redux란 무엇인가?공식 문서상에서는 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너이다. 라고 나와있다.즉, 상태(state)를 관리해주는 라이브러리이다.착각하면 안되는게 Redux가 React에 속한 것이 아니며, React만 지원하는 것이 아닌 Angula
Theme를 변경하기 위해 기본적으로 background color / text color 들을 변경한다.이걸 위해서 매번 $(props=>props.light?:"light":"dark") 이런 식으로 매번 모든 컴포넌트에서 사용하면 코드가 복잡해지고 헷갈리게 된다.