2026 개발자 취업 포트폴리오: AI 시대에 보여줘야 할 프로젝트 기준
2026년 개발자 취업 포트폴리오에서 AI 시대에 평가받는 프로젝트 기준을 정리합니다. 단순 구현물이 아니라 문제 정의, 예외 처리, 검증 과정, GitHub 기록까지 보여주는 방법을 다룹니다.
BlogFlow 기술 노트
프론트엔드 기술 블로그
처음 원리를 잡는 분과 실무에서 바로 답을 찾는 개발자가 함께 읽을 수 있도록, 문제의 원인부터 적용 기준까지 정리합니다.
전체 글
바이브 코딩이란? 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를 선택하면 좋을지 정리합니다.
React Cannot update 오류 해결: 렌더링 중 setState 원인
React에서 Cannot update a component while rendering a different component 경고가 발생하는 원인을 렌더링 중 setState 호출 위치를 기준으로 정리합니다.
Tailwind CSS Unknown at rule 경고 해결: VS Code와 PostCSS 설정 확인
Tailwind CSS 설치 후 VS Code에서 Unknown at rule 경고가 보일 때, 에디터 경고와 PostCSS 설정 문제를 구분해 해결하는 방법을 정리합니다.
Expo Metro unable to resolve module 오류 해결: 경로와 캐시
Expo 프로젝트에서 Metro가 모듈을 찾지 못할 때 import 경로, 파일명 대소문자, 패키지 설치 상태, alias 설정, 캐시 초기화 순서로 확인하는 방법을 정리합니다.
Next.js Dynamic server usage 오류 해결: cookies headers 기준
Next.js App Router에서 Dynamic server usage 오류가 발생하는 이유를 cookies와 headers 사용 위치 중심으로 정리합니다. 정적 렌더링과 동적 렌더링 중 어떤 방향으로 수정할지 판단하는 기…
React Maximum update depth exceeded 오류 해결: 무한 렌더링 원인 찾기
React에서 Maximum update depth exceeded 오류가 발생하는 원인을 setState 호출 위치, useEffect 의존성 배열, props와 state 동기화 구조를 기준으로 정리합니다.
Next.js params should be awaited 해결: App Router 기준
Next.js 15 App Router에서 params should be awaited 오류가 발생하는 이유와 page, generateMetadata, route handler별 수정 방법을 정리합니다.
pnpm install 오류 해결: lockfile과 workspace 의존성이 꼬였을 때 해결법
pnpm install 오류가 발생했을 때 pnpm-lock.yaml, pnpm-workspace.yaml, frozen-lockfile, workspace 의존성을 기준으로 원인을 점검하고 해결하는 방법을 정리합니다.
GitHub Actions npm ci 실패 해결: lockfile과 Node 버전 확인
GitHub Actions에서 npm ci가 실패할 때 package-lock.json 불일치, Node 버전 차이, monorepo 경로 문제를 기준으로 원인을 나누고 해결하는 방법을 정리합니다.