Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Checklist
sold-out
class를 추가하여 상태를 변경한다.Description
function
형태로 선언되었던App
을class
로 변환MenuItem
을App
의 상태에 따라 렌더하도록 변경MenuItem
품절 속성 추가Additional
App
에서render
method를 호출할 때menuList
의 모든children
을replaceChildren
으로 교체하는데, 일부분만 수정이 필요한 경우 어떻게 최적화를 진행할 수 있을까App.js
에 집중되는 중menuForm
,menuList
,menuCount
,categoryTitle
element 등을 별도의 컴포넌트로 선언함으로써 책임을 분리하는 방향으로 진행하는게 좋을 듯Demo
https://pers0n4.github.io/moonbucks-menu/