웹기반의 마스크 정보 제공 사이트 ( 마신사 )
기획배경
- 마스크 사이즈에 대한 표준 규격이 존재하지 않음
- 기존 서비스들은 해당 제품의 리뷰와 평점 정보 등만 제공
- 제품의 상세특징(사이즈, 착용감, 호흡 등)에 대한 통계적인 정보 부족
- 다양한 카테고리의 마스크 리뷰를 모두 파악하기 어려움
- 결론적으로, 소비자들의 구매 의사결정에 있어 많은 시간과 비용이 필요
목적
- 네이버스마트스토어의 마스크 리뷰 데이터를 수집 및 자연어처리(NLP)로 분석
- 제품의 상세특징에 대한 통계 데이터를 시각화(차트)하여 제공
- 다양한 카테고리의 마스크를 비교 및 확인 가능
- 링크를 통한 판매사이트 연결을 통하여 만족스러운 마스크 구매를 도움
역할 및 담당내용
- 프로트엔드 & 디자인
- 프로젝트 기획 및 기능 설계
- 웹 스크래핑 & 크롤링을 통한 데이터 수집 및 전처리
- Figma를 통한 웹사이트 초기 화면 구성 및 디자인
- RESTful API 이용한 서버 통신 및 데이터 수신
- React 컴포넌트 단위의 화면 설계 및 전체 화면 스타일링
- 동적 및 중첩 라우팅을 통한 페이지 구축
- 3rd party API(네이버 로그인 API) 활용한 기능 구현
프로젝트 진행 과정
- 주제 선정 -> 데이터 수집 -> BMC(Business Model Canvas) 설계 -> 유저 스토리 설계 -> 화면 구성 설계 -> 기능 정의서 작성 및 기술 스택 결정 -> API 명세서 작성 -> DB 설계 -> 개발진행(프론트엔드/백엔드/머신러닝 파트로 분담) -> 프로젝트 배포 및 보고서 작성
사용 기술 스택
- DB
- MySQL
- 전처리
- Python (Selenium)
- ML/DL
- KoNLPy
- 언어
- Java
- CSS
- HTML
- JavaScript
- Python
- 프레임워크
- React
- SpringBoot
- MyBatis
- Deploy
- GCP (SQL Server)
- Docker
- Tool
- Git
- Notion
- Slack
- PostMan
- Swagger
- Figma
- IDE
- VScode
- STS
- 3rd Party API
- 네이버 로그인 API
- 네이버 회원 프로필 조회 API