필터 0
선택된 필터 없음
선제적 장애 대응을 위한 Sentry 최적화 적용기
우아한 형제들
프론트엔드

선제적 장애 대응을 위한 Sentry 최적화 적용기

Sentry의 에러 수집 한도와 노이즈 문제를 줄이기 위해 로그를 고도화하고 필터링했습니다. Alert와 대응 프로세스까지 정비해 선제적 장애 탐지를 목표로 했습니다.

#Sentry#모니터링
58005분
NPM Library 를 직접 배포하여 오픈소스 개발자가 되어보는 경험
데보션
프론트엔드

NPM Library 를 직접 배포하여 오픈소스 개발자가 되어보는 경험

오픈소스에 기여하는 방법으로 직접 NPM 라이브러리를 만들어 배포하는 과정을 소개했습니다. React 컴포넌트 예시와 함께 npm publish, 버전 관리, 재배포 절차를 설명했습니다.

#NPM#React
140005분
왜 왓챠 웹은 Remix로 마이그레이션했을까?
watcha
프론트엔드

왜 왓챠 웹은 Remix로 마이그레이션했을까?

왓챠 웹이 기존 react + express 구조에서 Remix로 마이그레이션한 이유와 과정을 정리했습니다. 점진적 전환, 라우팅 분기, 컴포넌트 분리와 같은 운영 전략도 함께 공유했습니다.

#Remix#React
327005분
인도 유저들이 이해하는 금융 용어 (2)
밸런스히어로
프론트엔드

인도 유저들이 이해하는 금융 용어 (2)

인도 대출앱에서 금융·영어 문구가 유저에게 오해를 유발하는 사례를 정리했습니다. 쉬운 표현으로 바꾸고 A/B 테스트로 점진 개선하는 방향을 제안했습니다.

#UI/UX#금융
0005분
Playwright로 효율적인 FrontEnd 개발 시나리오 테스트하기
현대자동차그룹
프론트엔드

Playwright로 효율적인 FrontEnd 개발 시나리오 테스트하기

Playwright를 활용해 프론트엔드 개발 시나리오 테스트를 적용하는 내용을 다뤘습니다. 지난 글의 통합 테스트 개념을 실제 사례에 연결해 소개했습니다.

#Playwright#test
55005분
iOS 개발자를 위한 DocC 실무 튜토리얼
올리브영
프론트엔드

iOS 개발자를 위한 DocC 실무 튜토리얼

DocC를 활용한 iOS 문서화 실무 흐름과 배포 방법을 정리했습니다. 코드와 문서를 동기화해 협업 비용을 줄이는 효과도 소개했습니다.

#iOS#DocC
108005분
[Vue] motion 라이브러리로 더 나은 UX 제공하기
데보션
프론트엔드

[Vue] motion 라이브러리로 더 나은 UX 제공하기

Vue에서 motion-v를 사용해 다양한 UI 애니메이션을 선언적으로 구현하는 방법을 소개했습니다. Transition, IntersectionObserver, GSAP보다 간결하게 작성할 수 있는 사례를 함께 살펴보았습니다.

#Vue#UI/UX
272005분
React Native에서 타입 안전한 파일 기반 라우팅 구현하기
토스
프론트엔드

React Native에서 타입 안전한 파일 기반 라우팅 구현하기

Bedrock에서 파일 기반 라우팅의 타입 안전성을 높이는 방법을 소개했습니다. 선언 병합과 자동 타입 생성으로 파라미터 검증과 네비게이션 추론을 개선했습니다.

#React Native#TypeScript
202005분
프론트엔드 엔지니어가 AI로 완성한 n8n 랜딩 페이지 제작 후기 \:\ 기획, 디자인, 개발의 통합 경험
인포그랩
프론트엔드

프론트엔드 엔지니어가 AI로 완성한 n8n 랜딩 페이지 제작 후기 \:\ 기획, 디자인, 개발의 통합 경험

AI 도구를 활용해 n8n 랜딩 페이지를 기획부터 디자인, 개발까지 완성한 과정을 공유했습니다. 각 단계별 도구 활용법과 생산성을 높이는 실무 팁을 정리했습니다.

#Figma#Canva
6005분
프론트엔드 엔지니어가 AI로 완성한 n8n 랜딩 페이지 제작 후기 \:\ 기획, 디자인, 개발의 통합 경험
인포그랩
프론트엔드

프론트엔드 엔지니어가 AI로 완성한 n8n 랜딩 페이지 제작 후기 \:\ 기획, 디자인, 개발의 통합 경험

AI 도구를 활용해 n8n 랜딩 페이지를 기획, 디자인, 개발한 경험을 공유했습니다. 단계별로 도구를 분리해 사용하며 속도와 품질을 함께 높인 과정이 핵심입니다.

#Figma#Notion AI
167005분
나만의 Visual Studio Code Copilot 지침 만들고 활용하기
네이버 D2
프론트엔드

나만의 Visual Studio Code Copilot 지침 만들고 활용하기

VS Code Copilot에 커스텀 지침을 넣어 반복 프롬프트 없이 개인·프로젝트 규칙을 반영하는 방법을 소개했습니다.\n지침 파일과 프롬프트 파일을 활용해 코드 생성, 테스트, 커밋 메시지까지 일관되게 관리할 수 있었습니다.

#Visual Studio Code#GitHub Copilot
417005분
캐치테이블 지도 개발기(2편)
캐치테이블
프론트엔드

캐치테이블 지도 개발기(2편)

지도와 리스트를 하나의 화면에서 자연스럽게 전환하는 하이브리드 뷰를 도입한 과정을 다뤘습니다. 웹 뷰 성능 최적화로 사용자 수와 예약 완료 지표도 개선했습니다.

#검색#UI/UX
448005분