개발자
류준열

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

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

프론트엔드 개발자가 없는 팀에 합류하여 제품 개발을 통한 고객사 확보, 개발 조직 확장, 조직 생산성 향상에 기여했습니다.

X-Factor

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

X-Factor는 IT 자산 관리 솔루션입니다. 주로 Tanium이라는 외부 솔루션을 이용했는데, Tanium은 대규모 디바이스의 정보를 수초내에 파악하고 제어할 수 있는 플랫폼이지만 다음과 같은 문제점이 있습니다.

1. UI/UX가 좋지 않아 시스템 엔지니어 외의 사람이 사용하기 불편
2. 수초,분 단위의 실시간 가시성 제어가 목적이라 DB저장을 하지 않고 캐시에 의존
3. 디바이스에 설치한 에이전트를 통해 작업이 이뤄지기 때문에 로컬리소스 부담 가능성이 있고 에이전트에 문제가 생기면 해당 디바이스는 사각지대가 된다.

이러한 문제점을 해결하기 위해 만들어진 제품이 X-Factor입니다. X-Factor는 유저친화적인 UI/UX와 함께 Tanium의 탁월한 기능을 제공하고, 히스토리를 자체 서버에 기록하며 특정 센서,패키지의 재실행을 가능하게 합니다. 또한 에이전트 의존성을 해결하기 위해 ssh통신을 통해 디바이스를 제어하는 에이전트리스 버전을 제공합니다.

한 일

• 컴포넌트 밖에서도 컴포넌트를 렌더링 할 수 있는 전역 유틸 패턴 도입
• Next.js의 빌드 시점 환경변수 주입 방식을 런타임에도 적용 가능하도록 개선하여, 고객사 배포시 외근인원과 본사인원이 메일로 빌드파일을 주고 받는 불편함 제거
• 개발환경에서 코드 저장 시 새로고침되는 이슈 해결하여 개발 경험 개선 (pnpm create mf-app 으로 만든 프로젝트의 webpack에서 발생)
• 서버컴포넌트와 prefetching 적극 활용하여 첫 렌더링 Layout Shift 제거
• 프리로딩(pre loading)을 통한 모달 내부 컨텐츠 렌더링 속도 향상
• 피그마 정보 이용한 Icon 컴포넌트 개발하여 svg 중복 생성 방지
• 스토리북 이용한 컴포넌트 기반 개발 도입
• 다국어 기능 개발 하여 해외 비즈니스 확장에 기여 (일본, 라오스)
• 팀 업무 프로세스 기반 마련

스페이스클라우드

국내 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/

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

한국어 받아쓰기 서비스

한국어를 배우는 외국인을 위해 만든 K-Youtube Shorts기반의 한국어 받아쓰기 서비스 입니다.

https://korean-dictation.wnsdufdl.com/

캘린다이어리

사랑하는 사람끼리 일기를 공유하는 서비스입니다.

https://calendiary.xyz/