해외파트너센터 개발 오픈기- 3.글로벌 대응을 위한 다국어 처리 작업
해외 파트너 센터에 다국어 처리를 적용한 과정과 i18next 선택 이유를 정리했습니다. Next.js 환경에서의 언어 감지, JSON 관리 방식, 유지보수 포인트도 함께 공유했습니다.
#i18next#react-i18next
117005분
필터 0
ts-pattern을 이용하여 코드 가독성 올려보기(feat. 분기처리)
ts-pattern 라이브러리를 소개하며 복잡한 분기 처리를 더 읽기 쉽게 만드는 방법을 다뤘습니다. 패턴 매칭을 활용해 코드 가독성을 높이는 방향을 설명했습니다.
#TypeScript
19005분
해외파트너센터 개발 오픈기 — 1. 이중 도메인에대한 접근 처리
국내 파트너센터 레포지토리 안에서 해외 파트너센터를 빠르게 오픈한 과정을 다루었습니다. Next.js Middleware와 `isOversea` 상태로 도메인과 화면을 분기해 유지보수성을 높였습니다.
#Next.js#Recoil
19005분
FE News 24년 12월 마지막 소식을 전해드립니다!
FE News 24년 12월 마지막 소식을 전해드립니다!
FE News 24년 12월 프런트엔드 소식을 정리한 큐레이션 글입니다. 설문 보고서, Web AI, Next.js self-hosting, 밋업 공개 소식을 담았습니다.
#Next.js#LLM
21005분
개발 속도와 품질 높이는 테스트 코드 도입 후기
프론트엔드 어드민 프로젝트에 테스트 코드를 소규모로 도입한 과정을 공유했습니다. 리팩토링 안정성과 개발 속도, 품질 보증 측면의 효과도 함께 정리했습니다.
#test#Jest
42005분
올리브영 서비스에 사용되는 컴포넌트를 모아놓은 그곳!
올리브영 서비스용 디자인 시스템을 Storybook과 Emotion으로 구축한 과정을 소개했습니다. 전역 스타일, 상태별 컴포넌트 문서화, 패키지 배포와 서비스 적용 방법을 다뤘습니다.
#React#TypeScript
32005분
기술 한 스푼으로 웹앱 사용자 경험 개선하기
웹앱 UX 개선을 위해 스켈레톤 UI, Vue Transition, Tanstack-Query를 적용한 사례를 소개했습니다. 상황에 따라 스피너와 페이드 효과를 병행하며 전환과 상태 관리를 단순화했습니다.
#UI/UX#Vue.js
26005분
웹 성능 측정 자동화 비법: Lighthouse CI와 CI/CD의 만남
Lighthouse CI를 CI/CD에 통합해 배포 후 웹 성능 측정을 자동화한 사례를 소개했습니다. 반복 측정, S3 저장, Slack 알림으로 성능 모니터링과 공유를 체계화했습니다.
#CI/CD#Lighthouse
32005분
Next.js 그만 쓰세요! 면접관이 진짜 원하는 것!? | 모닥불 EP.8
토스 면접관이 채용에서 보는 기준과 실질적인 팁을 공유했습니다. 기술 사용 경험보다 왜 그 기술을 선택했는지 설명하는 점을 강조했습니다.
#Next.js#채용
34005분
AI전화 watchOS 개발기 #1 (Custom Notification 만들기)
Apple Watch의 Notification 동작과 Long-look Interface 구현 과정을 정리했습니다. 알림 목적지 결정, Action 처리, 로그 수집 방법까지 살펴보았습니다.
#watchOS#SwiftUI
19005분
검색 서비스에서 좋은 품질의 코드를 찾는 은하수 항해 기록
검색 서비스 프런트엔드에서 검색 결과 UI를 큐레이션하는 경험을 공유했습니다. PC와 모바일 코드 통합, 리스팅과 컬렉션 구조를 중심으로 좋은 코드의 기준을 고민했습니다.
#UI/UX#React
13005분
선행을 정규 프로젝트로 성공시키는 방법
카테고리 홈의 지역 탐색 문제를 검색 기능과 모듈 개선으로 해결하고, UT와 A/B 테스트로 효과를 검증했습니다. 퍼소나와 유저 스토리, 프로토타입으로 근거를 쌓아 선행 프로젝트를 정규 프로젝트로 전환했습니다.
#UX/UX#AB 테스트
18005분