쏘카플랜 개편기
쏘카플랜 개편 과정에서 프론트엔드 일정 추정과 QA 대응, 레거시 개선 경험을 정리했습니다. 코로케이션과 WET 원칙으로 복잡한 화면과 도메인 로직을 단계적으로 분리했습니다.
#React#Next.js
37005분
필터 1
기술 문서 사이트로 Docusaurus 활용하기
기술 문서 사이트용 팀 공용 SSG로 Docusaurus를 선정한 이유와 기준을 정리했습니다. 줄 바꿈 테이블, 용어집, API 문서화를 커스터마이징한 사례도 소개했습니다.
#Docusaurus#SSG
24005분
더 가치 있는 공통 컴포넌트 만들기
공통 컴포넌트를 단순히 재사용용으로만 보지 않고 역할과 확장 규칙을 함께 설계하는 방법을 다뤘습니다. 또한 네이티브 요소, controlled/uncontrolled, forwardRef, 접근성까지 고려해 실용성을 높이는 방향을 제안했습니다.
#React#TypeScript
45005분
쏘카의 웹 팀에 관하여
쏘카 웹 팀의 역할과 협업 방식, 온보딩과 배포 프로세스를 소개한 글입니다. React 중심의 웹뷰 개발과 기술 도입 방식도 함께 정리했습니다.
#React#Next.js
26005분
Syrup 모바일 웹 속도 개선기: WebFlux, SSE, 그리고 Next.js
Syrup 모바일 웹의 응답 속도를 개선하기 위해 WebFlux, SSE, Next.js를 적용했습니다. 그 결과 API 요청과 응답 지연을 줄이고 초기 로딩 속도도 향상했습니다.
#WebFlux#SSE
30005분
Syrup 모바일 웹 개선 사례
Syrup 모바일 웹의 느린 응답 문제를 해결하기 위해 웹 게이트웨이를 WebFlux와 SSE 중심으로 개편했습니다. 또한 Next.js의 SSG를 적용해 초기 로딩과 운영 효율을 함께 개선했습니다.
#WebFlux#Server Sent Events
31005분
Velopers 추천광고
쿠팡 파트너스
개발자를 위한 인기 상품을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발자#노트북#컴퓨터
FE 리더가 되어버린 나, 이대로 괜찮은가?: 시니어 개발자인 내가 주니어 매니저가 되어 버린 건에 대하여
X
#React
9005분
리뷰기반 맛집 추천 서비스 만들기 with GPT-4
GPT-4와 ada embeddings로 리뷰 기반 맛집 추천 서비스를 구현한 과정을 정리한 글입니다. 검색 정확도 문제를 겪으며 벡터 검색과 리뷰 데이터의 한계도 함께 살펴보았습니다.
#GPT-4#OpenAI API
38005분
CSR 환경에서 Suspense로 발생한 문제 해결하고 성능 개선하기
react-router-dom 기반 CSR 환경에서 Suspense 사용 시 발생한 순차적 API 호출 문제를 프리패칭으로 개선한 사례입니다. 데이터 대기 구간을 줄여 렌더링 흐름과 성능을 높인 경험을 공유했습니다.
#React#CSR
22005분
GraphQL
GraphQL의 개념과 REST 대비 장점을 설명하고, Spring for GraphQL과 Apollo Client 연동 예시를 함께 정리했습니다.\n필요한 데이터만 주고받는 API 설계에 유리하지만, 스키마를 공통 관리해야 하는 점도 함께 짚었습니다.
#GraphQL#REST API
25005분
W CARE 서비스 프론트엔드를 TDD로 개발해본 후기
W CARE 프론트엔드의 복잡한 월경 이벤트 판별 로직을 TDD로 개발한 사례를 소개했습니다. 경계값 테스트와 관심사 분리로 신뢰성과 유지보수성을 높였습니다.
#TDD#React
24005분
useInfiniteQuery로 무한스크롤 구현하기
무한스크롤은 `useInfiniteQuery`와 `useInView`로 구현했습니다. 뒤로가기는 세션 스토리지와 QueryClient 캐시로 상품 목록과 스크롤을 복원했습니다.
#Next.js#React
45005분