[AI활용] Claude 실무편 - Technical Writer Skill 만들기
.ktc-poster img { transition: transform .3s ease, box-shadow .3s ease; } .ktc-poster:hover img { transform: translateY(-4px); box-shadow:0 10px 22px rgba(0,154,135,0.22) !important; } .imageblock img { max-width:100% !important; height:auto !importan
"이번 달 얼마 남았지?"를 없애는 방법
안녕하세요, 포스타입에서 PM을 맡고 있는 B입니다. 얼마 전 사내 구성원분들을 위해 'Flex 점심 식비 잔액 계산기'라는 크롬 익스텐션을 만들어 배포했습니다. 개발 직군이 아닌 제가, AI의 도움을 받아 몇 시간 만에 만든 아주 작은 도구입니다. 그래서 이 글은 대단한 기술 이야기가 아닙니다. 오히려 기획자가 아이디어를 실제로 동작하는 형태까지 가져가려면 무엇이 필요했는지에 대한 기록입니다. 그리고 이런 방식이 사내 도구를 넘어 실제 제품
RxJS로 우아하게 사이드 이펙트 통제하기
프론트엔드에서 가장 다루기 어려운 "비동기" 길들이기
항공 프론트엔드 구축기 (7/10): 창구를 하나만 두었습니다
항공 프론트엔드 구축기 (6/10): 컨테이너를 둘로 쪼개지 않았다
항공 프론트엔드 구축기 (5/10): 뒤로가기가 가장 어려웠다
항공 프론트엔드 구축기 (4/10): “앱이냐”와 “좁냐”는 다른 질문이다
항공 프론트엔드 구축기 (3/10): prefix를 붙이자 tailwind-merge가 조용히 깨졌다
항공 프론트엔드 구축기 (2/10): Vue2 디자인 시스템을 React로 옮기기
항공 프론트엔드 구축기 (1/10): 웹, 모바일웹, 웹뷰를 코드 한 벌로
AI는 움직이는 히트맵을 어떻게 분석할까요?
히트맵이 살아 움직인다면? ‘히트맵(Heatmap)’은 사용자의 행동 데이터를 색상으로 시각화 하는 분석 기법입니다. 클릭이나 마우스 움직임이 많이 발생한 영역은 붉게, 상대적으로 적게 발생한 영역은 푸르게 표현되죠. 이를 통해 많이 클릭된 버튼이나 사용자의 관심이 집중된 영역을 한 눈에 파악할 수 있습니다. 이러한 히트맵이 시간의 흐름에 따라 움직인다면 어떨까요? 사용자의 관심이 머무른 ‘순간’이나 클릭이 이동하는 ‘흔적’을 확인할 수… 더
FE News 26년 8월 소식을 전해드립니다.
주요소식 26년 8월 소식에서는 다음과 같은 유용한 정보들을 만나보실 수 있습니다. State of CSS 2026 매년 진행되는 CSS 생태계 설문 조사인 State of CSS의 2026년 결과다. 2026년 5월 15일부터 6월 29일까지 진행되어 4,902명이 응답했고, 앵커 포지셔닝(Anchor Positioning)이 "가장 마음에 드는 신규 기능"과 "브라우저 지원 때문에 쓰지 못해 아쉬운 기능" 양쪽에서 1위를 차지했다. CSS의
에이전트가 디자인 시스템 컴포넌트를 “제대로” 쓰게 만드는 방법
미리캔버스의 SVG 필터 활용기: 브라우저에서 이미지 보정하기
미리캔버스의 SVG 필터 활용기: 브라우저에서 이미지 보정하기
AI가 하한선을 올린 순간, 저희는 직무를 다시 그리기로 했습니다
AI로 직무의 경계가 낮아진 시대, FE·BE 통합을 통해 프로덕트 엔지니어의 역할을 다시 정의하는 실험
프론트엔드와 백엔드를 한 팀으로 합치면 어떤 일이 일어날까?
micro frontends가 미리캔버스 프론트엔드팀이 일하는 방식을 바꾸는 이유