React JSX 문법 사용법: 조건부 렌더링과 리스트 처리
이 글에서 정리하는 내용 JSX를 HTML처럼 외우는 대신 JavaScript 안에서 UI를 표현하는 문법으로 이해합니다. 기본 문법, 중괄호 표현식, 조건부 렌더링, 리스트 렌더링과 style 같은 속성 바인딩, Fragment까지 한 흐름으로 정리합니다. JSX…
더 읽기React
React 컴포넌트, 상태 관리, Zustand, Hook, 렌더링 문제처럼 프론트엔드 실무에서 자주 쓰는 React 개발 흐름을 정리한 카테고리입니다.
React 컴포넌트 개념 정리: UI 재사용 구조 잡기
이 글에서 정리하는 내용 React 컴포넌트를 어떻게 이해해야 하는지부터, UI를 왜 나누는지, 재사용 가능한 컴포넌트를 어떻게 설계하는지, 그리고 presentational / container 느낌의 역할 분리를 어떻게 받아들이면 좋은지까지 한 흐름으로 정리합니다.…
더 읽기
React 처음 배우는 순서: 컴포넌트부터 state, Zustand까지
이 글에서 정리하는 내용 React를 처음 배울 때 가장 어려운 지점은 문법 자체보다 순서입니다. 컴포넌트, JSX, props, state, useEffect, Zustand가 한꺼번에 보이면 무엇을 먼저 잡아야 하는지 흐려집니다. 이 글은 React 입문자가…
더 읽기