FE & React
7개의 글
FE & React
[React Basic] 전역 상태 아키텍처의 시작 ContextAPI
props drilling props drilling은 props를 깊게 파내려간다는 의미로, 어떤 부모 컴포넌트가 데이터를 가지고 있는데 그 데이터를 실제로 필요로 하는 컴포넌트가 트리의 아랫쪽, 더 깊은 자식 컴
FE & React
[React Basic] 발전된 구조적 상태 관리 useReducer
발전된 상태 관리의 필요성 오늘 이 내용은 상태 관리에서 useState 훅만 쓰면 되지 않느냐에서 출발합니다. 예를 들어, 상품 장바구니 기능을 구현할 때 useState만을 사용할 경우, State를 하나하나씩
FE & React
[React Basic] 데이터 패칭과 비동기 처리
HTTP Request 그동안 살펴본 예제들은 모두 데이터들이 내부 State에 존재해서 UI 표현에 큰 어려움이 없었습니다. 실제 서비스에서는 대부분의 중요한 데이터가 서버에 있고 이 데이터를 가져와야만 화면에 유
FE & React
[React Basic] 상태 관리 심화 및 폼 데이터 제어
상태 끌어올리기(Lifting State Up) 여러 컴포넌트가 동일한 데이터를 함께 사용해야 할 때 상태값을 어디서 관리하는 게 적절할까요? React에서는 이를 상태 끌어올리기(Lifting State Up)이라
FE & React
[React Basic] 순수 컴포넌트와 불변성
순수 컴포넌트(Pure Components) 순수 컴포넌트의 개념은 순수 함수(Pure Function)에서 출발합니다. 순수 함수(Pure Function)이란, 같은 입력을 넣으면 언제나 같은 출력을 돌려주고,
FE & React
[React Basic] 화면의 외부를 담당하는 이펙트 제어하기
Effect의 의미 앞선 내용에서는 컴포넌트 내부의 State와 화면이 연결되는 부분만 다뤘습니다. 하지만 실제 서비스는 화면 안에서만 끝나지 않고, 반드시 화면 밖의 세계와도 연결되어야 합니다. 그 예시는 다음과
FE & React
[React] 리액트의 배경 및 기본 원리
리액트의 배경 웹 역사에서 중요한 해였던 1995년 Java, PHP, Ruby 같은 언어들이 세상에 등장했고, 웹 서버 프로그램인 아파치도 탄생했습니다. 그리고, 이 해에 자바스크립트가 만들어졌습니다. Netsca