개발자
류준열

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

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

문제와 목표를 정의한 후 문제 해결과 관련없는 코드 작성을 최소화합니다. 제품이 비즈니스 변화에 민첩하게 대응할 수 있도록 도메인이 반영된 코드를 작성합니다. 테스트코드를 작성하여 사이드 이펙트를 최소화합니다. 웹 성능 개선 경험이 있고 SSR,CSR에서 무엇을 고려해야 하는지 알고 있습니다.

감사합니다.

• 연락처: 010-2726-9663
• 이메일: ryu9663@naver.com
• 깃허브: https://github.com/ryu9663
• 블로그: https://www.wnsdufdl.com/

X-Factor-PMA

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

X-Factor는 IT 자산 관리 솔루션으로, 실시간 모니터링을 통해 취약점을 신속히 파악하고 조직 내 위협을 예측합니다. X-Factor-PMA는 배포 기능을 추가해 잠재 위험이 있는 IT 자산에 적절한 조치를 가능하게 합니다.

한 일

• X-Factor-PMA 서비스 개발
  • 해외 진출을 위한 다국어 기능 개발
  • 테스트 코드 작성
  • GitLab Runner 구축하여 정상 작동하는 코드만 딜리버리 되도록 함
• 디자인 시스템 구축 참여
• Storybook 도입
  • 문제: 개발자와 디자이너가 서로 다른 화면을 보고 이야기 함
  • 해결: Storybook 도입하여 개발자와 디자이너가 같은 화면을 보고 이야기 할 수 있도록 함
• 소통에 대한 공감대를 형성하여 주간회의 제안, 협업 효율성 증대에 기여
• 설계리뷰 도입하여 불필요한 작업, 작업누락 최소화

스페이스클라우드

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

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

랜딩페이지 (2022.01 ~ 2023.09)

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

Notion api를 이용한 랜딩페이지 관리

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

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

한 일

• 반응형, 크로스 브라우징을 고려한 주기적인 마크업
  • SSR에서 CSR로 전환되면서 발생하는 Layout Shift 제거
• 디자인 시스템 구축 참여, 유관부서와 소통비용 감소
• 유저트래킹 구축, A/B 테스트 진행

지원선발 시스템 (2022.04 ~ 2023.09)

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

문제 상황 및 해결

1. 타입폼에 의존하다보니 고객들의 데이터가 외부에 적재됨.
2. 타입폼에 문제가 발생할 경우 대응이 거의 불가능
3. 많은 기능들을 제공하긴 하지만 100% 회사에 필요한 것들이 아니었고 추가적인 개선이 불가능 했음.

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

한 일

• 기존 타입폼에 의존하던 지원 시스템을 자체 시스템으로 전환
• 스토리북 기반의 디자인 시스템 구축하여 소통비용 감소
• 마케팅 협업, 부트캠프 지원율 상승에 기여 (27% -> 45%)
• 링크 복사 기반의 친구 추천 서비스 구축

컴포넌트 라이브러리

• 깃허브 레포지토리
• 스토리북

하이빌리지

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

https://hivillage.wnsdufdl.com/

• 만든 이유, 겪었던 어려움 등등
• 깃허브 레포지토리