이방원

스킬: javascript, React, AWS, html, css, typescript, SCSS, Tailwind CSS, Recoil, Next.js

1.스마트 팩토리( Frontend , 2023.11 ~ 진행 중) 공장에서 진행 되는 공정의 데이터를 dashboard를 UI로 시각화 -기존 1~2초 주기 API 폴링 방식으로 인해 불필요한 요청을 보냄. 이를 해결하기 위해 MQTT 프로토콜을 도입하여 데이터 발생 시에만 실시간 수신하는 구조로 변경. 또한 ApexCharts를 활용하여 초기 렌더링과 데이터 갱신을 분리하여 최적화를 진행. - 작업 생산성을 높이기 위해 Chart.js 기반 재사용 가능한 차트 컴포넌트를 개발. 차트 타입과 API 데이터만 주입하면 사용할 수 있도록 설계하고, 스타일 커스터마이징 기능을 추가하여 다양한 시각화 요구를 지원. 이를 통해 데이터 시각화 작업의 편의성과 개발 속도 향상에 기여. 2. PurPlay ( Frontend, 2023.08 ~ 진행 중) 국내 영화제를 모아 놓은 사이트. 리뉴얼 작업 참여. 서비스 사용자 페이지(19개)와 관리자 페이지(5개) 총 24개 페이지에 대해 반응형 퍼블리싱을 단독으로 진행함. 관리자 페이지는 MUI 기본 컴포넌트를 활용하여 빠르게 개발하고, 기본 레이아웃과 UI를 신속하게 구성함. 작업은 약 2개월 내에 완료하여 개발 일정 준수에 기여함. 3.토토 프로젝트 (Frontend, 2022.05 ~ 2022.12) 스포츠 토토 게임을 즐길 수 있는 사이트 개발. - 토토 판매점 위치 정보를 지도에 효과적으로 시각화하기 위해 Kakao Map API를 활용하여, API로 전달받은 토토 판매점 좌표만 필터링하여 마커로 시각화. 지도는 필요 시에만 동적 로딩되도록 설정하고, 이벤트 리스너를 통해 로딩 흐름 최적화. - 사용자가 이미지를 삽입하여 글을 작성할 수 있도록 React-Quill을 활용한 이미지 업로드 기능을 개발. 업로드 진행 중 로딩용 임시 이미지를 삽입하고, 완료 후 실제 이미지로 교체하여 사용자 경험(UX) 최적화 구현