Problem Solving

• Success :)

  • Failure :(

    • table로 캘린더를 직접 만들어서 저장된 데이터를 가져오려고 시도 했으나 실패
      -> JS FullCalendar 플러그인을 활용해 대체하였으나 CSS 작업의 한계가 있어 엉성한 레이아웃으로 완성
    • 소비기한 디데이 임박 시 폰트 색상이 변경되는 기능을 if 문으로 구현하려 했지만 실패
      -> css 우선순위도 확인해 보고, console을 통해 받아오는 데이터도 확인했지만 결국 원인을 찾지 못해 해결 실패
  • 보관 중인 식재료 목록을 새로고침 하면 등록했던 데이터가 초기화되는 문제 발생
    -> 로컬스토리지에 데이터를 저장하여 성공!
  • 초기 디자인에서 사용한 색감의 대비가 약하고, 전체적으로 통일성이 없어 컨셉이 명확하지 않았다는 피드백
    -> 메인 컬러의 채도를 높이고, 기존 작업했던 일러스트를 빼고 마그넷 컨셉으로 통일하여 디자인 확정!
  • 식재료 목록에서 식재료 삭제 버튼을 누르면 목록이 랜덤으로 삭제되는 문제
    -> uuid로 고유의 id값을 주어 삭제 이벤트 함수에서 선택한 아이템의 id를 찾아 실행하여 성공!
  • GitHub-Pages에 테스트 배포 시 이미지가 안 뜨는 문제 발생
    -> images 폴더가 절대 경로에 있었으나 src 경로 작성 시 /앞에 붙어있던 .을 빼서 해결!