9/18 TIL

< 목차 >

1. 문벅스 메뉴관리 step 2
2. 회고

---

문벅스 메뉴관리 step 2

step1 요구사항

step1과 같이 요구사항들을 의사코드로 최대한 쪼개서 작성한다.

• TODO localStorage Read & Write

  • localStorage에 데이터를 저장한다.
  • 메뉴를 추가할 때
  • 메뉴를 수정할 때
  • 메뉴를 삭제할 때
  • localStorage의 데이터를 읽어온다.

• TODO 카테고리별 메뉴판 관리

  • 에스프레소 메뉴판 관리
  • 프라푸치노 메뉴판 관리
  • 블렌디드 메뉴판 관리
  • 티바나 메뉴판 관리
  • 디저트 메뉴판 관리
    
    

• TODO 페이지 접근시 최초 데이터 Read & Rendering

  • 페이지에 최초로 로딩될 때 localStroage에 에스프레소 메뉴를 읽어온다.
  • 에스프레소 메뉴를 페이지에 그려준다.

• TODO 품절 상태 관리

  • 품절상태를 보여줄 수 있게, 품절버튼을 추가한다.
  • sold-out class를 추가하여 상태를 변경한다.
  • 품절 클릭하면 localStroage에 상태값이 저장되게한다.
  • 클릭이벤트에서 가장 가까운 li태그의 class속성 값에 soldOut을 추가해준다.

---

2. 회고

어제 구현하였던 메뉴 작성이나 이벤트 구현은 비교적 쉬운편이여서 자신감이 생겼으나 오늘 상태관리에 대하여 공부를하니 급격히 자신감이 떨어졌다... 상태관리가 여러개의 컴포넌트들이 협력하는 구조로 만들어진 다음, 서로 데이터 공유하는거라는 것도 알게 되었고 매번 말하지만 100% 내것으로 습득한건 아니지만 막막했던 앞길이 조금은 걷히는 기분이다. 다시 내일부터 부트캠프에 집중하면서 막간을 이용하여 학습을 해야겠다.