미리보기

팀원 • 프론트엔드 개발팀

담당 업무

• 대규모 문서 관리 시스템 및 관리자 페이지 개발: Markdown 기반 에디터 커스터마이징, 문서 리스트 및 상세 보기 구현

• 자원 관리 대시보드 개발: 필터링 기능이 포함된 리소스 리스트 및 인터랙티브 테이블 구현, 데이터 시각화 및 다운로드 기능 제공

• 예약 및 숙소 관리 시스템 개발: 예약 타임라인 UI, 숙소 상세 페이지 구축, 검색 및 필터 기능 최적화

• 포인트 및 쿠폰 관리 기능 개발: 쿠폰 및 포인트 API 연동, 사용자 인터페이스와 알림 기능 구현

• 공통 컴포넌트 개발: 상태 관리 및 데이터 처리 효율화를 위한 공통 모듈 설계 및 적용을 통한 효율적 개발환경 구축에 기여

• 문서 관리 시스템 개발

  • 마크다운 에디터 커스터마이징 및 문서 뷰어 기능 구현

  • 문서 생성/수정 API 연동 및 데이터 관리 최적화

  • 관리자용 문서 리스트 및 상세 페이지 개발

• 양자 자원 관리 대시보드 구축

  • 리소스 리스트 및 필터링 기능 개발

  • 자원 상태 표시 및 선택 기능을 포함한 인터랙티브 테이블 구현

• 양자 작업 관리 시스템 개발

  • 작업 관리 화면 구축

  • 작업 결과 히스토그램 및 데이터 다운로드 기능 추가

• 기술스택

  • React, Nextjs, TypeScript, Zustand, React-Query, React-Hook-Form, SCSS, HTML5, JavaScript, Tailwindcss

• 전체 홈페이지 퍼블리싱

  • 홈페이지의 전체적인 구조 및 디자인을 초기부터 퍼블리싱하고 유지보수.

  • 반응형 웹 설계를 통해 다양한 화면 크기에서 최적의 사용자 경험 제공.

  • 주요 섹션(메인 페이지, 빈집 재생 프로세스, 언론 속 다자요, 다운로드 섹션 등) 퍼블리싱 및 스타일링.

• 공지사항 및 사용자 편의 기능 개발

  • 공지사항 팝업 및 주주총회 관련 이미지 추가.

  • 빈집 재생 프로세스 페이지의 레이아웃 및 스타일 개선.

  • 이미지 모달 기능 개발 및 X 버튼 추가로 사용자 경험 개선.

• UI/UX 개선 작업

  • 메인 페이지와 슬로건 문구 변경 및 타이틀 폰트 업데이트.

  • 반응형 레이아웃 수정 및 숙소 이미지 추가로 다양한 화면 크기 지원.

  • 언론 속 다자요 페이지와 다운로드 링크 디자인 개선.

• 다운로드 및 연결 기능 업데이트

  • 앱스토어 및 구글 플레이스토어 다운로드 링크 적용 및 테스트.

  • 다자요 앱 다운로드 링크 재연결.

• 퍼포먼스 최적화 및 디자인 정비

  • CSS 스타일 수정 및 메인 컬러 변경 작업.

  • 반응형 UI 최적화를 통해 다양한 디바이스에서 일관된 사용자 경험 제공.

• 숙소 관리 시스템 개발 및 유지보수

  • 숙소 예약 타임라인 UI 및 예약 상세 페이지 개발

  • 엑셀 다운로드, 검색 및 필터 기능 최적화

• 쿠폰 및 포인트 관리 시스템 구축

  • 쿠폰 관리 API 연동 및 사용자 인터페이스 개발

  • 포인트 관리 기능 개발

• 숙소 에너지 관리 대시보드 개발

  • 통계 데이터 시각화 및 사용자 편의 기능 구현(엑셀 다운로드 등)

• 공통 컴포넌트 개발

  • React Query, Zustand 기반 상태 관리 및 공통 컴포넌트 개발

• 기술 스택

  • React, TypeScript, Zustand, React-Query, React-Hook-Form, SCSS, MUI

• 홈페이지 주요 페이지 개발

  • 인터배터리 소개 페이지 및 반응형 UI 개선.

  • NodeQ 및 스마트 허브 제품 소개 페이지 제작 및 번역 작업.

  • 뉴스룸 및 자료실 페이지 기능 업데이트와 다국어 지원.

  • 제품 상세 페이지에서 스크롤 탑 버튼 및 반응형 디자인 최적화.

• 다국어 지원 및 글로벌 페이지 최적화

  • i18next를 통한 다국어 지원 기능 구현(일문, 영문).

  • SEO 최적화작업.

• UI/UX 개선 및 퍼블리싱 작업

  • 스마트 허브 대시보드 및 맨홀 이미지 슬라이더 구현.

  • 페이지 내 GNB(GLOBAL NAVIGATION BAR) 및 푸터 디자인 개선.

  • 사용자 친화적인 인터랙션 요소(스크롤 모션, 슬라이더 등) 추가.

• 기술 스택

  • React, TypeScript, Styled-Components, SCSS, Swiper.js

  • SDT 홈페이지 - https://sdt.inc/