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

파수 AI 2026년 3차 신입 공개 채용, 접수 기간 10월 12일~25일
필터 0
선택된 필터 없음
Semantic Search 만으로는 번역 품질이 해결되지 않았던 이유
채널톡
프론트엔드

Semantic Search 만으로는 번역 품질이 해결되지 않았던 이유

Semantic Search로는 번역 키의 용어 일관성을 충분히 살리기 어려웠습니다. 문장 유사도보다 정확한 용어 재사용에 맞춰 검색 방식을 바꾸는 것이 더 효과적이었습니다.

#검색#LLM
1000
Product Engineer — iOS 개발자, 프론트엔드에 도전하다
마이리얼트립
프론트엔드

Product Engineer — iOS 개발자, 프론트엔드에 도전하다

iOS 개발자가 프론트엔드 운영과 고도화에 참여한 경험을 공유했습니다. AI와 도구를 활용해 구조를 파악하고 웹뷰, SSR 이슈를 해결한 과정이 핵심입니다.

#iOS#Swift
18900
Notion DB를 활용한 Figma 플러그인 만들기
채널톡
프론트엔드

Notion DB를 활용한 Figma 플러그인 만들기

Notion DB와 Figma 플러그인을 연결해 더미 데이터 입력을 자동화한 사례를 소개했습니다. CORS 문제와 AI 데이터 생성 이슈를 해결하며 팀용 도구로 확장한 과정도 담았습니다.

#Figma#Notion
1200
2시 배포, 3시 오픈, 그리고 장애
SSG.COM
프론트엔드

2시 배포, 3시 오픈, 그리고 장애

운영 환경의 다중 WAS에서 FlashAttribute가 사라지며 가입 장애가 발생했습니다. 브릿지 페이지를 단순화해 redirect와 세션 의존을 제거하고 문제를 해결했습니다.

#FlashAttribute#WAS
20500
FE News 26년 2월 소식을 전해드립니다!
네이버 D2
프론트엔드

FE News 26년 2월 소식을 전해드립니다!

FE 관련 주요 소식을 모아 소개한 큐레이션 글입니다. React 최적화, 합성 컴포넌트 패턴, jQuery 4.0.0 변경점을 함께 다뤘습니다.

#React#Next.js
5100
채널콘 2025 디자인 비하인드
채널톡
프론트엔드

채널콘 2025 디자인 비하인드

채널콘 2025의 디자인 비하인드와 브랜드 경험 설계 과정을 소개했습니다. AI 활용, 행사 동선, 시각 아이덴티티를 일관되게 묶어 좋은 경험을 쌓는 방법을 다뤘습니다.

#UI/UX#브랜딩
400
Nx에서 Bun 더 잘 사용하기: Nx 18 -> 21 마이그레이션
마켓컬리
프론트엔드

Nx에서 Bun 더 잘 사용하기: Nx 18 -> 21 마이그레이션

Nx와 Bun 조합을 Nx 18에서 21.4 이상으로 마이그레이션하며 lock file 감지·파싱 문제를 해결했습니다. Bun의 텍스트 lock file 전환으로 CI와 빌드 효율, 도구 호환성을 함께 개선했습니다.

#Nx#Bun
100
Android On-Device AI: Gemini Nano와 ML Kit로 만든 2025 해커톤 프로젝트
여기어때
프론트엔드

Android On-Device AI: Gemini Nano와 ML Kit로 만든 2025 해커톤 프로젝트

Android 온디바이스 AI를 해커톤 프로젝트에 적용한 사례를 소개했습니다. GenAI API와 ML Kit 번역으로 로컬 처리, 이미지 설명, 재작성, 요약, 번역을 실험했습니다.

#Android#LLM
5700
해외 숙소 리스트 성능 개선기 : 반쪽짜리 SSR에서 완벽한 인피니트 스크롤까지
여기어때
프론트엔드

해외 숙소 리스트 성능 개선기 : 반쪽짜리 SSR에서 완벽한 인피니트 스크롤까지

해외 숙소 리스트의 반쪽짜리 SSR을 Hydration 기반으로 개선하고 무한 스크롤 UX를 다듬었습니다. 캐싱과 스크롤 복구, 예외 처리로 LCP와 TBT도 함께 개선했습니다.

#SSR#React
9700
Next.js에서 QueryClient를 전역변수로 사용해도 될까요?
펫프렌즈
프론트엔드

Next.js에서 QueryClient를 전역변수로 사용해도 될까요?

Next.js SSR에서 전역 QueryClient를 공유하면 요청 데이터가 누적되어 메모리 누수가 발생했습니다. 요청마다 QueryClient를 분리해 GC가 회수할 수 있도록 개선했습니다.

#Next.js#TanStack Query
17400
코드 품질 개선 기법 30편: (투명한) 운명의 붉은 실
라인
프론트엔드

코드 품질 개선 기법 30편: (투명한) 운명의 붉은 실

함수 간 암묵적 의존성이 있으면 리팩터링 시 오류가 생기기 쉽다고 설명했습니다. 유효성 검사와 변환 로직을 하나로 묶어 일관성을 보장하는 방법을 제안했습니다.

#Kotlin#refactoring
13200
styled-components에서 Tailwind CSS로 안전하게 대규모 마이그레이션하기
크리에이트립
프론트엔드

styled-components에서 Tailwind CSS로 안전하게 대규모 마이그레이션하기

styled-components에서 Tailwind CSS로의 대규모 점진 마이그레이션 방법을 다뤘습니다. CSS Cascade Layers와 SSR/CSR 대응으로 스타일 충돌 없이 전환했습니다.

#Tailwind CSS#styled-components
16200
마커 펼치기로 포장 지도 UX 개선하기 : Map Projection
요기요
프론트엔드

마커 펼치기로 포장 지도 UX 개선하기 : Map Projection

포장 지도에서 겹친 마커로 탐색이 어려운 문제를 Map Projection 기반 펼치기로 개선했습니다. 클라이언트 계산, 개수 제한, 줌 스케일링으로 가독성과 선택 흐름을 함께 높였습니다.

#Android#UI/UX
7600
페이지를 이루는 최소 기능 블록, 모듈유닛
SSG.COM
프론트엔드

페이지를 이루는 최소 기능 블록, 모듈유닛

모듈유닛의 개념과 페이지 구성 방식, 유지보수 장점을 설명했습니다. 공통 구조인 만큼 기획 단계에서 영향 범위와 정책을 함께 검토해야 한다고 정리했습니다.

#React#UI/UX
7100