텍스트 접근성을 개선했더니 거래액이 올랐습니다.
기기 글자 크기 설정을 반영해 텍스트 접근성을 개선한 사례를 소개했습니다. SSR, SSG, CSR 모두에서 FOUT를 줄이고 거래액과 탐색성 개선까지 확인했습니다.
#React Native#Next.js
51005분
필터 1
채널톡 iOS26 대응기
iOS26의 Safari 주소창 변경으로 채널톡 메신저 하단에 사이트가 노출되는 문제를 대응했습니다. CSS 한계와 스크롤 이슈를 거쳐 동적 커버 방식으로 채팅 경험을 개선했습니다.
#iOS#iPhone
2005분
채널톡 iOS26 대응기
iOS26에서 Safari 주소창 변경으로 채널톡 메신저 하단에 빈 공간이 보이는 문제를 대응했습니다. CSS 우회와 커버 오버레이 방식을 거쳐 채팅 경험을 해치지 않는 방향으로 적용했습니다.
#iOS#iOS 26
15005분
2025 카카오뱅크 프론트엔드 채용 Boost의 모든 것
카카오뱅크 프론트엔드 클랜이 전사 채용 Boost를 처음 운영한 과정을 소개했습니다. 서류, 과제, 면접 기준을 정비하고 지원자 경험까지 고려한 채용 설계를 공유했습니다.
#React#채용
42005분
Vite에서 CSS 우선순위를 지키는 법: 우아한공방의 문제 해결기
Vite와 Vanilla Extract의 빌드 흐름을 추적해 CSS 우선순위가 import 순서에 따라 뒤바뀌는 원인을 파악했습니다. 뱅코멘트 기반 정렬 플러그인으로 청크를 재조합해 일관된 스타일 순서를 보장했습니다.
#Vite#CSS
152005분
수직 중앙 정렬한 텍스트가 치우쳐 보이는 이유
X
#CSS
118005분
Shadow Dom : 중요한 건 깨지지 않는 스타일
여러 플랫폼의 이력서를 한 화면에서 안정적으로 보여주기 위해 Shadow DOM 적용 사례를 다뤘습니다. 스타일 충돌 방지, 스크립트 처리, FOUC 대응과 한계까지 정리했습니다.
#Shadow DOM#CSS
59005분
Velopers 추천광고
쿠팡 파트너스
개발자를 위한 인기 상품을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발자#노트북#컴퓨터
FE News 25년 10월 소식을 전해드립니다!
FE 분야의 주요 소식을 주제별로 큐레이션한 뉴스입니다. React 생태계, styled-components, Apple CSS, AI 코딩 도구 변화가 소개되었습니다.
#React#CSS
158005분
FE 최적화, 비즈니스로 시작해서 엔지니어링으로 끝내기
비즈니스 가치가 큰 지면부터 p75 LCP를 기준으로 성능 최적화를 진행했습니다. 이미지 경량화, 번들 분리, Preload, Skeleton 적용으로 체감 속도와 지표를 함께 개선했습니다.
#성능#LCP
242005분
FE News 25년 9월 소식을 전해드립니다!
FE News 25년 9월호에서 프론트엔드와 AI 코딩 도구 관련 주요 소식을 정리했습니다. 코드 품질, 보안, 상호 운용성, 인지 부하 같은 이슈를 함께 다뤘습니다.
#Claude#CSS
112005분
프론트엔드 개발자를 위한 FEConf 2025 간단 후기
FEConf 2025에서 스벨트, 웹 접근성, 최신 CSS, Figma MCP와 Cursor 사례를 중심으로 프론트엔드 실무 인사이트를 정리했습니다. 실무에 바로 적용할 수 있는 기술과 자동화 흐름이 특히 인상적이었습니다.
#FEConf#Svelte
226005분
프론트엔드 개발, 바이브코딩 라이브 웹앱 개발 사용 경험기
프론트엔드 개발자가 바이브코딩을 통해 생산성 향상을 체감한 경험을 공유했습니다. 동시에 테스트 코드, 업무 분할, 프롬프트 설계, 도메인 지식의 필요성도 강조했습니다.
#React#LLM
185005분