프론트엔드 기술 블로그 최신 글

NEW FEATURE

기술을 읽던 곳에서, 다음 기회를 만나세요.

채용 검색부터 관심사 기반 추천, 내 적합도까지.

필터 0
선택된 필터 없음
️여기어때 Date·인원 선택 UI 만들기-SwiftUI Calendar Core & DateTravelerSelector 구조 재설계
여기어때
프론트엔드

️여기어때 Date·인원 선택 UI 만들기-SwiftUI Calendar Core & DateTravelerSelector 구조 재설계

SwiftUI 기반 Date·인원 선택 UI를 도메인별 정책에 맞게 분리하고 공통 달력 Core로 재구성했습니다. LazyVGrid를 대체해 iOS 16 안정성과 렌더링 성능도 개선했습니다.

#SwiftUI#iOS
4500
React Query 버전업 과정에서 발견한 API 관리 구조의 결함
flex
프론트엔드

React Query 버전업 과정에서 발견한 API 관리 구조의 결함

React Query 버전업 과정에서 코드 생성 기반 API 관리 구조의 결함을 발견했습니다. 라이브러리 의존성을 분리하고 어댑터로 호환성을 확보하는 방향으로 개선했습니다.

#React Query#OpenAPI Generator
3400
배달의민족 주문접수 채널에 Flutter를 도입하며 고민한 것
우아한 형제들
프론트엔드

배달의민족 주문접수 채널에 Flutter를 도입하며 고민한 것

Flutter와 Clean Architecture로 주문접수 채널의 멀티 플랫폼 확장성과 유지보수성을 높인 사례를 소개했습니다. 또한 웹뷰 기반 전환으로 배포 속도와 긴급 대응력을 개선하려는 방향을 설명했습니다.

#Flutter#Clean Architecture
6700
뮤직큐-나의 최애를 소개합니다! | Louis
드림어스
프론트엔드

뮤직큐-나의 최애를 소개합니다! | Louis

드림어스컴퍼니 Web Frontend 개발자 Louis의 인터뷰로, FLO RE;CORD 개발 경험과 AI 활용 사례를 소개했습니다. 옛날 노래 중심의 플레이리스트와 추천 이유도 함께 전했습니다.

#ChatGPT#MCP
1400
프론트엔드 도구의 전략적 선택: 경량 프레임워크 Vue.js 탐구와 Vue3 적용기
한글과컴퓨터
프론트엔드

프론트엔드 도구의 전략적 선택: 경량 프레임워크 Vue.js 탐구와 Vue3 적용기

Vue.js를 경량 프레임워크 관점에서 소개하고 실무 적용 사례를 정리했습니다. Vue3 전환, Composition API, provide/inject, Vite 도입 경험도 함께 공유했습니다.

#Vue.js#Composition API
8500
[디자인 시스템 어떻게 만들었어요?(2)] Radix Primitives와 Panda CSS로 유연하고 단단한 컴포넌트 만들기
요기요
프론트엔드

[디자인 시스템 어떻게 만들었어요?(2)] Radix Primitives와 Panda CSS로 유연하고 단단한 컴포넌트 만들기

Radix Primitives로 접근성과 확장성을 확보하고, Panda CSS로 상태 기반 스타일링을 선언적으로 구성했습니다. 또한 styled-components의 한계를 고려해 Zero-runtime CSS-in-TS로 전환하고 토큰 배포 전략도 정비했습니다.

#Radix Primitives#Panda CSS
10200
우리는 코드처럼 문화도 리팩토링한다
우아한 형제들
프론트엔드

우리는 코드처럼 문화도 리팩토링한다

커머프팀이 조직 구조와 소통, 기록 방식을 함께 리팩토링한 과정을 소개했습니다. 경계 없는 파트, 불판, 코질라, ADR로 협업 효율을 높였습니다.

#GitLab#Slack
9700
디자인시스템이 AI를 만났을 때: FE 개발 패러다임의 변화
네이버 D2
프론트엔드

디자인시스템이 AI를 만났을 때: FE 개발 패러다임의 변화

네이버파이낸셜 디자인시스템과 AI를 활용한 마크업 자동화 경험을 공유한 세션입니다. 디자인 토큰과 Code Connect 등 준비 요소와 실제 개발 적용 시 아쉬운 점을 다뤘습니다.

#디자인 시스템#마크업
22700
iframe으로 웹앱 통합했더니 토큰 요청이 폭발했다
올리브영
프론트엔드

iframe으로 웹앱 통합했더니 토큰 요청이 폭발했다

iframe 통합 환경에서 postMessage로 토큰을 안전하게 주고받는 인증 시스템을 구축했습니다. 동시 요청과 401 에러를 Promise 공유, 큐, 쿨다운으로 제어하고 보안도 강화했습니다.

#iframe#postMessage
15500
잃어버린 접근성을 찾아서
우아한 형제들
프론트엔드

잃어버린 접근성을 찾아서

상품 상세 페이지의 접근성을 스크린 리더 기준으로 점검해 탐색 단위, 텍스트 발화, 버튼 역할을 개선했습니다. 구매하기까지 스와이프 횟수를 20회 미만으로 줄이고 실제 사용 경험을 크게 높였습니다.

#접근성#스크린 리더
4800
FE News 25년 12월 소식을 전해드립니다!
네이버 D2
프론트엔드

FE News 25년 12월 소식을 전해드립니다!

FE News 25년 12월 소식에서 프런트엔드와 웹 플랫폼, LLM 관련 주요 흐름을 정리했습니다. WebAssembly, React, Vercel, 브라우저 표준, LLM Council 사례를 함께 소개했습니다.

#WebAssembly#LLM
17800
App Store 5.1.1 가이드라인 리젝 대응기: SwiftUI Repository 패턴으로 게스트 기능 구현하기
펫프렌즈
프론트엔드

App Store 5.1.1 가이드라인 리젝 대응기: SwiftUI Repository 패턴으로 게스트 기능 구현하기

App Store 5.1.1 리젝을 계기로 SwiftUI 앱에 게스트 모드를 설계하고 Repository 패턴과 DI Container를 도입했습니다. Mock 데이터와 화면 분리를 통해 유지보수성과 확장성을 함께 확보했습니다.

#SwiftUI#Repository
4700
CSR 환경에서 Dynamic OpenGraph 구현하기
더스윙
프론트엔드

CSR 환경에서 Dynamic OpenGraph 구현하기

CSR 환경에서 소셜 공유용 OpenGraph 메타 태그를 동적으로 제공하는 방법을 다뤘습니다. CloudFront Function으로 봇만 분기해 엣지에서 HTML을 응답하고 기존 CSR 구조는 유지했습니다.

#CloudFront#OpenGraph
7100
토스인컴 세금 환급 서비스 : 빠른 속도에서 품질을 지키기 위한 E2E 자동화 여정
토스
프론트엔드

토스인컴 세금 환급 서비스 : 빠른 속도에서 품질을 지키기 위한 E2E 자동화 여정

토스인컴은 세금 환급 서비스의 복잡한 시나리오를 함수형 POM과 유틸로 재구성해 E2E 자동화를 안정화했습니다.클릭 실패와 페이지 전환 문제를 줄이고, 변경 대응 속도와 검증 효율을 함께 높였습니다.

#test#자동화
7200