Hello Jay's Programming World!

안녕하세요. 코딩하는 Jay입니다. Flutter 앱에 링크 열기 기능을 붙이려고 url_launcher 패키지를 추가했더니, 잘 되던 Android AAB(App Bundle) 빌드가 갑자기 실패하는 상황을 만났습니다. 릴리스 직전에 터지면 당황스럽죠. 원인과 해결법을 정리해둡니다. 증상url_launcher를 추가하고 릴리스 번들을 만들려는데 빌드가 깨집니다.flutter build appbundle --release에러는 대략 이런 형태로 나옵니다. (메시지 표현은 환경마다 조금씩 다를 수 있습니다.)Dependency 'androidx.browser:browser:1.9.0' requires Android Gradle plugin 8.9.1 or higher.This build currently ..

안녕하세요. 코딩하는 Jay입니다. 오늘은 요즘 개발 판에서 빠르게 바뀌고 있는 "AI와 함께 코딩하는 방법론"의 흐름을 정리해보려고 합니다. 혹시 얼마 전까지 "프롬프트 잘 쓰는 법"을 열심히 공부했는데, 어느새 "컨텍스트 엔지니어링"이 나오고, 또 "하네스"니 "루프"니 새로운 말이 계속 쏟아져서 좀 어지러우셨던 적 있으시죠? 저도 그랬습니다. 그런데 하나하나 뜯어보니 이게 서로 다른 유행이 아니라, 이전 단계를 흡수하면서 한 층씩 위로 올라가는 진화더라고요. 오늘은 그 네 단계를 순서대로 정리해보겠습니다.한 문장 요약: 질문에서 시스템으로먼저 큰 그림부터 보겠습니다. 네 단계는 결국 "무엇을 잘 다룰 것인가"의 대상이 바뀌어 온 역사입니다.프롬프트 엔지니어링 — 어떻게 질문할 것인가컨텍스트 엔지니어..

안녕하세요. 코딩하는 Jay입니다. 오늘은 방금 나온 Claude Sonnet 5 출시 소식을 개발자 관점에서 정리해보려고 합니다.한눈에 정리출시일: 2026년 7월 1일핵심 메시지: "Opus급 성능을 절반 값에"강화점: 에이전트 능력 — 스스로 계획을 세우고 브라우저·터미널 같은 도구를 직접 사용함께 공개: Claude Science (과학 연구 특화 모델)무엇이 좋아졌나 — 에이전트와 코딩이번 Sonnet 5의 방향성은 명확합니다. 바로 에이전트(agent) 능력 강화인데요. Anthropic에 따르면 모델이 스스로 계획을 세우고, 브라우저·터미널 같은 도구를 직접 사용하며 작업을 자율적으로 수행한다고 합니다.또한 지난 2월에 나온 Sonnet 4.6과 비교해 추론·도구 사용·코딩·지식 작업 전반..

안녕하세요. 코딩하는 Jay입니다. 예전에 [React 환경에서 Markdown 출력하기(react-markdown)] 글을 올렸는데, 꾸준히 찾아주시더라고요. 그래서 오늘은 한 발 더 들어가서, 실제 서비스에서 자주 필요한 ① 수학 수식(KaTeX) ② 코드 문법 강조(syntax highlight) ③ 유용한 remark/rehype 플러그인을 정리해보려고 합니다.본 글은 react-markdown v9 기준입니다. (v9에서 API가 일부 바뀌었으니 아래 주의사항도 함께 보세요.)1. remark와 rehype, 뭐가 다른가요?react-markdown은 내부적으로 unified 생태계를 씁니다. 처리 흐름을 알면 플러그인 배치가 쉬워집니다.마크다운 텍스트 → (remark) mdast: 마크다운..

안녕하세요, Jay입니다. 오늘은 TypeScript에서 자주 사용하는 두 가지 파일인 d.ts 파일과 types.ts 파일의 차이를 알아보려고 합니다.저도 처음 TypeScript를 사용하면서 헷갈렸던 부분 중 하나인데요, 프로젝트를 하다 보면 이 둘을 어떻게 구분하고 사용하는지 감이 안 올 때가 있습니다. 이 글에서는 d.ts 파일과 types.ts 파일의 특징과 용도를 설명해 보겠습니다.  1. d.ts 파일이란?d.ts 파일은 타입 선언 파일(Declaration File)이라고 합니다.주로 외부 라이브러리의 타입 정보를 TypeScript에 알려주기 위해 사용됩니다. 예를 들어, 어떤 JavaScript 라이브러리를 사용하는데 해당 라이브러리가 타입 정보를 제공하지 않는다면 d.ts 파일을 만들..

안녕하세요, Jay입니다. 😊오늘은 Git을 사용하면서 자주 사용하는 명령어인 git pull과 git fetch의 차이를 알아보려고 합니다.두 명령어 모두 원격 저장소(remote repository)와 관련이 있지만, 그 동작 방식에는 명확한 차이가 있습니다.git fetch란?git fetch는 원격 저장소의 변경사항을 로컬 저장소로 가져옵니다.하지만 작업 중인 브랜치에는 영향을 주지 않습니다. 즉, 로컬 브랜치의 상태는 그대로 유지되고, 원격 저장소의 최신 커밋만 확인할 수 있게 됩니다.git fetch 사용 예시원격 저장소에서 변경 사항이 있는지 확인하고 싶을 때 사용합니다.merge 또는 rebase하기 전에 최신 상태를 가져와 비교하고 싶을 때 유용합니다.git pull이란?git pull..

안녕하세요, Jay입니다. 오늘은 Error: socket hang up과 ECONNRESET 오류에 대해 이야기해보려고 합니다. 이 오류는 클라이언트와 서버 간 연결이 갑작스럽게 종료될 때 발생하는 문제로, 특히 네트워크 요청이나 API 호출 과정에서 자주 나타납니다. 이 글에서는 이 오류의 원인과 해결 방법을 단계별로 알아보겠습니다.Error: socket hang up이란?Error: socket hang up은 클라이언트가 서버와 연결을 시도했지만, 그 연결이 예상치 못하게 종료된 상황을 나타냅니다. 이 오류는 주로 다음과 같은 이유로 발생할 수 있습니다:서버 타임아웃: 서버가 응답을 처리하는 데 시간이 오래 걸려 연결이 끊긴 경우입니다.요청 제한 (Rate Limiting): 서버가 과도한 요청..

안녕하세요, Jay입니다. 오늘은 Zustand라는 React 상태 관리 도구를 소개하려고 합니다. Zustand는 경량 상태 관리 라이브러리로, 간단한 API와 강력한 성능을 제공합니다. Redux처럼 강력하면서도 Context API처럼 간결한 사용성을 자랑하기 때문에 많은 React 개발자들에게 사랑받고 있습니다. 이 글에서는 Zustand의 특징과 사용법, 그리고 실제 예제를 통해 Zustand를 활용하는 방법을 자세히 알아보겠습니다.Zustand란 무엇인가요?Zustand는 독일어로 "상태"를 뜻하며, React 애플리케이션에서 상태 관리를 간단하게 처리할 수 있게 해주는 라이브러리입니다. 다음과 같은 특징을 가지고 있습니다:가벼운 설치 용량: 불필요한 의존성이 없고, 코드베이스도 가볍습니다.보..

안녕하세요. Jay 입니다. 오늘은 React-markdown(https://github.com/remarkjs/react-markdown)을 소개해보려고 합니다.  간단한 프로젝트로 openai API 응답을 받아서 화면을 그려주는 프로젝트를 해보게 되었습니다. 해당 API는 SSE(Server-Sent-Event)로 동작하는데,..

Turbopack 53% 더 빠른 로컬 서버 시작 94% 더 빠른 코드 업데이트시, 새로고침 Server Actions (Stable) caching과 revalidating 통합 간단한 함수나 기본적인 형태로 동작 Partial Prerendering (Preview) 빠른 초기 정적 응답 + 스트리밍 동적 콘텐츠 Next.js Learn (New) App Router, authentication, database등의 무료 코스 추가 Next.js 14 Next.js 14 includes included performance, stability for Server Actions, a new course teaching the App Router, and more. nextjs.org