CASE / 01
실무 · STORE
우잉 스토어
매장 운영자가 서비스와 매장 정보를 관리하는 운영 서비스입니다.
퍼블리싱 · 프론트엔드 개발사이트 이용에는 로그인이 필요합니다.
담당 범위
퍼블리싱
- 대기·호출 화면을 제외한 전체 페이지
프론트엔드 개발
- 내정보 조회 영역 전체
- 결제내역 조회
- 환불 계좌 관리
- 사업자 정보 관리
- 개인정보 수정
- 헤더 알림
- 내부에서 사용하는 재사용 컴포넌트
구현한 기능과 작업
- 결제내역의 기간·유형별 조회, 내역 테이블과 다운로드
- 환불 계좌의 신청 정보, 증빙 파일, 은행·계좌 정보 입력
- 사업자 정보 수정, 주소 검색과 증빙 파일 업로드
- 개인정보 수정, 비밀번호 변경과 이메일·휴대폰 인증
- 헤더의 미확인 알림 수, 알림 목록, 전체 읽음과 추가 조회
담당 기능을 보여주는 화면
현재 운영 화면을 담당 기능의 참고 자료로 보여줍니다. 직접 작업한 범위는 위에 정리했고, 개인정보는 가렸습니다.
같은 디자인 틀,
페이지마다 다른 구성
페이지마다 디자인 틀은 같지만 세부 구성이 달라 재사용 컴포넌트를 만들었습니다. 어느 페이지에서 사용해도 필요한 형태로 사용할 수 있게 만드는 데 신경 썼습니다.
- 제목과 설명
- 제목·설명과 가이드 버튼
- 제목·목록·강조 내용을 담는 안내문
- 테이블의 말줄임과 툴팁
실제 컴포넌트와 스타일 소스로 렌더링한 예시입니다. 테이블은 예시 데이터를 사용했습니다.
