(24.04.02) 미니프로젝트 기획안 + 브레인스토밍

조건

• 기능 구현에 과도하게 집중하지 말 것
  • 정보를 보여주는 정도
• 어느정도 모양을 보일 수 있도록 할 것
• CSS 강의를 토대로 작성을 추천

CSS 강의 내용 정리

• 사이트 스타일 만들기
  • HTML CSS Bootstrap
  • Javascript
• 데이터 가져오기 Fetch
  • OpenAPI 써서 가져오기
• Firebase에 데이터 저장 및 가져오기

 

 

기획안

🍍비키니시티 들어가기(가제)

목적

• 새로운 사용자들의 zep과 같은 광장에 들어와서 자기 소개를 할 수 있는 정보 등록

효과

•  

기능요약

• 사용자의 닉네임 MBTI 자기 소개 입력 후 비키니시티라는 공간(게시판)에 등록
• MBTI 별로 스폰지밥 캐릭터 https://www.animecharactersdatabase.com/allchars.php?id=107544 의 아바타를 자동으로 설정해서 등록

기타사항

• 등록시, 닉네임/비밀번호/MBTI 무조건 입력
• 수정/삭제 시, 닉네임/비밀번호를 맞아야 가능
• CSS로 색조를 변경해서 같은 캐릭터라도 다르게 등록
• 날씨 API를 써서 날씨에 맞게 배경을 변할 수 있도록

참고사항

장점

• 강의에 나왔던 내용을 모두 활용하면 완성 가능할것으로 예상..(넷플릭스+갤러리)
• 제공된 미니프로젝트 샘플 https://www.youtube.com/watch?v=WePUUV0WK5k 을 밴치마킹!

단점

• CSS 강의 내용 전부 사용

 

🍨나아조, 나만의 아이스크림 조합 자랑하기(가제)

목적

• 배스킨 라빈스 아이스크림 조합을 사이트에 사용자가 등록하여 자랑하고, 아이스크림 관련 정보 및 조합 관련 정보 공유

효과

• 사용자가 여러개의 맛을 선택할 때, 서로 어울리는 맛을 추천받아 선택에 도움
• 배스킨 라빈스 아이스크림 맛에 대한 정보를 쉽게 서치

기능요약

• https://www.baskinrobbins.co.kr/menu/list.php?category=A 배스킨라빈스31 아이스크림 사이트에서 아이스크림 데이터 불러와서 사용자가 어떤 맛이 있는지, 관련 맛의 특징 파악
• 사용자만의 일반적인 콘 핸드팩 크기별( 더블라인2개, 파인트3개, 쿼터4개, 패밀리5개, 하프갤론6개 까지) 아이스크림 맛 조합 등록 가능
• 맘에드는 조합 좋아요 가능, 개수에 따라 Top 5(Top 3) 배너에 노출

기타사항

• 등록 시, 조합이름/닉네임/비밀번호를 무조건 입력
• 수정/삭제 시, 닉네임/비밀번호를 맞아야 가능
• 중복 맛 조합 데이터 등록 불가능

참고사항

장점

• API를 크게 안필요함
• 데이터를이리저리 넣거나 불러올 필요 없음(상대적으로)

단점

• 사전단계에선 복잡할 수 있음
• DB 구축을 해야하고 중복 피하기, 닉네임/비밀번호 맞추기 등의 살짝 머리아픈게 들어감
• FE에 정성이 들어갈 수 밖에 없음
  • 아이스크림 이미지 크기 등

---