한끼밀 프로젝트
1.[한끼밀] 장바구니 페이지 - id에 대한 고민
🌈 Intro 장바구니 여러 페이지에서 데이터가 들어오고, 데이터를 보내주어야 하는 페이지이다. 장바구니 페이지의 데이터 흐름 다이어그램을 피그마로 만들어 보았다. 장바구니에서 데이터 보낼 때(노랑 -> 주황) 4가지 경우 모두 밀박스를 식별할 수 있는 id를 포
2.[한끼밀] 장바구니 페이지 - 데이터는 어디에 저장하지?
🌈 Intro 장바구니를 구현할 때 데이터를 어디에 저장해야 하는지 고민이 되었다. 우선, 한끼밀의 장바구니의 조건은 이러하다. 비로그인 사용자, 로그인 사용자 모두 장바구니에 상품을 담을 수 있다. 결제는 로그인 사용자만 가능하다. 비로그인 사용자가 로그인 할 때
3.[한끼밀-리팩토링] 설문조사 페이지 - map으로 중복 코드 줄이기
🌈 Intro 동일한 컴포넌트를 여러 번 나타내고 싶을 때, 같은 코드를 여러 번 작성하는 대신, map()으로 코드를 간결하게 작성할 수 있다. 리팩토링 전, 설문조사 페이지를 보면 ` 내부에서 `가 4번 반복되는 것을 볼 수 있다. map을 사용하기 위해 우
4.[한끼밀-오류 해결] non-serializable value 오류 해결하기(feat.Redux-Toolkit, Redux-Persist)
🔗 한끼밀 링크 http://www.hankkimeal.kro.kr 🌈 Intro Redux-Persist를 사용하기로 하면서, Redux-Toolkit에 Redux-Persist를 적용하는 방법을 찾아 보았다. Redux-Persist의 Github를 보면서 해봤지만 계속 뜨는 에러가 있었다. action에 직렬화할 수 없는 값이 감지되었습니다. ...
5.[한끼밀-리팩토링] 설문조사 페이지 - input이 3개이면 함수도 3개여야 할까?(feat.Redux-Toolkit)
🔗 한끼밀 링크 http://www.hankkimeal.kro.kr 🌈 Intro 아래 설문조사 페이지에는 3개의 ``이 있다. 설문조사 정보는 모아서 한꺼번에 서버로 보내야 하기 때문에 전역 상태로 관리한다. 리팩토링 전, 내 코드는 정말 단순하게 input이