TypeScript 실무 로드맵
TypeScript 기초 문법을 배운 뒤 React 프로젝트에서 props, state, API, 상태 관리, 폼, Next.js까지 어떤 순서로 타입을 적용하면 좋은지 정리합니다.
해비
웹퍼블리싱 실무를 바탕으로 React, Next.js, TypeScript와 프론트엔드 문제 해결 과정을 기록합니다.
총 370개의 글
TypeScript란 무엇인가: JavaScript와 차이 정리
TypeScript가 JavaScript를 대체하는 언어가 아니라 JavaScript 위에 타입 검사를 더하는 도구라는 점을 입문자 기준으로 정리합니다. 정적 타입 검사, JavaScript 변환, 런타임과의 차이를 함께 설명…
ChatGPT와 Codex로 워드프레스 블로그 자동 업로드 파이프라인 만들기
ChatGPT·Codex·WordPress 역할을 나누고 원고 계약, 초안 ID, 승인 버전, 편집 충돌과 응답 유실 복구를 설계합니다.
Codex CLI 0.139.0 업데이트 정리: 2026년 6월 9일 changelog 핵심 변화
2026년 6월 9일 Codex changelog에 공개된 Codex CLI 0.139.0 업데이트 내용을 웹 검색, MCP 스키마, codex doctor, 플러그인, 샌드박스 안정성 중심으로 정리합니다.
Codex App changelog 정리: Sites, Appshots, Computer Use
Codex App changelog를 기능 목록이 아니라 개발 작업 흐름 변화 기준으로 정리합니다. Sites, Appshots, Computer Use, Browser use, Windows 지원 업데이트가 실제 개발 환경에…
2026 개발자 취업 포트폴리오: AI 시대에 보여줘야 할 프로젝트 기준
프로젝트 하나를 고르고 문제·역할·판단·검증 근거가 연결되는 설명을 완성합니다. 준비물은 직접 설명할 수 있는 코드와 구현 기록입니다. 이 글의 2026은 정리 시점을 뜻하며, 특정 기업의 평가표나 합격을 보장하는 기준이 아닙…
바이브 코딩이란? Cursor, Claude Code, Codex로 앱 만드는 방식과 현실
Cursor·Claude Code·Codex의 역할과 권한을 구분하고 목록 검색 과제 하나를 요청·diff 검토·실제 화면 확인까지 연결합니다.
2026 프론트엔드 개발자 로드맵: React, Next.js, TypeScript
기술을 어떤 순서로 익힐지보다 각 단계에서 무엇을 만들고 확인할지 정하는 로드맵입니다. HTML·CSS 경험이 있다면 첫 단계 결과물부터 점검하고 이미 할 수 있는 부분은 건너뛰세요. 단계별 시간은 고정하지 않으며, 아래 순서…
Claude와 GPT 비교: 코딩, 글쓰기, 문서 작업 평가 기준
Claude와 GPT를 같은 입력과 평가표로 비교하는 방법입니다. 코딩·글쓰기·문서 작업의 합격 기준과 모델 식별, 실행 조건을 구분합니다.
React Cannot update 오류 해결: 렌더링 중 setState 원인
오류 조각은 ProductCard 렌더 도중 부모의 setter를 실행합니다. null 조건이 있어도 다른 컴포넌트를 업데이트한다는 문제는 남습니다. 수정본에서는 자식이 클릭 때 onSelect만 호출하고, 부모가 요청한 ID…