React Hooks의 고급 API 중 일부인 useReducer를 알아봅니다.

퍼포먼스 최적화와 가독성에 도움을 주는 useMemo를 알아봅니다.

Ref와 React Hooks의 기본 API 중 하나인 useRef를 알아봅니다.

React Hooks를 조금 더 유연하게 사용할 수 있는 방법인 Custom Hooks를 알아봅니다.

useState 함수와 useEffect 함수를 조금 더 유연하게 사용하는 방법을 알아봅니다.

상태State 개념과 React Hooks를 소개하고, useState와 useEffect를 작성하는 방법을 알아봅니다.

React에서 이벤트를 작성하는 방법을 알아봅니다.

반복 컴포넌트 작성하는 방법을 알아봅니다.

React에서 동적으로 값을 전달하는 방법인 Props 개념을 알아봅니다.

React에서의 Function 컴포넌트를 작성하는 방법을 알아봅니다.

JSX를 소개하고 HTML과 어떤 부분이 다른지 알아봅니다.

CRA를 통해 생성한 React 프로젝트의 구조를 살펴봅니다.

React 프로젝트를 생성하고 실행하는 과정까지 소개합니다.

React 개발환경 구성을 소개합니다.

이 강좌는 React의 Function Component만을 중심으로 하는 강좌입니다. class 문법 등 JavaScript의 새로운 문법에 대한 거부감이 있는 분도 볼 수 있습니다. React에 대한 포스트를 보다 보니 Class Component를 중심으로 한 강좌가 많았고,Function Component를 위주로 하는 강좌가 나오기를 기다리다가 ...

CSS in JS는 너무 JS에 편파적이다. 새로운 용어로 CSS in Code를 쓰자. CSS in Code가 뭐가 좋냐고? 이리 와서 이 글을 봐요 그대.

이 글은 프론트엔드 직무 면접 질문과 관련된 Github 저장소 front-end-interview-handbook 번역본으로, 저장소에 Translations 폴더의 내용과 동일합니다. - CSS 질문 2 프론트엔드 면접 질문 - CSS 질문에 대한 해설입니다. Pull Request를 통한 제안, 수정 요청 환영합니다. - [그리드 시스템을...

이 글은 프론트엔드 직무 면접 질문과 관련된 Github 저장소 front-end-interview-handbook 번역본으로, 저장소에 Translations 폴더의 내용과 동일합니다. - CSS 질문 1 프론트엔드 면접 질문 - CSS 질문에 대한 해설입니다. Pull Request를 통한 제안, 수정 요청 환영합니다. - [CSS 선택자...

업데이트] 이 시리즈는 이전(old) 리액트(React) 아키텍처에서 시작 되었습니다. 여러분은 시작 부분을 건너뛰고 바로 [새로운 파이버(Fiber) 아키텍처를 사용하여 모든 것을 재 작성하는 글로 넘어갈 수 있습니다. 업데이트 2] [댄(Dan)의 이야기에 진지하게 귀 기울일 것: 1) 역자주 — 리덕스의 창시자이며, 2015년부터 페이스북에서 리액트...

이 이야기는 단계별 리액트 DIY 시리즈의 일부입니다. DOM 리뷰 시작하기 전에, 사용할 DOM API를 살펴봅시다. gist 요약 엘리먼트를 DOM에 자식으로 렌더링 할 수 있게 해주는 render 함수를 만들었습니다. 다음으로 필요한 것은 엘리먼트를 만드는 쉬운 방법입니다. 다음 포스팅에서는 JSX를 Didact와 함께 사용할...