사진찍는 웹 개발자의 블로그
- All
- books
- gitkraken
- 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
사용자 입장에서 생각하세요 리뷰 - 나는 정말 사용자 입장에서 만들고 있었을까?
“한빛미디어 <나는리뷰어다> 활동을 위해 도서를 제공받아 작성된 서평입니다.” 정말 사용자 입장에서 만든다는 것 최근 만들고 있는 제품에 lecture 기능이 있었다. 텍스트 기반의 강의 컨텐츠를 보여주는 영역이었는데, 여기에 TTS를 붙여서 텍스트를 음성으로 읽어주는 기능을 넣었다. 단순히 음성만 재생하는 것이 아니라, 음성에 맞춰 텍스트도 한 글자씩 …
<하네스 엔지니어링 with 클로드 코드> AI가 계획대로 일하게 하려면 무엇이 필요할까?
“한빛미디어 <나는 리뷰어다> 활동을 위해 도서를 제공받아 작성된 서평입니다.” 회사에서 AI를 활용한 개발 워크플로를 만들어본 적이 있다. 단순히 AI에게 “이 기능 구현해줘”라고 말하는 방식이 아니라, 정해진 흐름 안에서 작업을 진행하게 만드는 시도였다. 대략적인 흐름은 worktree를 만들고, 구현하고, 테스트를 실행하고, 리뷰를 거친 뒤, 마지막…
<에이전트 시대의 AI 시스템 설계> AI 실습 문제 생성은 프롬프트만 잘 쓰면 충분할까?
“한빛미디어 <나는 리뷰어다> 활동을 위해 도서를 제공받아 작성된 서평입니다.” 제품을 만들 때 AI로 실습 문제를 생성하는 기능을 붙인 적이 있다. 사용자의 직무, 개선하고 싶은 업무, 지금 하고 있는 일을 입력으로 받아서 그 사람의 상황에 맞는 실습 문제를 만들어주는 흐름이었다. 처음에는 프롬프트에 규칙을 잘 적어두면 어느 정도 안정적인 결과가 나올 …
더 줄일 수 있는건 없을까? <미니멀리즘 프로그래머>
“한빛미디어 <나는 리뷰어다> 활동을 위해 도서를 제공받아 작성된 서평입니다.” 인사이트 1: 비동기적인 삶 많은 팀이 이벤트 주도 시스템처럼 일한다는데 공감한다. 요즘에 B2B로 제품이 나가면서 이슈 해결을 빠르게 하려다 보니까 새로운 일이 터지면 온 신경이 거기다 쏠린다. 하지만 그 중에는 우선순위, 긴급도가 낮은 경우도 분명 있었을 것이다. 하지만 …
컨텍스트 엔지니어링으로 구축하는 AI 에이전트 리뷰 - 한빛미디어
“한빛미디어 서평단 <나는리뷰어다> 활동을 위해 도서를 제공받아 작성된 서평입니다.” 최근 회사에서 학습 컨텐츠를 만드는 일을 하면서, 생각보다 많은 시간을 프롬프트에 쓰고 있었다. 예시 문제(원본)가 있고, 사용자의 상황(직무/레벨/목표)에 맞게 문제를 re-writing한 뒤, 정해진 JSON 스키마에 맞춰 컨텐츠를 생성해 반환하는 작업이다. 겉으로 …
소프트웨어 아키텍처 The Basics(2판) 리뷰 - 한빛미디어
“한빛미디어 서평단 <나는리뷰어다> 활동을 위해서 책을 협찬 받아 작성된 서평입니다.” 시작하며 연차가 쌓이면서 코드 외적인 것들을 자연스레 신경쓰게 된다. 슬슬 인프라쪽도 더 공부해서 팀원들 도움받지 않고 구축하고 싶었는데 “이 책이 답을 줄 수 있을까?” 기대하며 펼쳤다. 이 책의 내용은 오히려 더 베이스를 이루는 아키텍처들을 다뤘다. 그래서 책을 쭉…
GitKraken에서 AI로 merge conflict 쉽게 해결하기
브랜치를 머지하려는데 conflict가 발생하면 막막한 경우가 많습니다. 보통 팀원들의 작업과 충돌하는 경우가 많아서 해결하기 어려운 경우가 많습니다. 많이 조심스럽기도 하구요. 심지어 비슷한 라인을 건드리면 더 막막해집니다. 보통의 경우 동료를 소환해서 같이 보면서 해결하는 경우가 많았습니다. 그렇게 하는 편이 정확도가 높았습 니다. 언제나 빠르게 같이 …
바이브코딩 너머 개발자 생존법(한빛미디어) 도서 리뷰
“한빛미디어 <나는 리뷰어다> 활동을 위해서 책을 제공받아 작성된 서평입니다.” 왜 이 책을 집었는가 – “AI를 잘 쓰고 있는 게 맞을까?” 저는 6년차 웹 프론트엔드 개발자이자 한 제품개발 셀의 리드입니다. 이미 팀에서 AI를 꽤 쓰고 있고, 저도 업무 중에 자연스럽게 AI를 켜놓고 개발하는 편입니다. 덕분에 생산성이 많이 올라갔습니다. 코드 생성 속…
밑바닥부터 시작하는 웹 브라우저(한빛미디어) 도서 리뷰
“한빛미디어 <나는 리뷰어다> 활동을 위해서 책을 제공받아 작성된 서평입니다.” 시작에 앞서 웹 개발자라면 한 번쯤 “브라우저는 내부에서 어떤 과정을 거쳐 페이지를 띄우는 걸까?”라는 궁금증을 가져보셨을 겁니다. 저도 브라우저를 언젠가 더 공부해봐야지 생각하고 있었는데 마침 그럴 기회가 생겼습니다. 밑바닥부터 시작하는 웹 브라우저는 단순히 원리를 설명하는…
커밋 메시지가 고민일 때 GitKraken이 대신 써줍니다
코드를 다 짜놓고 git commit을 치려는데… 커서 앞에서 멍하니 멈춘 적, 다들 있지 않나요? 컨벤션에 맞게 prefix를 정하려고 하는데 이것도 맞는 것 같고 저것도 맞는 것 같고 애매한 경우도 있었고 커밋 제목을 깔끔하게 정리하고 싶은데 주저리 적는 것 같고 그랬던 적이 있어요. 요즘에 AI가 있어서 편해졌다지만 AI에게 물어보려면 제 작업 내역…