React useState 사용법: state와 객체 배열 업데이트 기준
이 글에서 정리하는 내용 React에서 state가 왜 필요한지부터 일반 변수와의 차이, 기본 문법, 객체와 배열 업데이트 방식이전 값 기반 업데이트가 필요한 이유까지 한 흐름으로 정리합니다. 화면이 바뀌어야 하는 값은 왜 state로 관리해야 하는지 기준을 잡는 데 …
더 읽기React
컴포넌트 기반으로 UI를 구성하는 JavaScript 라이브러리 React 전반을 다룹니다.
React props 사용법: 부모에서 자식으로 데이터 전달하는 구조
이 글에서 정리하는 내용 props가 왜 필요한지부터 부모에서 자식으로 데이터를 전달하는 방식, 문자열·숫자·배열·객체·함수 props 전달, children, props drilling까지 한 흐름으로 정리합니다. 읽고 나면 React 컴포넌트를 어떻게 연결해야 하는…
더 읽기
React JSX 문법 사용법: 조건부 렌더링과 리스트 처리
이 글에서 정리하는 내용 JSX를 HTML처럼 외우는 대신 JavaScript 안에서 UI를 표현하는 문법으로 이해합니다. 기본 문법, 중괄호 표현식, 조건부 렌더링, 리스트 렌더링과 style 같은 속성 바인딩, Fragment까지 한 흐름으로 정리합니다. JSX…
더 읽기
React 컴포넌트 개념 정리: UI 재사용 구조 잡기
이 글에서 정리하는 내용 React 컴포넌트를 어떻게 이해해야 하는지부터, UI를 왜 나누는지, 재사용 가능한 컴포넌트를 어떻게 설계하는지, 그리고 presentational / container 느낌의 역할 분리를 어떻게 받아들이면 좋은지까지 한 흐름으로 정리합니다.…
더 읽기
React 처음 배우는 순서: 컴포넌트부터 state, Zustand까지
이 글에서 정리하는 내용 React를 처음 배울 때 가장 어려운 지점은 문법 자체보다 순서입니다. 컴포넌트, JSX, props, state, useEffect, Zustand가 한꺼번에 보이면 무엇을 먼저 잡아야 하는지 흐려집니다. 이 글은 React 입문자가…
더 읽기