Feat: 메인 기능 구현

[SuKyeong2002]

🚩 관련 이슈

• close Design: 메인 화면 디자인 #5

📋 구현 기능 명세

• 메인 3가지 기능 구현 (일일 출석, 보유 오브제 조회, 오브제 꾸미기)

📌 PR Point

• 메인 기능 구현을 위해 코드 변경

• 일일 출석/보유 오브제 조회 시 백엔드에서 데이터를 받아오기

• 오브제 변경 시 localStorage에서 objectStatuses에 대한 boolean값 활용

• 데이터 받을 때 .data 한 번 더 안 붙혀서 백엔드 오빠랑 고생함...

• 왜 .data를 한 번 더 붙여야 하지?

• ㄴ 내부 데이터 객체: 응답 객체의 data 속성 내에 실제 응답 데이터가 포함되므로

📸 결과물 스크린샷

🛠️ 테스트

• 일일 출석 (출석 버튼 클릭 시 날마다 마일리지 3점 획득)
• 일일 출석 (같은 날에 2번 클릭 시 이미 얻었다는 알림창 뜨도록 예외 처리)
• 보유 오브제 조회 (사용자가 보유한 오브제 리스트를 아이콘과 함께 조회)
• 오브제 꾸미기 (사용자가 보유한 오브제의 상태를 true/false 값으로 관리)

🚀 API Endpoint

• http://localhost:3000/
• http://localhost:3000/object
• http://localhost:3000/leftWall
• http://localhost:3000/furniture
• http://localhost:3000/sofa
• http://localhost:3000/rightWall
• http://localhost:3000/leftAccessory
• http://localhost:3000/sideTable
• http://localhost:3000/toy
• http://localhost:3000/rightAccessory
• http://localhost:3000/wallpaper
• http://localhost:3000/flooring
• http://localhost:3000/rug
• http://localhost:3000/gift

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
moodfriend	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 4, 2024 5:55pm