React

프론트엔드 개발을 위한 자바스크립트 오픈소스 라이브러리오픈소스 : 소스가 공개되어 있음(저작권자가 공개) 누구나 자유롭게 사용, 복제, 배포, 수정 가능한 소프트웨어선언형 프로그래밍이란 무엇(What) 에 집중하여 프로그래밍을 하는 것 <-> 명령형 프로그래밍은

서버로부터 완전히 새로운 페이지를 불러오는 것이 아니라,화면을 업데이트하기 위해 필요한 데이터만 서버에서 전달받아 브라우저에서 해당하는 부분만 업데이트하는 방식으로 작동하는 웹 애플리케이션이나 웹 사이트전통적인 웹사이트에선 사용자가 웹사이트 내의 다른 페이지로 이동하면

1-1 Props1-2 State1-3 이벤트 처리1-4 Controlled Component1-5 React 데이터 흐름React의 개발 방식의 가장 큰 특징 "페이지 단위가 아닌, 컴포넌트 단위로 시작"변하지 않는 컴포넌트 외부로부터 전달받은 값. 부모 컴포넌트(

React의 데이터 흐름여러 컴포넌트 사이에서 어떤 방식으로 데이터를 다루는지Effect Hook와 Ajax를 사용해 서버로부터 데이터를 받아오는 방법1-1 React 데이터 흐름1-2 State 끌어올리기 (Lifting State Up)2-1 Side Effect2

2-1 Styled Components2-2 Storybook재사용할 수 있는 UI 컴포넌트 개발레고처럼 조립해 나갈 수 있는 부품 단위로 UI 컴포넌트를 만들어 나가는 개발을 진행할 수 있다. 컴포넌트 단위로 만들어 페이지를 조립하는 상향식 개발 방법 React 환경

Redux : 컴포넌트와 상태를 분리하여 전역에서 상태 관리를 해줄 수 있게 해주는 상태 관리 라이브러리. React 애플리케이션을 개발할 때 Redux를 사용하면 React 컴포넌트 간의 복잡한 데이터 흐름을 따라갈 필요가 없어짐상태 : 변하는 데이터, UI에 동적으

Chapter1. React 심화 1-1. Virtual DOM 1-2. React Diffing Algorithm Chapter2. React Hooks 2-1. Component와 Hook 2-2. useMemo 2-3. useCallback 2-4. Custom

useState보다 더 복잡한 state 관리할 때 사용

React 내부적으로 state를 관리할 수 있도록 도움. props 체인을 구축하지 않고도, 앱의 어떤 컴포넌트에서라도 직접 변경하여 직접 전달할 수 있게 해준다.