미리보기

건강검진 예약 플랫폼인 ‘착한의사’ B2C, B2B2C 프로덕트 프론트엔드 개발

• SEO 개선

  • 병원명 검색 시 1페이지 내 노출(색인된 페이지 200% 증가), 유입 트래픽 증가

  • CLS(Cumulative Layout Shift) 개선을 위한 스켈레톤 설정

  • 시맨틱 태그로의 리팩토링 및 UI에 표시되지 않는 h1 태그 설정

  • 캐노니컬 태그 설정으로 중복페이지 크롤링 빈도 낮춰, 중요 페이지에 크롤링 집중

• 적극적으로 UI/UX 개선 의견 제시 및 적용

  • 검색창 키보드 네비게이션, 로딩 처리 등 UX 최적화

  • a, button 태그와 aria-label, alt 속성 등을 수정 → 웹 접근성 및 UX 개선

  • 상품 리스트 필터를 URL과 연동하여 뒤로 가기 시, 필터 유지 기능 개선

• styled-components → Tailwind 마이그레이션

  • 빌드 타임 스타일 생성으로 성능 개선

웹 브라우저를 이용한 화상회의 솔루션 리모트미팅 프론트엔드 개발

• 웹접근성 개선

  • 시멘틱 구조로 코드 개선 및 키보드 동작 지원

• 렌더링 최적화

  • 사용하지 않는 상태를 구독 중인 커스텀훅 제거

  • useMemo, useCallback, React.memo를 활용한 불필요한 리렌더링 최소화

• 화상회의에 아바타 모드 개발

  • 아바타 로직을 모아두는 모듈을 개발하여 코드 응집도를 높이고 유지보수성 개선

  • 관련 기능을 단일 모듈로 관리하여 개발 생산성을 향상을 도모

• 기존의 NextJS SSG로 만들었던 블로그를 Gatsby로 이전

• 비정기적으로 글 작성

• 링크

• 여러 곡을 검색 후 담으면, 리스트에 기반한 곡을 추천해주는 서비스

• NextJS, Typescript, styled-components, React Query, Spotify API

• Spotify API를 이용한 노래 검색 및 추천곡, 최근 몇 개월 많이 들은 곡 제공

• 미디어쿼리 및 ThemeProvider를 이용한 반응형 웹 지원

• 링크