류준열의 기술 블로그 | 개발자 류준열 이력서

안녕하세요 류준열입니다.

profile

Next(App router),Styled-components,Typescript,Tanstack-query,Jest

X-Factor는 IT 자산 관리 솔루션으로, 실시간 모니터링을 통해 취약점을 신속히 파악하고 조직 내 위협을 예측 및 적절한 조치를 제공합니다.

X-Factor 서비스 개발
- 해외 진출을 위한 다국어 기능 개발
- Cypress 기반의 테스트 코드 작성
- 서버컴포넌트와 prefetching 활용한 깜빡임 제거
  - 문제: 권한에 따라 안보이도록 처리한 UI가 default 값때문에 잠시 보였다가 사라지는 현상
  - 해결: 렌더링 전 Next 서버에서 prefetch하여 api response를 미리 캐싱하고, 렌더링되었을때는 캐싱된 값을 바로 렌더링하도록 함.
- TanStack Query의 query key 관리를 위한 factory 패턴 구축 및 시스템화
  - 문제: 개발자들끼리 query key 작성 규칙이 상이하여 캐싱되어야 하는 곳에 캐싱 되지 않고, 업데이트 되어야 하는 상황에 캐싱 됨
  - 해결: api params 기반의 query key factory 생성하여 모두가 같은 규칙하에 만들어진 query key를 사용하도록 함
- GitLab Runner 구축하여 정상 작동하는 코드만 딜리버리 되도록 함
- turborepo 기반의 모노레포 구축
사내 디자인 시스템 구축 참여
Storybook 도입
- 문제: 개발자와 디자이너가 서로 다른 화면을 보고 이야기 함
- 해결: Storybook 도입하여 개발자와 디자이너가 같은 화면을 보고 이야기 할 수 있도록 함
소통에 대한 공감대를 형성하여 주간회의 제안, 협업 효율성 증대에 기여
설계리뷰 제안하여 불필요한 작업, 작업누락 최소화

국내 1위 공간공유플랫폼 스페이스클라우드 UX개선 및 CS 업무 처리

부트캠프 유입단에서 지원자들이 선발되기까지의 여정을 관리하는 IT 제품을 개발했습니다.

Next(pages router),TypeScript,Zustand,Styled-Components,Storybook

6개의 부트캠프와 유관 사업 소개, 블로그로 이루어진 페이지입니다.

비즈니스 특성상 랜딩페이지가 자주 업데이트 되어야 했고 단순 텍스트, 이미지 교체를 위해 배포를 해야 하는일도 비일비재 했습니다. 이러한 문제를 해결하기 위해 Notion api기반의 CMS에서 데이터를 관리했고 Next.js로 SSR을 하였습니다.

React,TypeScript,Zustand,Scss,Tanstack-Query,Storybook,graphQL,Apollo

위 문제들을 해결하기 위해 만들어진 지원선발 시스템은 비즈니스 상황에 민첩하게 대응하는 것을 가능하게 하여 전환율 상승에 기여했습니다.

관광공사 API와 카카오맵을 이용하여 만든 위치기반 관광지 찾기 서비스입니다.
지도를 드래그하여 해당 위치 근처에 있는 관광지들을 빠르게 확인 할 수 있습니다.

hivillage