React 컴포넌트 props 타입 지정하기: 부모와 자식 사이의 값 구조 잡기
React에서 TypeScript로 컴포넌트 props 타입을 지정하는 기본 방법을 정리합니다. 부모 컴포넌트가 자식 컴포넌트에 넘기는 값의 구조를 타입으로 고정하고, 필수 props와 함수 props를 실제 UI 컴포넌트 기…
hebi_admin
총 232개의 글
TypeScript 실무 로드맵
TypeScript 기초 문법을 배운 뒤 React 프로젝트에서 props, state, API, 상태 관리, 폼, Next.js까지 어떤 순서로 타입을 적용하면 좋은지 정리합니다.
TypeScript란 무엇인가: JavaScript와 차이 정리
TypeScript가 JavaScript를 대체하는 언어가 아니라 JavaScript 위에 타입 검사를 더하는 도구라는 점을 입문자 기준으로 정리합니다. 정적 타입 검사, JavaScript 변환, 런타임과의 차이를 함께 설명…
ChatGPT와 Codex로 워드프레스 블로그 자동 업로드 파이프라인 만들기
ChatGPT로 블로그 글을 단계별로 만들고, Codex와 워드프레스 업로드 구조를 연결해 자동 업로드 파이프라인을 설계하는 방법을 정리합니다.
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년 개발자 취업 포트폴리오에서 AI 시대에 평가받는 프로젝트 기준을 정리합니다. 단순 구현물이 아니라 문제 정의, 예외 처리, 검증 과정, GitHub 기록까지 보여주는 방법을 다룹니다.
바이브 코딩이란? Cursor, Claude Code, Codex로 앱 만드는 방식과 현실
바이브 코딩의 의미와 Cursor, Claude Code, Codex를 활용해 앱을 만드는 실제 흐름을 정리합니다. AI 코딩 도구의 장점과 한계, 프론트엔드 개발자가 검증해야 할 기준까지 함께 다룹니다.
2026 프론트엔드 개발자 로드맵: React, Next.js, TypeScript
2026년 기준 프론트엔드 개발자를 목표로 공부할 때 HTML, CSS, JavaScript, React, Next.js, TypeScript, AI 도구를 어떤 순서로 연결해야 하는지 정리합니다.
Claude 4.8 vs GPT 5.5 비교: 코딩, 글쓰기, 문서 작업
Claude와 GPT의 장단점을 최신 모델 기준으로 비교하고, 코딩·글쓰기·문서 분석·업무 자동화 상황에서 어떤 AI를 선택하면 좋을지 정리합니다.