React
1.[TIL 18] React
React의 3가지 특징에 대해서 이해하고, 설명할 수 있다. JSX가 왜 명시적인지 이해하고, 작성할 수 있다. React 컴포넌트(React Component)의 필요성에 대해서 이해하고, 설명할 수 있다. create-react-app 으로 간단한 개발용
2.[TIL 19] React SPA
SPA는 서버로부터 완전한 새로운 페이지를 불러오지 않고, 페이지 갱신에 필요한 데이터만 받아 그 정보를 기준으로 현재의 페이지를 업데이트함으로써 사용자와 소통하는 웹 어플리케이션이나 웹 사이트를 말한다.처음 HTML 페이지를 하나 불러온 다음, 이후 페이지들은 JS로
3.[TIL 20] React State & Props
Props Props의 특징 컴포넌트의 속성(property)을 의미한다. props는 성별이나 이름처럼 변하지 않는 외부로부터 전달받은 값으로, 웹 어플리케이션에서 해당 컴포넌트가 가진 속성에 해당한다. 상위 컴포넌트로부터 전달받은 값이다. React 컴포넌트는
4.[TIL 31] React Hooks: useEffect
리액트 공식 문서Hook은 클래스 컴포넌트를 작성하지 않아도 state와 같은 특징들을 사용할 수 있다.Effect Hook을 사용하면 함수 컴포넌트에서 side effect를 수행할 수 있다.React 컴포넌트가 화면에 렌더링 된 이후에 비동기로 처리되어야 하는 부수
5.[TIL 35] 컴포넌트 주도 개발 (Component Driven Development, CDD)
컴포넌트 중심으로 UI를 개발하는 방법론에 대해 알아보자. 컴포넌트 주도 개발 (CDD) 컴포넌트를 모듈 단위로 개발하여 사용자 인터페이스(UI) 구축에 도달하는 개발 및 설계 방법론. 기본적인 컴포넌트 단위부터 시작해서 UI view를 구성하기 위해 점진적으로 조립해
6.[TIL 36] React, Component
React의 기본, 컴포넌트를 알아보자 React ? "A JavaScript library for building user interfaces" 한 마디로, UI를 위한 JS 라이브러리라고 표현할 수 있다. >UI = View(State) => UI는 View 함수에 어떤 State 값을 대입했을 때 나온 결과. 여기서 중요한 것은 View를 State...
7.[TIL 37] React Hook과 상태 관리
Hook은 리액트 컴포넌트에서 상태와 이펙트를 도입하고 관리하는 효과적인 매커니즘.Hook이 등장하면서 더 이상 상태를 관리하기 위해서 Class를 사용할 필요가 없어졌다.기존에는 Class형 컴포넌트에서만 상태를 관리할 수 있었다.함수형 컴포넌트에서는 상태를 관리할
8.[TIL 38] Redux, Context API
리액트에서 전역 상태를 관리할 때 많이 쓰는 Redux와 Context API를 사용법과 장단점 위주로 비교해보자상태 관리는 View 중심으로 이루어진 React Component에서 변하는 값에 대한 상태를 관리한다고 할 수 있다.React의 useState를 사용하