테크도넛 블로그

March 25, 2026reactfrontend
Zustand vs Jotai: 뭘 쓸지 고민된다면두 라이브러리를 실제 프로젝트에서 써보고 느낀 차이점.
March 21, 2026frontendessay
에러 메시지를 잘 쓰면 CS가 줄어든다"오류가 발생했습니다"를 "결제 카드가 만료되었습니다"로 바꿨더니 고객문의가 40% 줄었다. 에러 메시지는 가장 과소평가된 UX다.
March 14, 2026careeressay
워라밸이라는 말을 믿지 않게 된 이유균형이라는 건 매일 50:50이 아니다. 시기마다 비중이 달라질 수 있다.
February 24, 2026aifrontend
프론트엔드 개발자가 RAG 파이프라인을 만들어봤다벡터 DB, 임베딩, 청킹 — AI 검색을 직접 구현하면서 겪은 삽질과 깨달음
February 7, 2026side-projectessay
사이드 프로젝트가 실패하는 진짜 이유시간이 없어서가 아니다. 실력이 부족해서도 아니다. 사이드 프로젝트 무덤에서 발견한 패턴들.
January 19, 2026aifrontend
Claude Code로 사이드 프로젝트 만들기AI 코딩 도구로 사이드 프로젝트를 처음부터 배포까지 만들어본 솔직한 과정과 배운 점
December 23, 2025essay
블로그를 시작한 진짜 이유취업에 도움된다고 시작했지만, 계속하는 이유는 달라졌다.
November 23, 2025typescriptfrontend
TypeScript를 싫어하다가 좋아하게 된 과정타입 선언이 귀찮아서 any를 도배하던 시절부터, strict 모드를 직접 켜게 되기까지. 프로덕션 장애 한 번이 생각을 완전히 바꿔놨다.
November 19, 2025careerfrontendopinion
나는 왜 프론트엔드를 선택했는가백엔드가 '진짜 개발'이라고 믿었던 사람이 프론트엔드에 정착하기까지. 선택의 이유보다 머무는 이유가 더 중요했다.
November 11, 2025careerwritinggrowth
개발자에게 글쓰기가 중요한 진짜 이유기술 블로그를 면접 준비용으로 시작했다. 그런데 글쓰기가 바꿔놓은 건 면접 결과가 아니라 사고방식이었다.
November 3, 2025aidevopsfrontend
AI 코드 리뷰를 팀에 도입해봤다실제 PR에 AI 코드 리뷰를 붙여본 3개월 후기. 잡아낸 것, 놓친 것, 팀 반응
October 31, 2025productivitycommunicationcareer
개발자가 회의를 싫어하는 진짜 이유회의가 많은 게 문제가 아니다. 나쁜 회의가 많은 게 문제다. 개발자 관점에서 소통의 효율을 다시 생각해본 기록.
October 27, 2025essayproductivity
제약이 오히려 창의성을 만든다시간이 넉넉하면 잘 만들 수 있을까? 오히려 반대였다. 타이트한 마감, 작은 팀, 제한된 리소스가 더 나은 결과를 만든 경험들.
October 19, 2025frontendcareer
리팩토링하지 말아야 할 때잘 돌아가는 코드를 깔끔하게 고쳤더니 버그가 3개 생겼다. 클린 코드의 강박에서 벗어나기까지.
September 24, 2025aifrontend
AI가 짠 코드를 리뷰하는 시대AI가 개발자를 대체하느냐는 질문 대신, AI가 생성한 코드를 매일 리뷰하는 현실에 대한 이야기. 미묘한 버그, 보안 취약점, 그리고 새롭게 필요해진 기술.
September 15, 2025reactperformance
React Compiler가 오면 뭐가 달라지나useMemo, useCallback 없이도 최적화되는 세상. React Compiler의 동작 원리와 실제 적용 결과
September 3, 2025code-reviewteam-culturesoft-skills
코드 리뷰에서 진짜 봐야 할 것들: 스타일 지적 50개짜리 PR을 받고 깨달은 것코드 스타일 지적만 가득한 리뷰를 넘어, 실제로 코드 품질을 올리는 리뷰 포인트와 팀 문화를 만드는 방법.
August 13, 2025careeressay
시니어 개발자는 코드를 덜 짠다우리 팀 시니어의 하루를 관찰했다. 코딩은 전체 업무의 30%도 안 됐다. 시니어가 진짜 하는 일, 그리고 "나는 그냥 코딩만 하고 싶다"가 위험한 이유.
August 8, 2025essaycareer
아무도 안 알려주는 코딩의 현실코드를 잘 쓰는 것보다 중요한 세 가지. 삭제, 결정, 타협의 기술.
July 17, 2025careeropiniongrowth
"좋은 개발자"란 뭘까면접에서 받은 질문 하나가 계속 머릿속에 남았다. 1년 차, 2년 차, 지금 — 매번 답이 달라지는 이 질문에 대한 솔직한 기록.
July 14, 2025aiproductivity
AI 코딩 도구의 컨텍스트를 잘 쓰는 법Cursor Rules, CLAUDE.md 같은 프로젝트 컨텍스트 파일을 효과적으로 작성하는 실전 팁
July 4, 2025essay
달리기에서 배운 개발 이야기러닝을 시작하면서 느낀 것들. 페이스 조절, 꾸준함, 기록의 중요성이 코딩과 닮아있다.
June 5, 2025frontendbackend
WebSocket으로 실시간 채팅 만들면서 배운 것들사이드 프로젝트에서 WebSocket을 처음 써보며 겪은 시행착오.
June 5, 2025productivitycareer
금요일 30분의 힘: 주간 회고매주 금요일 퇴근 전 30분, 한 주를 돌아보는 시간을 6개월 동안 유지했다. 생각보다 많은 게 달라졌다.
May 26, 2025nextjsdevopsfrontend
Edge Runtime에서 돌아가는 것과 안 되는 것Vercel Edge Functions와 Cloudflare Workers에서 삽질하며 정리한 Edge Runtime의 제약과 해결법
May 22, 2025accessibilityfrontendHTML
웹 접근성, 왜 자꾸 미루게 될까시각장애인 유저의 CS를 받고 스크린 리더로 우리 사이트를 돌려봤더니 아무것도 읽히지 않았다. 그날 이후 바꾼 것들.
May 15, 2025essayproductivity
걷기가 최고의 디버깅이다책상에서 안 풀리는 문제가 산책하면 풀린다. 왜 걷기가 사고를 돕는지.
May 2, 2025ReactuseEffectfrontend
useEffect 클린업 함수를 안 쓰면 생기는 일race condition, 메모리 누수, stale closure — 클린업 함수를 빼먹었을 때 실제로 터지는 버그들과 그 뒤에 있는 멘탈 모델.
April 19, 2025typescriptfrontend
TypeScript 타입을 잘 짜면 런타임 에러가 사라진다실제 프로덕션에서 발생한 버그 4개. 더 나은 타입을 짰더라면 컴파일 타임에 잡을 수 있었던 것들.
April 7, 2025essaycareer
개발 블로그가 나에게 가져다 준 것들채용, 네트워킹, 사이드 수익 — 블로그를 운영하면서 예상 못한 기회들
March 21, 2025typescriptfrontend
TypeScript 제네릭, 실전에서는 이렇게 쓴다제네릭이 어렵게 느껴지는 이유와 실무에서 자주 쓰는 패턴 5가지.
March 18, 2025learningcareerfrontend
개발 공부, 강의만 보면 실력이 안 느는 이유Udemy 강의 3개 완강해도 빈 화면 앞에서 멈추는 이유. Tutorial hell에서 빠져나오는 구체적인 방법들.
March 16, 2025productivityfrontend
내 개발 생산성을 바꾼 도구들2년간 도구를 바꾸고, 버리고, 다시 돌아온 이야기. 생산성이 올랐던 것과 시간만 잡아먹은 것.
February 16, 2025productivity
타임블로킹을 6개월 해보고 남은 것구글 캘린더에 모든 시간을 블로킹했다. 효과는 분명 있었지만, 예상과 다른 점들이 많았다.
February 10, 2025essayproductivity
시스템으로 생각하는 개발자목표를 세우는 건 쉽다. 그걸 유지하는 시스템을 만드는 건 어렵다. 개발자 커리어에서 시스템이 왜 목표보다 중요한지에 대한 이야기.
February 10, 2025frontendcssnextjs
View Transitions API로 페이지 전환을 네이티브 앱처럼 만들기브라우저 네이티브 View Transitions API를 Next.js 프로젝트에 적용하면서 겪은 삽질과 해결 과정
February 7, 2025careerfrontendjunior
2년 차에 깨달은, 1년 차에 알았으면 좋았을 것들주니어 프론트엔드 개발자 시절 몰랐던 것들. 완벽한 코드, 좋은 질문, 레거시 읽기, 기술 부채, 사이드 프로젝트에 대해.
February 4, 2025frontendessay
매번 구글링하는 것들경력 3년차인데 아직도 flex centering을 검색한다. 부끄럽지 않다. 거짓말이다, 조금 부끄럽다.
December 28, 2024frontendessay
아무도 안 쓰는 기능을 3주 동안 만들었다고급 필터 시스템을 3주 동안 만들었다. 런칭 후 사용률 0.3%. 숫자가 알려준 건 기술력이 아니라 겸손이었다.
December 8, 2024careerproductivity
출시의 기술: 완벽보다 완성언제 출시해야 하는지 아무도 안 가르쳐준다. 너무 일찍 내보내면 욕먹고, 너무 늦게 내보내면 기회를 놓친다. 그 사이 어딘가를 찾는 법.
November 26, 2024frontendcareer
기술 부채에 대해 우리가 잘못 알고 있는 것기술 부채는 다 같은 부채가 아니다. Martin Fowler의 기술 부채 사분면을 기반으로, 팀에서 기술 부채 대화를 제대로 하는 법.
November 18, 2024startupfrontend
기술 스택 선택이 비즈니스에 미치는 영향"그냥 React"가 아니라 왜 이 기술을 골랐는지. 기술 선택의 비즈니스 관점
October 21, 2024testingfrontenddevops
Playwright로 E2E 테스트 처음 도입한 이야기E2E 테스트를 왜 도입했고, Playwright를 선택한 이유, CI 연동까지의 과정과 유지보수 교훈
September 30, 2024frontendessay
후회하는 기술 선택들CSS-in-JS가 SSR을 지옥으로 만든 이야기, 8개월 만에 deprecated된 상태 관리 라이브러리, 그리고 아무도 이해 못한 커스텀 훅 라이브러리. 기술 선택에서 배운 것들.
September 5, 2024reactfrontend
TanStack Query v5 실전 패턴 모음queryKey factory, optimistic updates, infinite scroll, prefetching 등 자주 쓰는 패턴을 정리했다.
September 2, 2024cssfrontend
Tailwind CSS vs CSS Modules, 6개월 사용 후기두 방식을 각각 프로젝트에서 써보고 느낀 현실적인 장단점.
July 11, 2024career
2년 차 개발자의 이직 고민이직 타이밍, 준비 과정, 현실적인 고민들. 처음으로 이직을 고민하면서 겪은 것들.
July 8, 2024nextjsreactperformance
Streaming SSR 실전 적용기: TTFB를 1.8초에서 0.4초로Next.js App Router에서 Streaming SSR을 적용하며 겪은 Suspense boundary 설계 판단과 실제 성능 변화
July 1, 2024careerAIopinion
AI 시대에 개발자가 살아남으려면: 코드를 짜는 직업의 미래에 대해Claude가 3시간짜리 코드를 10분에 짜는 걸 보고 느낀 존재 위기, 그리고 그 뒤에 생각이 바뀐 과정.
June 10, 2024frontendreact
Storybook으로 컴포넌트 주도 개발 시작하기디자이너와 협업할 때 Storybook이 커뮤니케이션을 어떻게 바꿔주는지. 도입 과정과 실제 사용 패턴.
June 3, 2024startupessay
개발자가 만든 1인 SaaS 수익화 과정아이디어 검증부터 첫 유료 고객까지. 개발자가 혼자 SaaS를 만들고 수익을 내기까지의 과정
May 8, 2024careeressay
스타트업 vs 대기업, 개발자 관점에서 솔직하게장단점 비교표가 아니라, 실제로 일하면서 느끼는 차이를 구체적인 상황으로 풀어봤다.
April 23, 2024productivityessay
빠르게 일하는 것보다 중요한 것'빠르게'가 기본값인 한국 스타트업에서 Slow Productivity를 시도한 4개월의 기록. 실패한 것과 살아남은 것.
April 15, 2024frontenddevops
프론트엔드 에러 모니터링 시스템 구축기Sentry 도입부터 알림 파이프라인, 노이즈 필터링까지 — 에러를 감지하고 대응하는 체계를 만든 과정
February 27, 2024side-projectessay
사이드 프로젝트에서 수익이 나기까지주말에 만든 프로젝트에서 첫 결제가 들어오기까지. 아이디어 발굴부터 가격 책정까지 겪은 과정과 관찰한 것들.
February 15, 2024frontendnextjs
블로그 방문자 0에서 1000까지, 내가 한 SEO 삽질 기록기술 블로그를 만들고 6개월 동안 SEO에 투자한 시간과 결과. 효과 있었던 것과 시간 낭비였던 것을 솔직하게 정리했다.
February 8, 2024essaycareer
개발자의 2차 사고: 코드 너머를 보는 법버그를 고치는 건 1차 사고다. 같은 종류의 버그가 왜 반복되는지 파악하고 시스템을 바꾸는 건 2차 사고다. Morgan Housel의 프레임워크를 개발에 적용한 이야기.
January 29, 2024careerproductivity
회사에서 '아니요'라고 말하는 법모든 요청에 예스하다가 번아웃 직전까지 갔다. 거절은 무례한 게 아니라 프로페셔널한 스킬이었다.
January 25, 2024career
연봉 협상에서 배운 것들처음 연봉 협상을 해본 경험. 숫자를 말하기 전에 준비해야 할 것들.
January 22, 2024typescriptfrontend
Zod로 런타임에서도 타입을 믿을 수 있게 만들기TypeScript의 타입은 런타임에서 사라진다. Zod를 도입해 API 응답 검증부터 폼 밸리데이션까지 하나로 통합한 경험
January 6, 2024productivityessay
전략적 회복이라는 기술엘리트 퍼포머들이 하루 4시간만 깊게 일하는 이유. 의도적 휴식의 과학과 실전 적용기.
December 25, 2023frontendessay
리팩토링은 코드가 아니라 생각을 정리하는 과정이다코드를 깔끔하게 만드는 게 리팩토링의 목적이 아니다. 리팩토링할 때마다 내가 진짜 정리하고 있는 건 문제에 대한 내 이해였다.
December 18, 2023frontendcareer
남의 코드를 읽는 기술코드 작성법은 많이 배우는데, 코드 읽는 법은 아무도 안 가르쳐준다. 수천 시간 남의 코드를 읽으면서 정리한 나만의 방법론.
December 7, 2023learningproductivity
책을 끝까지 읽지 않는 게 더 많이 읽는 방법이다완독 강박을 버렸더니 읽는 책의 수가 늘었다. 적게 읽되 더 많은 책에서 읽는 독서법.
November 13, 2023careerinterview
기술 면접관이 되어보니 보이는 것들면접을 보는 쪽에서 주는 쪽으로 넘어가며 달라진 시각과 면접에서 정말 보는 것
November 1, 2023reactfrontend
React Suspense 실전 사용 가이드로딩 UI를 선언적으로 관리하는 방법. lazy + Suspense, Data Fetching with Suspense까지.
October 24, 2023ReactRSCNext.jsfrontend
React Server Components, 대체 왜 필요한 건지SSR이랑 뭐가 다른 건데?라는 질문에 제대로 대답 못 했던 경험에서 시작한, RSC의 존재 이유와 실전 판단 기준.
October 15, 2023react-queryperformancefrontend
React Query, staleTime을 설정 안 하면 벌어지는 일staleTime 기본값 0이 만들어낸 47번의 불필요한 API 호출, 그리고 그걸 고치면서 배운 것들.
October 2, 2023cssfrontend
Container Queries가 바꾸는 컴포넌트 설계미디어 쿼리의 한계를 느끼고 Container Queries로 마이그레이션한 과정과 컴포넌트 사고방식의 변화
September 17, 2023reactfrontend
React Hook Form 제대로 쓰기register, Controller, 유효성 검사, 복잡한 폼 패턴까지. React Hook Form을 실무 수준으로 다룬다.
September 13, 2023ReactErrorBoundaryfrontend
React 에러가 전체 화면을 날려버리기 전에프로덕션에서 컴포넌트 하나가 터져서 전체 앱이 하얀 화면이 된 경험에서 출발한, 실전 ErrorBoundary 전략.
September 4, 2023reactfrontend
React 19에서 달라지는 것들use() 훅, Actions, Server Components 개선 등 실무 코드에 직접 영향을 줄 변화들을 정리했다.
August 31, 2023AIproductivityfrontend
개발자를 위한 프롬프트 엔지니어링 실전 가이드: 'AI야 이거 해줘'를 졸업하는 법AI에게 코드를 시킬 때 결과물의 질을 결정하는 건 AI의 성능이 아니라 프롬프트의 구조다. 실무에서 바로 쓸 수 있는 패턴들.
August 15, 2023frontendproductivity
pnpm Workspace로 모노레포 시작하기npm에서 pnpm으로 전환하고, workspace로 패키지를 나눈 경험. 삽질부터 안정화까지의 기록.
August 7, 2023careeressay
개발자가 PM처럼 생각해야 하는 순간기능 요구사항 뒤의 비즈니스 맥락을 읽는 법, 그리고 그게 만드는 차이
July 12, 2023essaycareer
성장은 계단형이다실력이 선형으로 느는 게 아니라, 정체기 후에 갑자기 올라가는 패턴. 정체기를 견디는 법.
June 29, 2023careerlearning
오픈소스에 처음 기여했을 때인기 있는 오픈소스 프로젝트에 처음 이슈를 열고, PR을 보내고, 코드 리뷰를 받기까지. 생각보다 무섭고, 생각보다 따뜻했던 경험.
June 19, 2023javascriptperformancefrontend
Web Worker로 UI 프리징 해결한 이야기무거운 연산이 메인 스레드를 막아 스크롤이 끊기는 문제를 Web Worker로 분리해서 해결한 경험
June 2, 2023careercollaboration
1:1 미팅을 의미 있게 만드는 법리드와의 1:1이 근황 보고로 끝나지 않게 하는 방법. 준비 없이 들어가면 매번 같은 대화만 반복된다.
April 24, 2023careeressay
팀 리드를 맡으면 코딩 시간이 줄어든다는 공포IC에서 리드로 넘어가면서 느낀 불안, 정체성 혼란, 그리고 새로운 기여의 형태를 찾아가는 과정
March 6, 2023javascriptreactfrontend
프론트엔드에서 AbortController 제대로 쓰기race condition, 중복 요청, 컴포넌트 언마운트 — AbortController로 해결하는 실전 패턴 모음
January 24, 2023essaycareer
틀렸다고 말하는 연습PR에서 이틀 동안 내 방식을 고수하다가 결국 내가 틀렸다는 걸 인정한 이야기. 틀렸다고 말하는 건 생각보다 훨씬 어렵고, 생각보다 훨씬 값진 일이다.
January 16, 2023careeressay
개발자의 글쓰기가 코드를 바꾼다PR 설명, 장애 보고서, 기술 제안서 — 개발자가 글을 잘 쓰면 달라지는 것들
January 13, 2023productivitylearning
개발자의 메모 시스템노션, 옵시디언, 종이 노트를 전전하다 정착한 나만의 메모 시스템. 완벽한 도구는 없었고, 규칙이 중요했다.
January 7, 2023Next.jsAWSdeployment
Next.js를 S3에 배포하면서 겪은 삽질 모음static export, trailingSlash, next/image, CloudFront 캐시까지 — S3 배포에서 만나는 에러들과 해결법을 정리했다.
January 4, 2023nextjsfrontend
Next.js App Router, 도입할 만한가Pages Router에서 App Router로 전환을 고민한 과정과 판단 기준.
November 4, 2022careeressay
네트워킹이라는 단어를 버리고 나서 관계가 생겼다명함 100장보다 질문 하나에 진심으로 답해준 기억이 더 오래간다. 내향인의 관계 만들기.
September 19, 2022careerproductivity
좋은 질문을 하는 개발자Stack Overflow, 슬랙에서 답변을 잘 받는 질문의 패턴과 좋은 질문이 가져다주는 것
August 18, 2022side-projectcareer
개발자가 MVP를 만들 때 하는 실수들디자인 시스템도 필요 없고, 마이크로서비스도 필요 없다. MVP의 핵심은 '최소'에 있다.
July 21, 2022essayfinance
돈 공부를 시작한 개발자연봉 말고 자산. 개발자가 돈에 대해 공부하기 시작하면서 달라진 시각
July 16, 2022essaycareer
개발자와 돈 이야기같은 역할인데 회사에 따라 연봉이 3배 차이 나는 업계에서, 돈에 대해 솔직해져야 한다.
June 23, 2022frontend
마이크로 프론트엔드, 우리 팀에 필요한가유행이라 도입하려다 멈춘 이야기. 작은 팀에겐 오버엔지니어링이었다.
June 21, 2022careercollaboration
후배가 생겼을 때 당황한 이야기가르치면서 내가 더 배운다는 걸 체감한 경험. 처음 후배가 생겼을 때 어떻게 대응했는지.
May 5, 2022essaycareer
재택근무의 자유와 외로움재택근무 3개월 경험. 자유로웠지만 예상 못 한 고립감이 있었다.
May 3, 2022careeressay
코드 리뷰에서 감정이 상했던 순간들코드 리뷰에서 받은 날카로운 피드백, 그때의 감정, 그리고 지금 돌아보며 생각하는 것들
April 22, 2022essay
1년 전의 나에게지금의 내가 입사 첫날의 나에게 쓰는 편지 형식의 에세이.
April 17, 2022learningcareer
배우는 과정을 공개하면 생기는 일Learn in Public 전략을 1년 동안 실천했다. 블로그와 트위터에 학습 과정을 올리니 예상 못한 기회들이 찾아왔다.
April 12, 2022frontendcareer
장애에서 배우는 것들결제가 47분간 멈춘 날, 그리고 그 이후 팀이 어떻게 달라졌는지. 비난 없는 포스트모템의 힘과 장애가 가장 빠른 학습인 이유.
March 21, 2022performancefrontendcore-web-vitals
LCP 3.2초에서 0.9초로: 프론트엔드 성능 최적화 실전기Lighthouse 42점짜리 서비스를 실제로 최적화한 과정. 뭘 했고, 뭘 잘못했고, 뭐가 진짜 효과 있었는지.
March 19, 2022careerportfoliofrontendinterview
신입 프론트엔드 포트폴리오, 면접관은 여기를 본다서류 검토에서 포트폴리오를 30초 보는 면접관이 실제로 확인하는 것들. README, 커밋 메시지, 배포, 프로젝트 퀄리티까지.
March 14, 2022essaycareer
느리게 사는 것의 용기빠른 성장, 빠른 이직 시대에 머무르기를 선택한 이유
February 27, 2022frontendjavascript
이벤트 루프를 몰라서 생긴 버그 3개폼이 두 번 제출되고, 애니메이션이 끊기고, API 응답이 꼬였다. 전부 이벤트 루프를 제대로 이해하지 못해서 생긴 버그였다.
January 23, 2022careerfrontendjunior
나보다 잘하는 사람들 사이에서: 개발자 임포스터 신드롬에 대해팀 슬랙 채널의 대화를 하나도 못 알아듣던 입사 첫 주부터, 비교를 멈추기까지. 프론트엔드 개발자의 임포스터 신드롬 이야기.
January 17, 2022frontendperformance
웹 이미지 최적화 완전 가이드WebP, AVIF, lazy loading, srcset, next/image. 이미지 때문에 느린 사이트를 고치는 방법.
January 14, 2022debuggingfrontend
시니어 개발자처럼 디버깅하는 법: console.log를 넘어서무작위로 console.log를 찍는 디버깅에서 벗어나, 체계적으로 버그를 잡는 4단계 방법론.
January 13, 2022essayproductivity
적당함의 기술완벽주의가 생산성을 죽인다. 80%로 출시하고 피드백으로 개선하는 게 현실적이다.
January 10, 2022careeressay
사수 없이 성장하는 법작은 팀에서 혼자 프론트엔드를 맡았을 때, 방향을 잃지 않고 성장하기 위해 시도한 것들
January 9, 2022frontendproductivity
프론트엔드 CI/CD를 GitHub Actions로 구축한 경험린트, 테스트, 빌드, 배포까지 자동화한 과정.
December 21, 2021gitproductivity
Git rebase를 두려워하지 않게 된 이유rebase 잘못 치면 커밋 날아간다는 공포에서 벗어나, 팀 전체가 rebase를 일상적으로 쓰게 되기까지의 과정.
December 7, 2021testingReactfrontend
프론트엔드 테스트, 뭘 테스트하고 뭘 안 할지커버리지 80%를 달성했는데 프로덕션 버그가 안 줄었다. Testing trophy 관점에서 진짜 ROI 높은 테스트 전략을 정리한다.
December 5, 2021frontendcareerroadmap
2026년 프론트엔드 로드맵: 신입이 진짜 배워야 할 것HTML부터 React까지 뻔한 나열이 아닌, 한국 채용 시장 기준으로 신입이 실제로 집중해야 할 기술과 우선순위를 정리한 실전 로드맵.
November 28, 2021essayhealth
30대 개발자의 체력 관리하루 10시간 앉아서 일하는 직업의 장기전 전략. 건강을 미루지 않는 이유
November 11, 2021interviewfrontendcareer
프론트엔드 기술 면접에서 자주 나오는 질문과 진짜 답변법면접관은 정답을 원하는 게 아니다. 생각하는 과정을 보고 싶어한다. 단골 질문 5개, 떨어지는 답변과 붙는 답변의 차이.
October 24, 2021backendfrontendcollaborationcareer
프론트엔드 개발자가 백엔드를 알아야 하는 이유 (그리고 어디까지)API 응답 구조를 몰라서 30분간 헛소리한 경험에서 시작된, 프론트엔드 개발자에게 필요한 백엔드 지식의 범위.
October 17, 2021coding-testcareerfrontendinterview
프론트엔드 코딩 테스트, 이렇게 준비했다프론트엔드 이직을 준비하며 알고리즘, 과제형, 라이브 코딩까지 실제로 겪은 것들. 뭐가 통했고 뭐가 시간 낭비였는지.
October 7, 2021frontendcareer
프론트엔드 아키텍처는 누가 결정하는가아키텍트가 없는 팀에서 기술 결정은 어떻게 이루어지는가. 먼저 머지하는 사람이 이기는 구조의 문제점과, ADR을 도입하면서 겪은 인간적인 이야기.
October 6, 2021productivitycareer
오픈 오피스에서 집중하는 법3개월 동안 6가지 전략을 시도했다. 물리적 환경보다 정신적 프로토콜이 더 중요했다는 이야기.
September 13, 2021career
이직 후 90일: 새 회사에서 살아남기새 환경에서 신뢰를 쌓는 방법. 코드베이스 파악, 관계 만들기, 작은 성과 내기. 90일 동안 겪은 것들을 정리했다.
September 11, 2021side-projectproductivitycareer
사이드 프로젝트를 끝까지 완성하는 법GitHub private repo 12개 중 완성한 건 2개. 나머지 10개는 왜 죽었고, 2개는 어떻게 살아남았는지에 대한 기록.
August 16, 2021frontendproductivity
피그마 디자인을 코드로 옮기는 나만의 워크플로우디자인 스펙 읽는 법, 컴포넌트 분리 기준, 디자이너와의 커뮤니케이션. 피그마에서 코드까지의 과정.
August 9, 2021careercollaboration
코드 리뷰에서 시작하는 피드백의 기술받는 것도 주는 것도 어려운 피드백. 상처 주지 않으면서 솔직한 피드백을 주는 법.
August 9, 2021essayproductivity
내가 뉴스를 끊은 이유정보 과잉 시대에 의도적으로 뉴스를 끊고 나서 달라진 것들
August 8, 2021essaycareer
실패 이력서를 써봤다면접 탈락, 프로젝트 실패, 포기한 사이드 프로젝트. 실패 목록을 적어보니 보이는 것들.
July 16, 2021careercollaboration
아무도 안 읽는 문서를 쓰는 이유팀 Confluence가 무덤이 된 이유와 그래도 문서를 써야 하는 이유. Divio 프레임워크와 Julia Evans의 접근법을 빌려서.
July 16, 2021productivitycareer
시간 관리가 아니라 에너지 관리다30일 동안 매 시간 에너지를 기록했다. 가장 집중이 잘 되는 시간은 아침이 아니었다.
June 5, 2021frontendbackend
프론트엔드 개발자도 Docker를 알아야 할까로컬 개발 환경 통일, 배포를 위해 Docker를 배운 경험.
June 1, 2021careerside-project
개발자가 창업을 고민할 때 알아야 할 것들코드를 잘 짠다고 창업을 잘 하는 건 아니다. 개발자 관점에서 창업을 고민할 때 진짜로 생각해야 할 것들.
June 1, 2021productivityessay
도구를 추가할 때마다 생각이 느려진다디지털 미니멀리즘은 앱을 삭제하는 게 아니다. 모든 도구에는 인지 비용이 붙어 있고, 그 비용은 청구서 없이 쌓인다.
May 26, 2021careeressay
성장이 멈춘 것 같을 때같은 일만 반복하는 느낌이 들 때. 정체기를 돌파한 방법들.
May 24, 2021careeressay
개발자에게 퍼스널 브랜딩이 필요한가브랜딩이라는 단어를 버리고, '찾아지는 사람'이 되는 것에 대해.
May 17, 2021essayproductivity
개발자의 건강 관리: 목, 허리, 눈, 손목입사 1년 만에 목디스크 초기 진단받은 이야기. 스탠딩 데스크, 스트레칭, 모니터 세팅에 대한 경험.
May 17, 2021essay
혼자 있는 시간의 힘고독과 외로움의 차이, 그리고 개발자에게 사색의 시간이 필요한 이유
May 15, 2021careerlearning
개발자 영어, 이 정도면 충분하다영어 문서 읽기, 에러 메시지 이해, Stack Overflow 질문. 개발자에게 필요한 영어 수준에 대한 현실적인 이야기.
May 8, 2021careercollaboration
코드보다 중요한 커뮤니케이션 스킬슬랙 메시지 하나가 2일을 날린 이야기, 제대로 된 버그 리포트의 힘, 그리고 '모르겠다'가 왜 가장 강력한 말인지.
May 3, 2021frontendreact
디자인 시스템, 작은 팀에서도 만들 수 있을까5인 팀에서 디자인 시스템을 시작한 경험. 버튼 하나, 인풋 하나부터 시작하는 현실적인 접근법.
April 15, 2021frontendreact
이미 쓰고 있는 디자인 패턴들Observer, Strategy, Decorator, Mediator — 이름은 어렵지만 사실 매일 쓰고 있었다. React 코드와 디자인 패턴을 나란히 놓고 보면 놀랍다.
March 13, 2021productivitycareer
개발자에게 딥워크란 결국 이런 거였다슬랙 알림을 끄는 것만으로는 부족하다. 2년 동안 집중력과 싸우며 찾은 나만의 딥워크 방식.
February 24, 2021frontendcareer
레거시 코드와 공존하는 법레거시를 무조건 갈아엎으려다 실패한 경험. 점진적 개선이 답이었다.
February 24, 2021careeressay
커리어를 바꾼 작은 결정들사소해 보였던 다섯 가지 선택이 어떻게 커리어의 방향을 완전히 바꿔놓았는지에 대한 이야기.
February 22, 2021essayproductivity
완벽주의가 나를 느리게 만든다코드에서든 삶에서든, '충분히 좋은' 기준을 찾는 과정
January 30, 2021frontendbackend
프론트엔드 개발자가 DB를 알아야 하는 이유백엔드 개발자가 '이 50개 필드 다 필요해요?'라고 물었을 때 '네'라고 답한 그날 이후로, 데이터베이스 공부를 시작했다.
January 3, 2021frontendcss
다크 모드 제대로 구현하기CSS 변수, 시스템 설정 감지, 깜빡임 없는 전환, 로컬스토리지 저장. 다크 모드 구현의 전체 과정.
January 1, 2021CSSfrontendproductivity
JavaScript 없이 CSS만으로 되는 것들아직도 JS로 하고 있는 그거, CSS만으로 됩니다. scroll-snap부터 :has(), container queries까지 실무에서 바로 쓸 수 있는 6가지.
December 27, 2020cssfrontend
CSS가 쉽다고 말하는 사람을 믿지 마라specificity 버그 하나 잡는 데 4시간, Safari에서만 깨지는 레이아웃, overflow: hidden의 복수. CSS는 진짜 프로그래밍 스킬이다.
December 8, 2020cssfrontend
CSS :has() 선택자가 바꿔놓은 것들JavaScript 없이 부모 요소를 선택할 수 있게 되면서 가능해진 패턴들. 실무 예제 중심으로 정리.
December 3, 2020essay
취미가 없는 개발자코딩 외에 뭘 하냐는 질문에 대한 솔직한 고민
December 1, 2020cssfrontend
CSS Grid로 실무 레이아웃 5개 만들기대시보드, 카드 리스트, 사이드바 레이아웃 등 실제 쓰이는 패턴.
November 3, 2020frontendessay
복붙 주도 개발의 함정Stack Overflow에서 복사한 코드가 동작하면 넘어가는 습관. 그러다 useEffect 클린업 함수를 잘못 복사해서 메모리 누수를 만든 이야기.
November 1, 2020career
새벽 3시에 슬라이드를 고치고 있었다첫 사내 발표의 진짜 이야기. 잘린 슬라이드가 최선의 결정이었고, 대답 못한 질문이 가장 큰 배움이었다.
September 24, 2020learningessay
배움의 복리 효과매일 조금씩 배우는 개발자와 몰아서 배우는 개발자의 2년 뒤 차이. 복리는 금융에서만 작동하는 게 아니다.
September 18, 2020essaycareer
비교하기 시작하면 끝이 없다깃허브 잔디, 연봉, 이직 소식에 흔들리는 마음. 남의 커리어와 내 커리어는 경주가 아니다.
September 14, 2020essaycareer
"왜 개발하세요?"라는 질문에 답하지 못했다동기부여가 사라졌을 때, 다시 이유를 찾아가는 과정
September 8, 2020essaycareer
컴포트존은 안전하지 않다익숙한 기술 스택에만 안주하면 시장이 변할 때 취약해진다. 불편함이 성장의 신호.
August 28, 2020frontendcollaboration
내 코드 리뷰 스타일을 바꾼 한 줄의 코멘트PR에 달린 코멘트 하나가 코드를 보는 방식 자체를 바꿔버렸다. 지적이 아니라 질문이었고, 그 질문이 3년 넘게 남아 있다.
August 17, 2020careermental-healthburnout
번아웃이 왔을 때 내가 한 것들어느 날 아침에 맥북을 열었는데 코드를 치고 싶지 않았다. 처음이었다. 번아웃을 겪고, 빠져나오고, 다시 겪으면서 배운 것들.
August 7, 2020careercollaboration
팀에서 신뢰를 쌓는 가장 빠른 방법화려한 기술이 아니라 작은 약속을 지키는 것에서 신뢰가 시작된다. 팀에서 신뢰받는 사람이 되기까지.
July 3, 2020frontendperformance
브라우저가 화면을 그리는 과정을 이해하면 달라지는 것들DOM, CSSOM, Layout, Paint, Composite. 이걸 알면 성능 최적화가 보인다.
June 23, 2020frontendessay
지루한 기술을 선택하는 용기모두가 Svelte와 Solid를 외칠 때, React + Redux를 고른 이유. Dan McKinley의 'Choose Boring Technology'를 프론트엔드에 적용한 이야기.
June 13, 2020essaycareer
평범한 개발자로 살아도 괜찮다10x 엔지니어가 아니어도 된다. 꾸준히 성장하는 보통의 개발자로 사는 것의 가치.
May 21, 2020frontendbackend
JWT vs Session: 프론트엔드 개발자가 알아야 할 차이인증 방식의 차이와 프론트엔드에서 각각 어떻게 처리하는지.
May 2, 2020TypeScriptfrontend
as const 하나로 TypeScript가 달라지는 순간타입이 자꾸 넓어져서 런타임에 터지는 문제, as const 하나로 끝내는 법.
May 2, 2020productivitylearning
코딩 실력은 결국 습관이 만든다Atomic Habits를 읽고 개발 공부에 적용해본 1년간의 기록. 매일 30분이 주말 몰아치기를 이긴다.
March 31, 2020frontendreact
프론트엔드 API 에러 핸들링 패턴 정리try-catch의 한계, Error Boundary 활용, 토스트 vs 인라인 에러 등.
March 13, 2020aiproductivityfrontend
AI 코딩 도구, 실무에서 진짜 쓸만한가GitHub Copilot, Cursor, Claude Code, ChatGPT를 6개월간 실무에서 쓰면서 겪은 것들. 과대광고와 현실 사이 어딘가.
March 9, 2020productivitycareer
개발에서 파레토 법칙이 작동하는 순간들버그 트래커를 분석했더니 73%가 3개 모듈에서 나왔다. 사용자의 90%가 쓰는 기능은 2개뿐이었다. 숫자로 발견한 80/20의 순간들.