feat: web front for mobile - Githubissues

boostcampaitech6 / level2-3-cv-finalproject-cv-01

level2-3-cv-finalproject-cv-01 created by GitHub Classroom

0 stars 1 forks source link

feat: web front for mobile #93

Closed Eddie-JUB closed 6 months ago

Eddie-JUB commented 6 months ago

Overview

모바일용 웹 프론트엔드 개발
Figma 디자인 링크: https://www.figma.com/file/cTBjBwBfKOETrbxLTes8rV/Front_v0.0?type=design&node-id=773%3A578&mode=design&t=POAwfpYiT57Vj1XZ-1
검색 자동완성 기능 추가
실시간 뉴스 반영 기능 추가

Change Log

기존 mock-up 버전에서 figma 기반 디자인 코드화 진행
v0.1에 추가된 검색 기능을 v1.0에 이식
검색어에 대한 뉴스 시각화 기능 추가
각종 npm dependency 추가
front 도커 3000번 사용으로 포트 충돌 발생하여 프론트 포트를 3001로 수정

To Reviewer

front 도커 사용 시 No space left on device] 에러 발생 방지를 위해 서버에서 다음 명령어 실행
```
echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p
```

사용방법:

rm -r node_modules
npm install
npm audit fix --force
npm run build
npm run dev

Issue Tags

Closed: #92
See also: #94 (뉴스기사 backend 부분)

MalMyeong commented 6 months ago

Change Log

주식 검색 및 자동완성 기능 추가
종목에 따른 뉴스 시각화

To Reviewer

설치 필요한 패키지
- npm i papaparse
- npm i react-select
- npm i react-ts-tradingview-widgets