웹프론트엔드 관리자사이트 개발 및 백엔드 Api 개발

2022.10 ~ 2023.02

📈 기여도: 중

🔗  Link

Github Private 🔒

<aside> ⚠️

해당 프로젝트는 어드민 서비스이기 때문에 작업 사진을 공유 할 수 없습니다.

</aside>

🔮 서비스 내용 (관리자 사이트)

이케아에서 구매해온 상품을 네이버 스마트 스토어를 활용하여 가구 관련 판매를 진행하고 있으며 관리자 사이트에서는 각 상점들의 정보를 통합 및 분리하여 주문내역, 상품CRUD, 고객 응대,

상품 발송 현황 체크, 매출 확인 등등의 업무를 관리자가 확인할 수 있는 사이트입니다.

제공기능은 아래와 같습니다.

1. 이케아 사이트를 크롤링하여 이케아에서 구매한 영수증을 관리사이트에서 확인한다.
2. 스마트스토어에 등록된 상품을 조회,수정,삭제가 가능하다.
3. 고객들이 남긴 질의응답 처리할 수 있다.
4. 여러개의 상품을 한번에 수정할 수 있도록 엑셀을 업로드하여 다중처리가 가능하다.
5. 주문내역과 이케아 영수증을 계산하여 총 매출액, 반품액, 순수익을 확인할 수 있다.

🛠 기술 스택

• BE

  - Node Js
  - Express
  - Puppeteer
  

• FE

  - Angular
  - React,Next js(mobile)
  

👨‍💻 기여한역할

• BE

  API 개발 및 데이터 연동

  • 네이버 커머스 API를 활용하여 상품 관련 정보를 DB와 연동하고, 클라이언트에서 필요한 API 개발 담당
    1. 상품 문의 조회, 답변 작성 및 수정 기능을 제공하는 API 개발
    2. 상품 목록 조회, 상품 수정 및 삭제 기능을 위한 API 개발

• FE

  UI 개발 및 API 연동

  1. 상품 단일 수정 UI 개발 및 API 연동을 통해 사용자 편의성 향상
  2. 엑셀 업로드 방식을 활용한 다중 수정 기능 구현 (품절, 배송비, 가격 등 일괄 수정)
  3. 문의 내역 UI 작업 및 API 연동을 통해 관리자와 사용자의 효율적인 소통 지원

  모바일 페이지 개발

  • Next.js를 활용하여 모바일 최적화된 관리 페이지 개발, 관리자가 언제 어디서나 상품 수정 및 문의 처리가 가능하도록 UI 최적화

🦾 성장

• API 이슈 해결을 통해 발생한 이슈를 해결하며, 실제로 마주했던 문제를 단계적으로 극복할 수 있었습니다.
• 작업을 진행하면서 실제 매출액과 직결되는 서비스를 개발한다는 점에서 책임감과 함께 큰 보람을 느꼈습니다. 이 경험은 단순히 기술 구현을 넘어, 비즈니스 성과와 개발의 가치를 연결하는 중요한 기회를 제공했습니다. 이를 통해 기술이 비즈니스에 미치는 영향력을 깊이 깨달으며 더욱 몰입감과 자부심을 가지고 개발에 임할 수 있었습니다.