작은 행성에 담은,
나의 개발 이야기.
웹 접근성 · 프론트엔드 · AI 도구
WASD / 방향키 이동 · Enter 선택 · Esc 닫기
일반 보기화면 설정
장미 정원
장미 정원
웹 표준과 웹 접근성을 바탕으로, 모두가 편리하고 차별 없이 이용할 수 있는 웹을 만드는 프론트엔드 개발자입니다. AI 코딩 에이전트와 개발 툴링도 실험하고 이 블로그에 기록합니다.
웹 접근성, 프론트엔드 개발, AI 코딩 도구에 관해 배우고 만든 것을 기록합니다.
걸어온 길
걸어온 길
웹을 만들고, 팀과 함께 성장해 온 기록.
-
Daum Corp
프론트엔드 개발 리드
-
카카오엔터프라이즈
파트장 | 프론트엔드 개발 리드
-
카카오
셀장 | 프론트엔드 개발 리드
이전 경력 5개
-
에스케이플래닛(주)
매니저 | 프론트엔드 개발
-
잡코리아
차장 | 프론트엔드 개발
-
SK 커뮤니케이션즈(주)
팀장 | 프론트엔드 개발 리드
-
(주)인터메이저
차장 | 프론트엔드 개발
-
(주)이디엔스
차장 | 웹 서비스 개발
글 보관소
글 보관소
추천 글
- Three.js와 Astro로 만든 B612 행성 포트폴리오: 시안에서 구현까지 Astro 블로그 위에 Three.js로 걸어 다니는 소개 페이지 /planet/을 만들었습니다. HTML을 원본으로 둔 3D 구조, 공 위에서 걷는 방법, 모델 용량과 로딩 최적화, AI 에이전트와의 협업을 정리합니다.
- GAN에서 빌려온 하네스 설계: Claude로 몇 시간짜리 앱을 만드는 법 Anthropic이 공개한 장시간 앱 개발용 하네스 설계 사례. GAN에서 빌려온 generator-evaluator 루프, 3-에이전트 아키텍처, 모델이 좋아지면 하네스를 덜어내는 원칙을 정리합니다.
- AI 검색 시대의 블로그 SEO 점검: 블로그에 바로 적용한 것들 Google의 생성형 AI 검색 최적화 가이드를 기준으로 블로그에 적용한 SEO, 구조화 데이터, 접근성 개선을 정리합니다.
최근 글
- GPT-6 Intelligent UI: 채팅 답변이 작업 화면이 되는 방식 GPT-6의 Intelligent UI가 텍스트 답변을 그래픽·버튼·도구가 있는 작업 화면으로 바꾸는 방식과 제품 설계 기준을 정리합니다.
- A11Y 주간 다이제스트 2026.10.05 ~ 10.11: State of Digital Accessibility, CES Accessibility Stage Level Access의 2026 디지털 접근성 조사와 CES Accessibility Stage의 FCC 접근성상 수상을 정리합니다. (2026.10.05~10.11)
- State of Devs 2026: AI 시대 개발자의 불안과 번아웃을 읽는 법 State of Devs 2026 설문을 바탕으로 AI 도입, 번아웃, 고용 불안이 개발자 업무에 함께 나타나는 방식을 정리합니다.
작은 작업실
작은 작업실
-
Claude Code at Work
Claude Code의 실무 활용, 도구 선택과 결과 검증을 다루는 가이드.
사이트 방문 ↗ (새 탭) -
Finance — 주가 차트 데모
국내·미국 주식을 검색하고 캔들스틱 차트, 거래량, 이동평균선을 확인하는 웹앱.
- 종목 검색
- 캔들·거래량·이동평균
- 봉 전환
- 이전 데이터 로드
- 다크모드
-
주아 아빠는 무슨 일을 할까요?
어린이집 친구들에게 아빠의 직업을 소개하는 웹 슬라이드.
사이트 방문 ↗ (새 탭)
링크