devBlog
Frontend 글 모음
기업 기술블로그의 Frontend 관련 글 580개
전체 데이터를 브라우저에 두는 광고 대시보드 만들기
서버가 하던 필터링·정렬·검색·페이지네이션을 브라우저로 옮겼더니, 속도뿐 아니라 손대지 못하던 문제 네 개가 같이 풀렸습니다.
대기업에서 신규 서비스 런칭을 경험하기까지
북미향 신규 서비스의 초기 멤버로 합류해 설계·개발·출시를 함께한 2년 10개월을 돌아봅니다.
[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의
