프론트엔드

HTML·CSS부터 JavaScript, React와 상태관리까지, 화면을 만들고 데이터를 다루는 기술을 배웁니다.

총 177개의 글

Tailwind CSS · 중급 설명 12분 2025.12.04

긴 className을 그대로 둘 때와 상수·컴포넌트·variant로 나눌 때를 구분하고, disabled·clsx·tailwind-merge·CVA 적용 순서를 정리합니다.

Zustand · 중급 설명 8분 2025.12.04

React state vs Zustand: 언제 전역 상태가 필요할까를 실제 작업 순서와 판단 기준 중심으로 정리합니다. 기존 개별 글을 어떻게 이어서 읽으면 좋은지 함께 안내합니다.

React React · 초급 설명 6분 2025.12.04

props와 TaskCard 합성으로 데이터 흐름과 UI 구조를 정리했다면 이제 사용자 행동에 따라 실제 화면이 바뀌어야 합니다. useState는 컴포넌트가 렌더링 사이에 값을 기억하고, 값이 바뀌면 다시 렌더링하게 만드는…

React React · 초급 설명 6분 2025.12.04

컴포넌트를 분리했더라도 각 컴포넌트 안에 데이터를 직접 적어 두면 재사용하기 어렵습니다. props는 부모 컴포넌트가 가진 값을 자식 컴포넌트에 전달하는 입력값입니다.

React React · 초급 설명 6분 2025.12.04

JSX는 React에서 화면 구조를 표현하는 문법입니다. HTML과 비슷해 보이지만 JavaScript 표현식을 함께 사용할 수 있고, 조건에 따라 다른 UI를 보여주거나 배열을 화면 목록으로 바꿀 수 있다는 점이 핵심입니다.

React React · 초급 설명 5분 2025.12.04

React 애플리케이션은 하나의 거대한 함수로 만드는 것이 아니라 역할이 분명한 컴포넌트를 조합해 구성합니다. 그렇다고 파일을 작게 나누는 것 자체가 목표는 아닙니다. UI에서 책임이 나뉘는 지점을 찾는 것이 먼저입니다.

React · 초급 React 설명 10분 2025.12.04

React를 시작하기 위한 JavaScript·TypeScript 선수 지식과 컴포넌트, props, state부터 상태관리까지의 학습 순서를 정리합니다. Vite 첫 실행과 클릭 카운터를 확인한 뒤 TaskFlow를 32회에…