인프콘 2024

꼼꼼함

긍정적

적응력

백도훈

<ul><li>기존 javascript 기반 계정정보/알림설정 페이지를 React 기반으로 개편</li></ul>

<ul><li><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.inflearn.com/conf/infcon-2024/mypage/">마이페이지</a> 개발</li><li><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.inflearn.com/conf/infcon-2024/share?year=2024&amp;id=1434646&amp;hash=dohun3182%40a8497ec1&amp;name=%EB%B0%B1%EB%8F%84%ED%9B%88">공유페이지</a> 개발</li></ul>

<ul><li>기존 javascript 기반 회원가입/로그인 페이지를 React 기반으로 개편</li></ul>

<ul><li>MY 로그 Empty 페이지 개발</li><li>MY 로그 FAB 버튼 추가</li></ul>

<ul><li>유틸 함수 테스트코드 작성</li><li>통계 로직 및 컴포넌트 구현</li><li>MSW를 이용한 API mocking</li><li>QA 시트를 직접 만들고 공유하여 개발 및 소통 비용 개선</li></ul>

맵차트개발<ul><li>d3 라이브러리를 활용해 지도 줌 기능 및 축척에 맞는 행정구역 렌더링 기능 구현</li><li>기존 svg 지도에서 zoom 이벤트 발생시 지도의 비율 조절을 할 때 매번 레이아웃이 발생 하는 문제를 canvas로 마이그레 이션 하여 성능 개선</li><li>매번 새롭게 path 계산해 canvas를 그리는 시간이 오래걸려 UX가 저하되는 문제를 Path2D를 이용해 이미 계산한 path 를 기억하도록 하여 성능 개선</li><li>위경도 좌표 • 브라우저 좌표 변환 로직 구현</li><li>줌 정보를 활용해 뷰포트 중앙 지역 판별 로직 구현 인터랙션 추가</li><li>범례 UX 개선</li></ul>네비게이터 기능 구현<ul><li>지도 이동 시 현재 뷰포트 중앙에 위치한 지역 체크 기능 구현 네비게이터와 지도간 인터랙션 추가</li></ul>선택 지역 상세 정보 차트 시각화<ul><li>차트 로직 및 축 계산 로직 구현 차트 관련 컴포넌트 공통화 </li></ul>

<ul><li>기획, 디자인, 개발, 배포 등 모든 과정 진행</li><li>차트 애니메이션 및 인터랙션 추가</li><li><a target="_blank" rel="noopener noreferrer nofollow" href="https://zuminternet.github.io/real-estate-data-visualization/">기술 블로그</a> 작성</li></ul>