React JSX 문법 사용법: 조건부 렌더링과 리스트 처리
이 글에서 정리하는 내용 JSX를 HTML처럼 외우는 대신 JavaScript 안에서 UI를 표현하는 문법으로 이해합니다. 기본 문법, 중괄호 표현식, 조건부 렌더링, 리스트 렌더링과 style 같은 속성 바인딩, Fragment까지 한 흐름으로 정리합니다. JSX…
더 읽기개발
프로그래밍 카테고리에서는 HTML, CSS, JavaScript, React, Next.js를 비롯한 다양한 개발 지식과 실무 구현 방법을 정리합니다. 기초 문법부터 UI 구현, API 연동, 상태 관리, 성능 최적화, 트러블슈팅까지 실제 작업에 바로 적용할 수 있는 내용을 쉽고 체계적으로 다룹니다.
React 컴포넌트 개념 정리: UI 재사용 구조 잡기
이 글에서 정리하는 내용 React 컴포넌트를 어떻게 이해해야 하는지부터, UI를 왜 나누는지, 재사용 가능한 컴포넌트를 어떻게 설계하는지, 그리고 presentational / container 느낌의 역할 분리를 어떻게 받아들이면 좋은지까지 한 흐름으로 정리합니다.…
더 읽기
React 처음 배우는 순서: 컴포넌트부터 state, Zustand까지
이 글에서 정리하는 내용 React를 처음 배울 때 가장 어려운 지점은 문법 자체보다 순서입니다. 컴포넌트, JSX, props, state, useEffect, Zustand가 한꺼번에 보이면 무엇을 먼저 잡아야 하는지 흐려집니다. 이 글은 React 입문자가…
더 읽기
AI 하네스 파일 사용법: AGENTS.md와 Codex 지침 구조 이해하기
이 글에서 정리하는 내용 AI 하네스를 단순한 지침 파일이 아니라, 프로젝트의 현재 구조와 운영 흐름을 AI가 함부로 깨지 않도록 잡아주는 실전 안전장치로 정리해보겠습니다. 이 하네스 글에서는 하네스 설계의 핵심 기준도 함께 다룹니다. 를 중심으로 CLAUDE.md, …
더 읽기