해비

웹퍼블리싱 실무를 바탕으로 React, Next.js, TypeScript와 프론트엔드 문제 해결 과정을 기록합니다.

총 368개의 글

Next.js · 고급 5분 2025.12.05

Next.js의 초기 HTML과 요청별 SSR을 구분하고, App Router·Pages Router의 metadata와 본문 렌더링, URL·갱신 정책을 확인합니다.

제목·설명·링크·제목 계층과 이미지 속성을 작은 HTML 페이지에서 고칩니다. LCP와 CLS, 실험실과 실사용 데이터의 차이도 구분합니다.

Next.js · 고급 9분 2025.12.05

Next.js SEO 체크리스트: metadata API, SSR, Image까지 점검하기를 실제 작업 순서와 판단 기준 중심으로 정리합니다. 기존 개별 글을 어떻게 이어서 읽으면 좋은지 함께 안내합니다.

Next.js · 초급 13분 2025.12.05

Next.js를 처음 시작하는 독자를 위해 Node.js와 npm 확인, create-next-app 프로젝트 생성, 개발 서버 실행부터 App Router 라우팅, 렌더링, SEO, 빌드·배포까지 실제 학습 순서로 정리합니다…

IT·AI 소식 · 2026 13분 2025.12.04

React, Vue, Svelte를 팀 규모, 생태계, 채용 시장, 학습 곡선 기준으로 비교해 2025년 프론트엔드 라이브러리 선택 기준을 정리합니다.

React · 고급 26분 2025.12.04

React Compiler 도입 후 useMemo·useCallback·React.memo를 줄이는 기준을 정리합니다. 새 코드와 기존 코드의 차이, Effect 의존성, 적용 확인 방법을 예제로 설명합니다.

Tailwind CSS · 중급 23분 2025.12.04

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

Zustand · 중급 8분 2025.12.04

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

React · 초급 43분 2025.12.04

state 스냅샷과 updater 큐를 비교하고 객체 필드 보존, 배열 토글·삭제, 파생 완료 수를 검증하는 실행 실습입니다.

React · 초급 32분 2025.12.04

props와 children으로 상품 선택 화면을 조합하고 자식 버튼의 콜백으로 부모 상태를 갱신합니다. 기본값·읽기 전용·전달 범위도 정리합니다.