[14기 팝콘] Step2 상태 관리로 메뉴 관리하기 #284
Open
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
STEP 1 구현을 마쳤습니다. 개인적으로 구현하면서 아쉬웠던 부분을 생각해보면, menu 추가시 수정 삭제를 위해 addEventListener를 등록 하는데, 메뉴 하나를 추가할때마다 모든 추가, 삭제 버튼의 eventListener를 다시 등록하도록 구현했습니다. => 개인적으로는 하나 추가할때마다 해당 수정, 삭제 버튼의 eventLIstener만을 추가하도록 하고 싶었는데 좋은 방법이 떠오르지 않았습니다. JavaScript 파일을 기능 마다 분리하여서 작성하고 싶었는데, 어떻게 나눌지 모르곘어서 index.js 파일 내에 모든 로직을 다 작성했습니다. 이부분은 차차 다시 생각해보고 수정해보고 싶습니다.
dhrod0325
reviewed
Jul 25, 2022
|
|
||
| const submitMenu = (event) => { | ||
| event.preventDefault(); | ||
| const keyword = $('#espresso-menu-name').value.trim(); |
There was a problem hiding this comment.
$('#espresso-menu-name') 선언이 중복되고 있는데 윗부분에 한번만 선언해도 되지 않을까요~? 😀
|
|
||
| const $menuName = $targetList.querySelector(".menu-name"); | ||
| let updatedMenu = prompt('메뉴명을 수정하세요.', $menuName.innerText) ?? ''; | ||
| updatedMenu = updatedMenu.trim().length > 0 ? updatedMenu : $menuName.innerText; |
There was a problem hiding this comment.
Suggested change
| updatedMenu = updatedMenu.trim().length > 0 ? updatedMenu : $menuName.innerText; | |
| if(updatedMenu.trim().length === 0){ | |
| return; | |
| } |
이렇게 변경해도 같은 동작을 하지 않을까요~? 지금은 변경되지 않아도 아래 로직이 동작하면서 안해도 되는 처리까지 진행되고 있는 것 같아용!😮
Comment on lines
+10
to
+14
| let menuItem = JSON.parse(localStorage.getItem("menu")); | ||
| if(!menuItem) { | ||
| menuItem = defaultMenuCategory | ||
| localStorage.menu = JSON.stringify(menuItem); | ||
| }; |
There was a problem hiding this comment.
Suggested change
| let menuItem = JSON.parse(localStorage.getItem("menu")); | |
| if(!menuItem) { | |
| menuItem = defaultMenuCategory | |
| localStorage.menu = JSON.stringify(menuItem); | |
| }; | |
| let menuItem = JSON.parse(localStorage.getItem("menu")) || defaultMenuCategory; | |
| localStorage.menu = JSON.stringify(menuItem); |
이렇게 변경해도 같은 동작을 할 것 같아요!
Comment on lines
+20
to
+22
| let savedMenus = JSON.parse(localStorage.getItem('menu')); | ||
| savedMenus[category].push({name : menu}); | ||
| localStorage.menu = JSON.stringify(savedMenus); |
There was a problem hiding this comment.
JSON.parse(localStorage.getItem('menu') 와 JSON.stringify 가 중복해서 여러번 호출되고 있는데 함수화 하면 어떨까요~? 😀
| const menu = fetchMenu(); | ||
| const targetItem = menu[currentCategory][index]; | ||
|
|
||
| let soldOut = !targetItem.hasOwnProperty('soldOut') ? true : targetItem.soldOut ? false : true; |
There was a problem hiding this comment.
개인적으로 3항연산자를 2중으로 쓰게 되면 코드 읽기가 어려워지는 것 같아요 ㅠ
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
🎯 step2 요구사항 - 상태 관리로 메뉴 관리하기
sold-outclass를 추가하여 상태를 변경한다.Step 2 구현 완료하였습니다.
아쉬운 부분이 많습니다. 가장 먼저 코드가 너무 뒤죽박죽이네요.. 차차 수정하도록 하겠습니다..