[Feat] todo list 만들기 - jeongorl #14
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
- localStorage에 있는 데이터 todoList 배열에 넣기 - submit 이벤트 리스너 발생 시 1. todoList 배열에 데이터 넣기 2. todo리스트 UI 추가하기 3. localStorage에 데이터 추가하기
1. 함수명 변경
- saveTodoList() → savesaveLocalStorage() : todoList 안의 데이터들을 로컬 스토리지에 넣기
- createTodoList() → createTodo() : deleteTodo(), saveTodo() 통일성을 위해 변경
2. 중복 코드 함수 처리
- createTodoItemElement 함수 추가
3. 이벤트 리스너 코드 리팩토링
- (e) ⇒ {실행 코드} / 명시적으로 이벤트 발생 시, 특정 코드와 함수가 실행되게 설정
- todoList : data에서 complete : boolean 추가 - UI : toggle() 이용하여 complete 클래스 추가 or 삭제 - e.stopPropagation() : 이벤트 리스너 부모 태그도 발생 하는 것 방지
- todoListContainer : box-shadow 추가 - modifyInput : border dashed 추가 - modifyInput : 최대 길이 30 추가 - todoListItemsWrapper : 텍스트 오버플로우시, ellipsis 적용
|
css의 변천을 즐겁게 보았습니다. 최종 결과물이 나아졌다고 생각합니다. |
|
항목 수정 시 버튼의 역할이 바뀌고, 수정 중에 취소가 되는 부분이 인상깊었습니다. |
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.
42gg 프론트엔드 온보딩 1단계
todo list 만들기