BlogFlow | React·Next.js·프론트엔드 기술 블로그

BlogFlow 기술 노트

프론트엔드 기술 블로그

처음 원리를 잡는 분과 실무에서 바로 답을 찾는 개발자가 함께 읽을 수 있도록, 문제의 원인부터 적용 기준까지 정리합니다.

타입스크립트 15분 2026.07.13

TypeScript의 as const로 배열과 객체 값을 readonly 리터럴 타입으로 좁히고, typeof, keyof, 인덱스 접근 타입을 조합해 union 타입을 자동 생성하는 실무 기준을 정리합니다.

타입스크립트 14분 2026.07.13

TypeScript 제네릭을 React props와 API 응답 타입 예시로 쉽게 이해할 수 있도록 정리합니다. any와 제네릭의 차이, GenericList와 ApiResponse 활용 흐름을 함께 살펴봅니다.

배포 / 서버 17분 2026.06.25

환경변수를 처음 접하는 개발자를 위해 .env, .env.local, .env.example, .env.development, .env.production 파일의 차이와 사용 기준을 정리합니다. Next.js와 Vite의 클라…

타입스크립트 React 18분 2026.06.11

React 컴포넌트에서 TypeScript optional props를 사용할 때 기본값을 어디서 처리해야 하는지 정리합니다. `?`, `undefined`, `null`, 구조 분해 기본값, optional callback…

타입스크립트 React 15분 2026.06.11

React에서 TypeScript를 처음 사용할 때 헷갈리기 쉬운 .ts와 .tsx 차이, 컴포넌트 파일 구조, props 타입 작성 위치를 정리합니다. 처음부터 복잡한 타입 설계로 들어가기 전 기본 구조를 잡는 데 초점을 맞…

타입스크립트 React 19분 2026.06.11

React TypeScript에서 children 타입을 지정할 때 ReactNode, PropsWithChildren, ReactElement, JSX.Element를 어떻게 구분해야 하는지 정리합니다. children을 필…

React 20분 2026.06.11

React에서 TypeScript로 컴포넌트 props 타입을 지정하는 기본 방법을 정리합니다. 부모 컴포넌트가 자식 컴포넌트에 넘기는 값의 구조를 타입으로 고정하고, 필수 props와 함수 props를 실제 UI 컴포넌트 기…

타입스크립트 24분 2026.06.11

TypeScript 기초 문법을 배운 뒤 React 프로젝트에서 props, state, API, 상태 관리, 폼, Next.js까지 어떤 순서로 타입을 적용하면 좋은지 정리합니다.

타입스크립트 자바스크립트 21분 2026.06.11

TypeScript가 JavaScript를 대체하는 언어가 아니라 JavaScript 위에 타입 검사를 더하는 도구라는 점을 입문자 기준으로 정리합니다. 정적 타입 검사, JavaScript 변환, 런타임과의 차이를 함께 설명…

AI 코딩 도구 19분 2026.06.10

ChatGPT로 블로그 글을 단계별로 만들고, Codex와 워드프레스 업로드 구조를 연결해 자동 업로드 파이프라인을 설계하는 방법을 정리합니다.

AI 코딩 도구 IT Trend 16분 2026.06.10

2026년 6월 9일 Codex changelog에 공개된 Codex CLI 0.139.0 업데이트 내용을 웹 검색, MCP 스키마, codex doctor, 플러그인, 샌드박스 안정성 중심으로 정리합니다.

AI 코딩 도구 IT Trend 16분 2026.06.09

Codex App changelog를 기능 목록이 아니라 개발 작업 흐름 변화 기준으로 정리합니다. Sites, Appshots, Computer Use, Browser use, Windows 지원 업데이트가 실제 개발 환경에…