AIAPPAWSBackendCultureDataDeep LearningDesignEducationGenAIInfraMachine LearningMLOpsNLPPMProgramming GeneralQA/TestingRoboticsSecurityWEBWeb Frontend딥러닝머신러닝우아한스터디우아한테크세미나우아한테크캠프
개발자 채용 뉴스레터 신청

우아한Tech에 문의하기

개발자 채용

5월.16.2025 harim.kim

타입 안전한 API 모킹으로 프론트엔드 생산성 높이기

프론트엔드 개발에서는 API 응답 모킹이 필수입니다. 그러나 JSON 파일 기반 모킹은 API 변경을 감지하기 어렵고, 렌더링 오류를 유발할 수 있습니다. 주문웹프론트개발팀(배달의민족 장바구니부터 결제 이후 화면까지의 주문 도메인 웹프론트 개발을 담당하는 팀)은 이 문제를 해결하기 위해 JSON 대신 TypeScript로 모킹 파일을 관리하는 방식을 도입했습니다. 이 문서에서는 그 배경, 방법, 개선 효과, 한계를 소개합니다. 1. 기존 JSON […]

6월.07.2024 harim.kim

Vite로 구버전 브라우저 지원하기

구버전 브라우저 지원의 필요성 배민앱의 장바구니는 웹뷰로 구현되어 있으며, 코어웹프론트개발팀은 React와 Vite를 활용하여 웹뷰 내부의 웹 애플리케이션을 개발하고 있습니다. 수많은 사용자가 지나가는 화면인 만큼, 프론트엔드 개발자가 해결해야 할 숙제도 다양합니다. 최근에는 구버전의 Safari와 Chrome 브라우저에서 화면 진입이 불가능한 문제가 발생했습니다. 구버전에서 지원하지 않는 문법이나 API를 사용하는 경우, 문법 에러나 타입 에러가 발생하고 사용자에게는 흰 화면만 […]

4월.24.2024 harim.kim

우리 팀을 위한 ESLint, Prettier 공유 컨피그 만들어보기

최종 코드 예제는 Github 예제 프로젝트에서 확인할 수 있습니다. 서론 ESLint와 Prettier는 JavaScript나 TypeScript의 코드 품질을 높이고 일관된 형식을 유지하는 데 자주 사용하는 도구입니다. ESLint를 사용하면 잠재적인 문제를 빠르게 확인할 수 있고, Prettier를 사용하면 코드 서식에 신경쓰지 않고 코드 작성에만 집중할 수 있어 편리합니다. 하지만, 매번 프로젝트를 생성할 때마다 ESLint/Prettier 등을 설정하는 작업은 꽤 번거롭습니다. […]

개인정보처리방침