미리보기

• 랠릿 FE

내비게이션 단말로부터 수신한 차량 궤적 데이터를 바탕으로 실시간 및 예측 속도 생성하여 경로 탐색에 활용할 수 있도록 유관 부서에 전달

• 조건에 따른 패턴 자동 변경 신규 프로세스 개발

• 가공 속도 병합 제공 기능 개발

즉석사진 포즈 추천 서비스
서비스 바로가기 / Github 바로가기

• 포즈 찜하기 기능 개발 중 Recoil 캐싱 문제를 해결하기 위해 React-Query 도입

  • 전체 포즈 리스트와 마이페이지 찜한 포즈 리스트에서 Recoil 캐싱으로 인한 비동기 상태 불일치 이슈 발생

  • 데이터 fetching 용 selector가 호출된 횟수를 기록하는 atom을 구독하도록 수정하는 방안을 고려했으나, 코드의 복잡성과 안정성등을 이유로 React-Query 도입 결정

• React18 useTransition 훅을 활용하여 찜하기 버튼 클릭시 컴포넌트 깜빡임 문제를 해결

  • 전체 포즈리스트에 찜하기 버튼을 표시하기 위해 사용자가 찜한 포즈 리스트 데이터를 불러오고 있어, 찜하기 버튼을 누르면 전체 포즈 리스트 컴포넌트가 깜빡이는 문제 발생

  • useTransition 훅을 이용한 동시성 렌더링으로 리렌더링 중에도 기존의 UI를 유지

• Google Analytics를 통한 유저 활동 분석 및 사용자 설문조사로 UI/UX 개선점을 도출하고, 실제 서비스에 반영하여 누적 방문자 3천명 달성

• PWA를 활용하여 안드로이드 앱 출시

공모주 청약 입문자 들이 증권사 계좌 개설 20일 제한 때문에 청약 기회를 놓치는 문제를 해결하기 위한 공모주 일정 및 계좌개설 안내 서비스
서비스 바로가기 / Github 바로가기

• 동일한 컴포넌트를 여러 페이지에서 사용하게 되면서 발생하는 상태관리 이슈를 해결

  • Detail 페이지에서 좋아요를 누르고 Home으로 이동한 경우 Home에서 반영되지 않는 문제

  • MyPage에서 좋아요 해제시 바로 관심 공모주 목록에서 사라지지 않게 해달라는 요구사항을 위해 좋아요 상태를 별도로 관리하게 되면서 발생한 버그

  • useEffect로 수신 데이터 변화시 상태 변경하도록 하여 해결

• 아이폰 사파리에서 100vh에 하단 검색창이 포함되는 문제 해결

  • window.innerHeight를 setProperty로 별도 변수에 저장하여 vh대신 사용

• 색상/폰트 및 컴포넌트에 대한 디자인 시스템 정의 후 Storybook으로 문서화

  • Component Driven Development로 전체 디자인 완성 전에 컴포넌트 개발을 먼저 진행하여 개발일정 준수에 도움

• Next.js를 활용한 서버 사이드 렌더링 경험

서비스 바로가기 / Github 바로가기

• 클래스 기반 컴포넌트 아키텍쳐, Diffing을 통한 렌더링 구현

  • render, mount 등 공통 기능을 가진 Component 클래스를 만든 후 상속받아 컴포넌트 구현

  • DOM노드의 tagName과 attribute가 변경된 경우에만 이전 DOM노드를 신규 노드로 교체

• History API를 이용한 라우팅 구현

• 단방향 데이터 바인딩 방식의 전역 상태 관리 구현

  • Redux와 유사하게 사용할 수 있도록 store를 만들어 reducer를 통해 상태를 변경하고, 상태가 변경될 때마다 구독한 함수들을 실행

• Webpack 번들링

  • SPA 구현을 위해 html 태그를 자바스크립트에서 문자열로 가지고 있는 불편함을 해소하기 위하여 각 컴포넌트의 템플릿을 copyPlugin으로 정적 파일 복사후 import해서 사용

  • SPA 구현시 특정 URL로 직접 이동시 404오류가 발생하여 webpack dev server의 historyApiFallback 활용

• Jest로 테스트코드 작성

질의 응답 방식으로 자바스크립트, 브라우저 기본 지식 학습
멘토 코드리뷰를 받으며 프로젝트 진행

강의와 과제를 통한 타입스크립트, 리액트 학습
테스트 코드 작성 연습
학습 내용 기반 데브노트 작성

코드리뷰 기반 동료학습 과제 수행
C/C++ 프로그래밍 및 컴퓨터 과학 지식 학습

Ruby on Rails, Django 스터디 및 해커톤 참여