@devtedlee

Pretext: 브라우저의 텍스트 레이아웃 엔진을 JavaScript로 재구현한다는 것

3d ago · 7 min read · "이 텍스트가 이 너비 안에서 몇 줄이 되는지"를 JavaScript로 알아내 본 적 있으신가요? 채팅 메시지의 높이를 미리 계산해서 가상 스크롤을 구현하거나, 텍스트가 넘치는지 판단해서 말줄임을 걸거나, 멀티라인 텍스트의 정확한 높이로 레이아웃 시프트를 방지하거나. 이런 작업을 해보신 분이라면 그 고통을 아실 겁니다. 방법은 하나뿐이에요. 브라우저한테 물

나는 호모 루덱서스다

Mar 22 · 3 min read · 지난글에서 저는 '선택의 자유'를 향해 나를 단련하겠다고 했습니다. 지식을 굴비 엮듯 쌓아두던 습관을 버리고, 멘탈 모델을 쌓아가는 방향으로 삶을 재설계하겠다고요. 그리고 실제로 그 방향으로 움직이기 시작했습니다. 그런데 이상한 일이 벌어졌습니다. 평소의 저라면 마다할 일들이 즐거워지고 있었습니다. 매일 운동하는 게 귀찮지 않고 블로그 글을 쓰는 게 의무감

AI가 코드를 짜는 시대, 나는 리뷰를 못 따라가고 있었다

Mar 18 · 3 min read · 솔직히 말하면, 요즘 PR을 제때 리뷰하지 못하고 있습니다. 개발 속도는 빨라졌는데 리뷰 속도는 그대로입니다. 예전엔 하루 이틀이면 처리하던 게 이제는 며칠씩 밀립니다. 처음엔 제가 게을러진 탓인가 싶었습니다. 돌아보니 그게 아니었습니다. AI 도구를 쓰면서 코드가 쏟아지는 속도가 달라졌습니다. 한 사람이 만들어내는 코드 양이 예전과 비교가 안 됩니다. P

Ai는 왜 내 헤더 정렬을 못 맞췄을까?

Dec 24, 2025 · 4 min read · TL;DR AI 코딩 어시스턴트에게 "1depth와 2depth 메뉴 정렬 맞춰줘"라고 요청했더니, 여러 번 시도했지만 계속 실패했습니다. 결국 제가 "양쪽 끝을 고정폭으로 만들고, 중앙은 flex로 정렬하면 어때?"라고 구조를 제시하자 바로 해결됐습니다. 핵심 교훈: AI는 CSS 속성은 잘 알지만, 레이아웃 구조 설계에는 약합니다. 문제 상황 React + Tailwind CSS로 만든 관리자 페이지 헤더를 작업하던 중이었습니다. ┌───...

[기술회고] NavLink 스타일링 버그 수정기

Nov 18, 2025 · 3 min read · TL;DR 2개의 depth를 가진 네비게이션의 활성화(active) 상태를 표현하는 스타일이 사라져버린 버그를 수정하는 과정에서, AI가 디자인 가이드를 잘못 해석해 3번 잘못된 수정을 제안 했습니다. 결국 제가 판단한 추가적인 피드백으로 문제를 해결할 수 있었습니다. 그에 대한 사례를 간단히 정리 해봤습니다. 문제의 시작: 사라진 활성 상태 헤더의 2depth 메뉴에서 현재 페이지를 나타내는 활성 상태 스타일이 작동하지 않는다는 이슈를 할...