프론트엔드 개발자

정상일

효율적인 집중과 원활한 소통을 통해 즐겁게 개발하는 환경을 추구합니다. 내가 작성한 코드는 단순히 기능을 넘어 팀원들이 쉽게 이해하고 자연스럽게 이어갈 수 있는 구조를 지향합니다. 개발 중 떠오르는 아이디어는 주저 없이 공유하며, 다양한 관점을 통해 성장하는 것을 즐깁니다. 더 나은 사용자 경험(UX)과 개발자 경험(DX)을 만들어 가는 과정에서 팀과 함께 배우고 나누는 것을 소중히 여깁니다.

책임감

협업 지향

커뮤니케이션

긍정적

적응력

포트폴리오

Velog

<ul><li>문서 관리 시스템 개발<ul><li>마크다운 에디터 커스터마이징 및 문서 뷰어 기능 구현</li><li>문서 생성/수정 API 연동 및 데이터 관리 최적화</li><li>관리자용 문서 리스트 및 상세 페이지 개발</li></ul></li><li>양자 자원 관리 대시보드 구축<ul><li>리소스 리스트 및 필터링 기능 개발</li><li>자원 상태 표시 및 선택 기능을 포함한 인터랙티브 테이블 구현</li></ul></li><li>양자 작업 관리 시스템 개발<ul><li>작업 관리 화면 구축</li><li>작업 결과 히스토그램 및 데이터 다운로드 기능 추가</li></ul></li><li>기술스택<ul><li><code>React</code>, <code>Nextjs</code>, <code>TypeScript</code>, <code>Zustand</code>, <code>React-Query</code>, <code>React-Hook-Form</code>, <code>SCSS</code>, <code>HTML5</code>, <code>JavaScript</code>, <code>Tailwindcss</code></li></ul></li></ul>

퀀텀 컴퓨팅 클라우드(QCC)

<ul><li>전체 홈페이지 퍼블리싱<ul><li>홈페이지의 전체적인 구조 및 디자인을 초기부터 퍼블리싱하고 유지보수.</li><li>반응형 웹 설계를 통해 다양한 화면 크기에서 최적의 사용자 경험 제공.</li><li>주요 섹션(메인 페이지, 빈집 재생 프로세스, 언론 속 다자요, 다운로드 섹션 등) 퍼블리싱 및 스타일링.</li></ul></li><li>공지사항 및 사용자 편의 기능 개발<ul><li>공지사항 팝업 및 주주총회 관련 이미지 추가.</li><li>빈집 재생 프로세스 페이지의 레이아웃 및 스타일 개선.</li><li>이미지 모달 기능 개발 및 X 버튼 추가로 사용자 경험 개선.</li></ul></li><li>UI/UX 개선 작업<ul><li>메인 페이지와 슬로건 문구 변경 및 타이틀 폰트 업데이트.</li><li>반응형 레이아웃 수정 및 숙소 이미지 추가로 다양한 화면 크기 지원.</li><li>언론 속 다자요 페이지와 다운로드 링크 디자인 개선.</li></ul></li><li>다운로드 및 연결 기능 업데이트<ul><li>앱스토어 및 구글 플레이스토어 다운로드 링크 적용 및 테스트.</li><li>다자요 앱 다운로드 링크 재연결.</li></ul></li><li>퍼포먼스 최적화 및 디자인 정비<ul><li>CSS 스타일 수정 및 메인 컬러 변경 작업.</li><li>반응형 UI 최적화를 통해 다양한 디바이스에서 일관된 사용자 경험 제공.</li></ul></li></ul>

다자요(DAZAYO) 홈페이지

<ul><li>숙소 관리 시스템 개발 및 유지보수<ul><li>숙소 예약 타임라인 UI 및 예약 상세 페이지 개발</li><li>엑셀 다운로드, 검색 및 필터 기능 최적화</li></ul></li><li>쿠폰 및 포인트 관리 시스템 구축<ul><li>쿠폰 관리 API 연동 및 사용자 인터페이스 개발</li><li>포인트 관리 기능 개발</li></ul></li><li>숙소 에너지 관리 대시보드 개발<ul><li>통계 데이터 시각화 및 사용자 편의 기능 구현(엑셀 다운로드 등)</li></ul></li><li>공통 컴포넌트 개발<ul><li>React Query, Zustand 기반 상태 관리 및 공통 컴포넌트 개발</li></ul></li><li>기술 스택<ul><li><code>React</code>, <code>TypeScript</code>, <code>Zustand</code>, <code>React-Query</code>, <code>React-Hook-Form</code>, <code>SCSS</code>, <code>MUI</code></li></ul></li></ul>

다자요(DAZAYO) 관리자 화면

<ul><li>홈페이지 주요 페이지 개발<ul><li>인터배터리 소개 페이지 및 반응형 UI 개선.</li><li>NodeQ 및 스마트 허브 제품 소개 페이지 제작 및 번역 작업.</li><li>뉴스룸 및 자료실 페이지 기능 업데이트와 다국어 지원.</li><li>제품 상세 페이지에서 스크롤 탑 버튼 및 반응형 디자인 최적화.</li></ul></li><li>다국어 지원 및 글로벌 페이지 최적화<ul><li>i18next를 통한 다국어 지원 기능 구현(일문, 영문).</li><li>SEO 최적화작업.</li></ul></li><li>UI/UX 개선 및 퍼블리싱 작업<ul><li>스마트 허브 대시보드 및 맨홀 이미지 슬라이더 구현.</li><li>페이지 내 GNB(GLOBAL NAVIGATION BAR) 및 푸터 디자인 개선.</li><li>사용자 친화적인 인터랙션 요소(스크롤 모션, 슬라이더 등) 추가.</li></ul></li><li>기술 스택<ul><li><code>React</code>, <code>TypeScript</code>, <code>Styled-Components</code>,<code> SCSS</code>, <code>Swiper.js</code></li><li>SDT 홈페이지 - <a target="_blank" rel="noopener noreferrer nofollow" href="https://sdt.inc/">https://sdt.inc/</a></li></ul></li></ul>

SDT 홈페이지

팀원 • 프론트엔드 개발팀담당 업무<ul><li>대규모 문서 관리 시스템 및 관리자 페이지 개발: Markdown 기반 에디터 커스터마이징, 문서 리스트 및 상세 보기 구현</li><li>자원 관리 대시보드 개발: 필터링 기능이 포함된 리소스 리스트 및 인터랙티브 테이블 구현, 데이터 시각화 및 다운로드 기능 제공</li><li>예약 및 숙소 관리 시스템 개발: 예약 타임라인 UI, 숙소 상세 페이지 구축, 검색 및 필터 기능 최적화</li><li>포인트 및 쿠폰 관리 기능 개발: 쿠폰 및 포인트 API 연동, 사용자 인터페이스와 알림 기능 구현</li><li>공통 컴포넌트 개발: 상태 관리 및 데이터 처리 효율화를 위한 공통 모듈 설계 및 적용을 통한 효율적 개발환경 구축에 기여</li></ul>