사진찍는 웹 개발자의 블로그
- All
- books
- GitKraken
- typescript
- web
- css
- react.js
- 회고
- maker-log
- javascript
- vue.js
- clerk
- mystory
- 생산성
- 트러블슈팅
- feedback
- culture
- opensource
- supabase
- eslint
- growth
- test
- vscode
- nuxt
- pwa
- aws
- vue3
- excel
- vite
- prettier
- php
- tools
- TIL
- CI/CD
- Vue.js
- Backend
- Tools
- serverless
- Node.js
- Storybook
- OpenSource
- Husky
- Nuxt.js
- Github
바이브코딩 너머 개발자 생존법(한빛미디어) 도서 리뷰
“한빛미디어 <나는 리뷰어다> 활동을 위해서 책을 제공받아 작성된 서평입니다.” 왜 이 책을 집었는가 – “AI를 잘 쓰고 있는 게 맞을까?” 저는 6년차 웹 프론트엔드 개발자이자 한 제품개발 셀의 리드입니다. 이미 팀에서 AI를 꽤 쓰고 있고, 저도 업무 중에 자연스럽게 AI를 켜놓고 개발하는 편입니다. 덕분에 생산성이 많이 올라갔습니다. 코드 생성 속…
밑바닥부터 시작하는 웹 브라우저(한빛미디어) 도서 리뷰
“한빛미디어 <나는 리뷰어다> 활동을 위해서 책을 제공받아 작성된 서평입니다.” 시작에 앞서 웹 개발자라면 한 번쯤 “브라우저는 내부에서 어떤 과정을 거쳐 페이지를 띄우는 걸까?”라는 궁금증을 가져보셨을 겁니다. 저도 브라우저를 언젠가 더 공부해봐야지 생각하고 있었는데 마침 그럴 기회가 생겼습니다. 밑바닥부터 시작하는 웹 브라우저는 단순히 원리를 설명하는…
커밋 메시지가 고민일 때 GitKraken이 대신 써줍니다
코드를 다 짜놓고 git commit을 치려는데… 커서 앞에서 멍하니 멈춘 적, 다들 있지 않나요? 컨벤션에 맞게 prefix를 정하려고 하는데 이것도 맞는 것 같고 저것도 맞는 것 같고 애매한 경우도 있었고 커밋 제목을 깔끔하게 정리하고 싶은데 주저리 적는 것 같고 그랬던 적이 있어요. 요즘에 AI가 있어서 편해졌다지만 AI에게 물어보려면 제 작업 내역…
타입스크립트(TypeScript)로 에러 핸들링하기
기존에 try catch 문으로 에러를 처리하던 방식을 벗어나 타입스크립트로 에러를 처리해봤습니다. 에러 타입이 명확해지니 코드가 훨씬 명확해졌습니다. 1. 에러의 종류: 예상된 비즈니스 에러 vs. 예상치 못한 에러 에러 핸들링 전략을 수립하기 전에, 에러를 두 가지 주요 유형으로 구분하는 것이 매우 유용했습니다. 예상된 비즈니스 에러 (Expected…
엔지니어링 리더십 – 실력 있는 개발자에서 조직적 영향력자로 성장하기까지
“한빛미디어 <나는 리뷰어다> 활동을 위해서 책을 제공받아 작성된 서평입니다.” 시니어 개발자라면 누구나 한번쯤 고민한다. “다음 단계는 무엇인가?” 윌 라슨의 『엔지니어링 리더십』은 그 질문에 조직적 영향력과 기술적 전략을 통해 답한다. 스태프 엔지니어의 역할을 다루는 이 책은, 특히 다음 세 가지 주제를 깊이 있고 현실감 있게 다룬다: 엔지니어링 전략…
FormData 전송 시 Content-Type 헤더를 설정하면 안 되는 이유
“왜 파일 업로드가 계속 실패하지?” - 많은 개발자들이 겪는 흔한 실수 🤔 문제 상황 파일 업로드 기능을 구현했는데 이유없이 실패하는 문제를 맞닥뜨렸다. 서버에서는 400 Bad Request나 파일 파싱 오류가 발생하고, 몇 시간을 디버깅해도 원인을 찾기 어려웠다. 💡 해결책: 헤더를 아예 생략하세요 이것저것 찾아본 결과 내가 찾은 해결책은 정말 파격…
패턴으로 익히고 설계로 완성하는 리액트 리뷰(한빛미디어)
“한빛미디어 서평단 <나는리뷰어다> 활동을 위해서 책을 협찬 받아 작성된 서평입니다.” 책 소개 최근에 어떻게 하면 코드를 더 잘 짤 수 있을지 고민하다가 『패턴으로 익히고 설계로 완성하는 리액트』라는 책을 접했다. 표지의 “패턴”과 “설계”라는 글자가 와닿았고 TDD와 리팩터링으로 계속 코드를 개선하는 가이드를 제시해줄 것이라고 기대했다. 책의 구성 및…
최근에 내가 구현했던 흔하지 않았던 UI들 모음
프론트엔드 개발자로 일하다 보면 디자이너가 제안한 UI를 구현하는 과정에서 표준 패턴만으로는 해결하기 어려운 상황을 종종 마주치게 된다. 이런 사례들을 해결하다 보면 역시 css 세계는 드넓구나 하는 생각이 들고 css의 가능성에 대해서 더 시야가 트이는 것 같다. 그리고 거기서 찾아오는 성취감은 덤이다. 사례가 아직 많진 않지만 마주할 때마다 이것도 모…
전문가를 위한 리액트 도서 리뷰(한빛미디어)
“한빛미디어 서평단 <나는리뷰어다> 활동을 위해서 책을 협찬 받아 작성된 서평입니다.” 책 소개 “전문가를 위한 리액트”는 단순히 리액트의 기본 사용법을 넘어 고급 패턴과 성능 최적화, 확장 가능한 아키텍처를 구축하는 방법을 다루는 책이다. 이 책은 리액트를 이미 사용해 본 개발자가 더 깊이 있는 이해와 실무적인 기술을 습득하는 데 초점을 맞추고 있다. …
CSS white-space 속성 적재적소에 활용하기!
웹 개발하면서 white-space 속성은 신경쓰지 않으면 놓치기 쉬운 부분인 것 같다. 계속 필요할 때마다 찾아 봤었는데 머리 속에서 제대로 정리되지 않아서 계속 찾아보게 되는 거 같아 이번에 좀 정리해보려고 한다. 결국엔 각 속성이 어떤 역할을 하고 어떤 상황에서 써야 할지 정리해두는 게 좋을 것 같다. white-space 속성이란? 속성은 텍스 트…