jell.kr — 개발, 자전거, 게임 블로그

개발자에게 생산성 시스템이 필요한 이유 프리랜서 프로젝트, 사이드 프로젝트, 구직 활동, 블로그 운영을 동시에 하다 보면 머릿속이 혼란스러워집니다. "오늘 뭐부터 하지?" 매일 아침 이 질문에 답하는 데 30분을 쓰고 있었습니다. 할 일 목록은 여기저기 흩어져 있고, 어제 뭘 했는지도

개요 블로그를 운영하다 보면 반복적인 작업이 많습니다. 새 포스트를 만들 때마다 폴더 구조를 생성하고, frontmatter를 작성하고, 이미지 폴더를 만들어야 합니다. 이런 작업을 자동화하면 글쓰기에만 집중할 수 있습니다. 이 글에서는 Next.js 블로그에 구축한 자동화 도구들을 소

호이스팅이란? JavaScript에서 변수와 함수 선언이 코드 실행 전에 메모리에 먼저 할당되는 현상입니다. ```javascript console.log(x) // undefined (에러 X) var x = 5 ``` var의 호이스팅 선언과 초기화 분리 ```javascript c

문제 상황 Next.js 개발을 하다 보면 종종 다음과 같은 상황에 마주치게 됩니다: - 개발 서버가 제대로 종료되지 않아 포트가 계속 점유되어 있는 경우 - 백그라운드에서 실행 중인 `next-server` 프로세스가 CPU를 과도하게 사용하는 경우 - 새로운 개발 서버를 시작하려고

문제 상황 Homebrew로 Node.js를 설치하고 taskmaster-ai 패키지를 사용하려고 할 때, 다음과 같은 오류가 발생할 수 있습니다: ```bash $ npx taskmaster-ai init Error: Claude Code API key not found. Please

구조분해 할당이란? 배열이나 객체의 속성을 해체하여 개별 변수에 담는 ES6 문법입니다. ```javascript // Before const userName = user.name const userAge = user.age // After - 구조분해 할당 const { name, a

개요 JavaScript 개발을 하다 보면 배열에서 중복된 값을 제거해야 하는 상황이 자주 발생합니다. API에서 받아온 데이터나 사용자 입력 처리 시 중복을 제거하는 것은 필수적인 작업입니다. 오늘은 가장 효율적이고 실용적인 3가지 방법을 알아보겠습니다. 방법 1: Set을 이용한 중

개발하다 보면 if문이 줄줄이 이어지는 코드를 자주 마주치게 됩니다. 처음엔 두세 개라 괜찮은데, 조건이 하나씩 늘어날수록 점점 손대기 싫은 코드가 됩니다. ```javascript // 흔히 볼 수 있는 조건문 코드 function getStatusMessage(status) { if

AI 개발 도구, 요즘 어떻게 쓰고 있나요 핀테크 플랫폼 AzFlow를 개발하면서 AI 도구들을 꽤 열심히 써봤습니다. 솔직히 처음에는 반신반의했는데, 막상 써보니 반복 작업이 줄어드는 게 체감이 돼서 계속 쓰게 됐습니다. 도구별로 어떤 상황에서 유용했는지 실제 경험 위주로 정리해 봤습

왜 TypeScript를 제대로 사용해야 할까? TypeScript는 단순히 타입 힌트를 추가하는 것이 아닙니다. 런타임 안전성을 확보하고 코드의 유지보수성을 높이려면 타입 가드, 유니온 타입, 제네릭 등을 적절히 활용해야 합니다. ```typescript // ❌ 이런 코드는 안전하지

서론: 더 나은 기술을 향한 도전 2년간 안정적으로 운영되던 Gatsby 기반 블로그를 보며 문득 생각했습니다. "Next.js가 요즘 주목받고 있고, App Router도 출시되었는데, 더 모던하고 성능도 좋을 것 같다." 그렇게 시작된 마이그레이션. 처음에는 막막했지만, 결국 Nex

도입: 모두가 스트리밍을 할 때, 우리는 폴링을 선택했다 요즘 LLM 서비스의 표준은 Server-Sent Events(SSE) 스트리밍입니다. ChatGPT처럼 타자를 치듯 한 글자씩 출력되는 UI가 국룰이죠. 사용자는 기다림 없이 실시간으로 응답을 받는 것처럼 느끼고, 개발자는 긴