[AOS] Todo UI 기반 작업 #35
Closed
Conversation
This file contains hidden or 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
hanchang97
commented
Apr 6, 2022
hanchang97
commented
- AppBar
- figma 예시와 같게 AppBar 디자인 변경
- 우측 상단 아이콘 터치 시 NavigationDrawer 열리도록 구현
- NavigationDrawer
- drawer listener 등록
- 닫기 버튼 추가
- 리사이클러뷰 배치
- Todo UI
- 해야할 일, 하고 있는 일, 완료한 일을 LinearLayout을 통해 각 영역을 구분
- 각 영역에 맞는 텍스트, 배지, 추가 버튼과 목록을 나타낼 리사이클러 뷰 배치
- Android - AndroidStudio - IntelliJ+all - Java - MacOS - Windows
eve712
pushed a commit
that referenced
this pull request
Apr 10, 2022
* 카드 등록 - 새로운 카드 등록 기능 구현 (#29) * feat: todolist column과 task를 스크립트로 렌더링 list view와 task view를 클래스로 생성하고 db.json의 todolist를 하나의 배열로 묶음 * feat: column add button 칼럼의 추가버튼으로 등록카드 생성,삭제 기능 구현 * feat: task cancle button 등록카드의 취소버튼을 누르면 등록카드를 삭제하는 기능 구현 * refactor: 메인 렌더링 영역을 list에서 main으로 수정 entry point에서 mainInit의 parent를 list에서 main으로 리팩토링 * refactor: input event를 메인에서 task 모듈로 분리 입력창을 autoResize하는 이벤트를 task 모듈로 분리함 * rename: index.js * 카드 등록 - 새로운 카드 입력창 생성 기능 구현(1) (#32) * feat: 등록버튼 활성화 기능 구현 등록카드에 내용을 입력하면 등록버튼을 활성화, 입력할 수 있는 최대 글자수는 500자 * refactor: registration activation을 todoListStore에서 관리 activiation관리를 task에서 todoListStore로 변경 * 카드 이동 - 드래그앤드랍으로 카드 이동 구현(1) (#33) * design: task cursor 변경 * task -> grab * delete button -> pointer * feat: mousedown 시 copyTask 생성 기능 구현 * Task 에 mousedown 이벤트 발생 시 드래그 할 복사본 Task 요소를 생성하는 기능 구현 * feat: index에서 todoList render 후에 dragEvent 등록 기능 구현 * 카드 등록 기능 구현 된 로직에 dragEvent 설정 로직 병합 * 그 외 자잘한 수정 포함 * feat: task 요소 좌표 설정 기능 구현 * 클릭 이벤트가 발생한 좌표로 task 요소의 좌표를 설정하는 로직 구현 * feat: drag 기능 구현 * body에 mousemove 이벤트 등록해서 이벤트가 발생할때마다 해당 이벤트의 좌표로 task 요소를 이동되도록 구현 * feat: mouseup 이벤트 발생 시 드랍 & 복사 task 요소 삭제 기능 구현 * 복사한 task 요소에 mouseup 이벤트 설정 * Design: column task list height, hidden 클래스 추가 * Design: 잔상 처리용 클래스 blur 추가 * feat: drag and drop 기능 구현 * 선택 된 origin task item , 드래그 되고 있는 task item, 이동 된 task item 3개의 요소를 활용 * remove: todolistStore.js * rename: todolistStore -> todoListStore * 카드 이동 - 드래그앤드랍으로 카드 이동 구현(2) (#34) * design: task cursor 변경 * task -> grab * delete button -> pointer * feat: mousedown 시 copyTask 생성 기능 구현 * Task 에 mousedown 이벤트 발생 시 드래그 할 복사본 Task 요소를 생성하는 기능 구현 * feat: index에서 todoList render 후에 dragEvent 등록 기능 구현 * 카드 등록 기능 구현 된 로직에 dragEvent 설정 로직 병합 * 그 외 자잘한 수정 포함 * feat: task 요소 좌표 설정 기능 구현 * 클릭 이벤트가 발생한 좌표로 task 요소의 좌표를 설정하는 로직 구현 * feat: drag 기능 구현 * body에 mousemove 이벤트 등록해서 이벤트가 발생할때마다 해당 이벤트의 좌표로 task 요소를 이동되도록 구현 * feat: mouseup 이벤트 발생 시 드랍 & 복사 task 요소 삭제 기능 구현 * 복사한 task 요소에 mouseup 이벤트 설정 * Design: column task list height, hidden 클래스 추가 * Design: 잔상 처리용 클래스 blur 추가 * feat: drag and drop 기능 구현 * 선택 된 origin task item , 드래그 되고 있는 task item, 이동 된 task item 3개의 요소를 활용 * remove: todolistStore.js * rename: todolistStore -> todoListStore * feat: set drag and drop event * 카드 등록 - 새로운 카드 입력창 생성 기능 구현(2) (#35) * feat: 등록버튼 활성화 기능 구현 등록카드에 내용을 입력하면 등록버튼을 활성화, 입력할 수 있는 최대 글자수는 500자 * refactor: registration activation을 todoListStore에서 관리 activiation관리를 task에서 todoListStore로 변경 * 카드 등록 - 새로운 카드 입력창 생성 기능 구현(1) (#30) * [team-19] Todo-list 1주차 #1 코드리뷰 요청 (#32) * Update issue templates * docs: Update Readme Readme 1차 업데이트 * docs: Update Readme 기술 스택 추가 * Design: reset scss 적용 * HTML, CSS 작업 - Header, Sidebar (#11) * design: header HTML markup Related to: #8 * design: header css style Related to: #8 * design: sidebar HTML markup Related to: #8 * design: sidebar css style Related to: #8 * 메뉴 - 우측 히든 레이어 생성, 애니메이션 구현 (#12) * feat: sidebar 메뉴 버튼 사이드바 메뉴 버튼 클릭시 사이드바 숨김,보임 기능 구현 Related to: #10 * design: sidebar 애니메이션 왼쪽방향으로 나타나고 오른쪽 방향으로 숨겨지는 애니메이션 구현 Related to: #10 * 메뉴 - 우측 히든 레이어 생성, 애니메이션 구현 (#13) * feat: sidebar 메뉴 버튼 사이드바 메뉴 버튼 클릭시 사이드바 숨김,보임 기능 구현 Related to: #10 * design: sidebar 애니메이션 왼쪽방향으로 나타나고 오른쪽 방향으로 숨겨지는 애니메이션 구현 Related to: #10 * feat: action분리 action에 따라 sidebar 리스트의 comment를 다르게 출력함 Related to: #10 * feat: timestamp 기능 구현 현재 시간을 기준으로 투두리스트 작성 및 변경 시간을 보여주는 timestamp 구현 Related to: #10 * feat: 을/를, 으로/로 구분 단어의 마지막 글자 종성에 따라 모음을 다르게 렌더하는 기능 구현 Related to: #10 * HTML, CSS 작업 - Card List (#14) * design: main column list html markup Related to : #9 * move: svg file move to public/svg * 기존 public 에 있던 svg 파일을 svg 폴더 내로 이동 * icon-add.svg 파일 추가 Related to : #9 * Design: font mixin 함수 추가 Related to : #9 * design: column list scss style 작성 Related to: #9 * design: column task list scss style 작성 Related to: #9 * design: task commnet padding 을 margin 으로 변경 Related to: #9 * design: sccs convert to css Related to: #9 * fix: icon svg 파일 경로 수정 Related to: #9 * chore: 빌드환경구성 (#16) babel, webpack 적용 Related to: #15 * 메뉴 - 사용자 액션 리스트 구현 (#19) * feat: sidebar 액션 리스트 히든레이어 영역을 애니메이션 효과와 함께 숨김,보임 기능 구현 Related to: #17 * design: sidebar 액션리스트 애니메이션 Related to: #17 * move: package.json, gitignore * feat: sidebar 스크롤 기능 구현 액션리스트 기록이 많아지면 스크롤을 이용하여 다음 기록을 확인할 수 있음 Related to: #17 * design: 액션리스트 스크롤 구현 Related to: #17 * feature: json server 생성 및 db.json 추가 (#21) * json server 설치하고 db.json 에 필요한 데이터들을 추가함 Related to: #18 * HTML, CSS 작업 - Card (#22) * feat: todo-list 입력창 높이 자동 조절 todo-list를 입력하거나 지울 때 입력창의 높이를 자동으로 조절하는 기능 구현 Related to: #20 * design: column button hover color 칼럼 타이틀의 +,x 버튼을 hover할 때 버튼 색상 변경 Related to: #20 * design: 수정카드 디자인 구현 Related to: #20 * 리팩토링 - 1주차 리뷰 반영 (#24) * refactor: getFinalConsonant 매직넘버 제거 Related to: #23 * refactor: calcTimeForToday 함수 리팩토링 * 매직 넘버 제거 * DayDifference 식 수정 * 몇 년전 조건 추가 Related to: #23 * refactor: writeTime -> timeStamp Related to: #23 * refactor: identifyCategory 함수 리팩토링 * 구조 분해 할당 적용 Related to: #23 * refactor: svg 파일 경로 변수로 분리 * svg 파일 경로를 constants의 imagePath에 변수로 생성해서 관리하도록 변경 Related to: #23 * feat: fetchData 함수 구현 Related to: #23 * chore: bundle.js Related to: #23 * refactor: sidebar model 리팩토링 Related to: #23 * refactor: activationStore import 방식 변경 Related to: #23 Co-authored-by: Hemdi <[email protected]> Co-authored-by: Hemudi <[email protected]> * 카드 등록 - 새로운 카드 등록 기능 구현 (#29) * feat: todolist column과 task를 스크립트로 렌더링 list view와 task view를 클래스로 생성하고 db.json의 todolist를 하나의 배열로 묶음 * feat: column add button 칼럼의 추가버튼으로 등록카드 생성,삭제 기능 구현 * feat: task cancle button 등록카드의 취소버튼을 누르면 등록카드를 삭제하는 기능 구현 * refactor: 메인 렌더링 영역을 list에서 main으로 수정 entry point에서 mainInit의 parent를 list에서 main으로 리팩토링 * refactor: input event를 메인에서 task 모듈로 분리 입력창을 autoResize하는 이벤트를 task 모듈로 분리함 * rename: index.js * feat: 등록버튼 활성화 기능 구현 등록카드에 내용을 입력하면 등록버튼을 활성화, 입력할 수 있는 최대 글자수는 500자 * refactor: registration activation을 todoListStore에서 관리 activiation관리를 task에서 todoListStore로 변경 Co-authored-by: Hemdi <[email protected]> Co-authored-by: Hemudi <[email protected]> * Revert "카드 등록 - 새로운 카드 입력창 생성 기능 구현(1) (#30)" (#31) This reverts commit 7155f85. * merge develop2 * feature: +버튼으로 등록 카드 생성 등록 카드가 이미 생성된 상황에서 다른 탭을 누르면, 기존의 카드가 사라지고 해당 탭에 새로운 카드를 생성 * feature: task에 이벤트 등록 task 인스턴스를 생성할때 이벤트 등록 Co-authored-by: Hemdi <[email protected]> Co-authored-by: Hemudi <[email protected]> Co-authored-by: mogooee <[email protected]>
GangWoon
pushed a commit
that referenced
this pull request
Apr 14, 2022
[iOS] 2차 PR 피드백 반영 및 HistoryTable 작업 (진행 중)
kowoohyuk
pushed a commit
that referenced
this pull request
Apr 14, 2022
* feat: [#33] Header Template 추가 * feat: [#33] HeaderModel menu 상태 관련 메서드 추가 - menuStatus update 메서드 - menuStatus get 메서드 * feat: [#33] HeaderView render 기능 추가 * feat: [#33] HeaderView 이벤트 등록 메서드 추가 * feat: [#33] HeaderModel, HeaderView 생성하는 class Header 추가 * feat: [#33] menuBtn 클릭핸들러_menuStatus update하기 * feat: [#40] History Template 추가 * feat: [#40] HistoryView render 기능 추가 * feat: [#43] History closeBtn 이벤트 등록 * feat: [#43] History animation 기능 추가 * feat: [#33][#43] menuBtn, closeBtn 클릭핸들러, 히스토리 애니메이션 호출 * feat: [#43] HistoryView 생성하는 class History 추가 * feat: Controller, Header, History 인스턴스 생성 * fix: 기존 body 내부 요소 주석처리 * feat: [#34] alert창 기본 동작 구현 * refactor: utils폴더구조 수정 * fix: 인스턴스생성할 필요 없는 클래스 객체로 수정 - 수정하면서 생기는 render 문제 해결 * refactor: [#34] 템플릿리터럴 코드 분리 * fix: git 충돌 해결 * fix: [#36] 카드 write모드 스타일 수정 * feat: [#35] 컬럼 및 카드 템플릿 추가 * feat: [#36] 카드추가 버튼 클릭 후 카드박스 노출 기능 추가 * feat: [#36] 카드추가 기능 * feat: [#36] 카드추가 취소 기능 추가 * feat: [#39] 드래그앤 드롭 도착 잔상 및 맨끝에 추가 제외한 기본 기능 구현 * chore: 드래그기능과 카드추가기능 이벤트 충돌로 인한 주석 * feat: [#37] 카드수정 기능 추가 - 카드 write 모드 스타일 추가 - 수정기능 구현하면서 생기는 오류들 해결 * chore: 지우지 못한 주석 삭제 * feat: [#38] 카드 삭제 기능 구현 * fix: [#37] cardView의 remove 메서드 사용 * feat: [#38] 카드삭제 버튼 mouseover, mouseout이벤트 추가 Co-authored-by: khj <[email protected]> Co-authored-by: HongJungKim <[email protected]>
hwicode
pushed a commit
that referenced
this pull request
Apr 15, 2022
namse
pushed a commit
that referenced
this pull request
Apr 15, 2022
* Feat: 카드 등록 #21 (#35) * Design: 버튼 컴포넌트에서 focus도 hover와 같은 효과 주도록 변경 * Design: todo-item 컴포넌트의 border 기본값을 지정. border 기본값 : 1px solid transparent 마우스 이벤트에 따라 border가 추가되는 과정에서 레이아웃이 조금 변하는 현상을 없애기 위해 이벤트에 따라 border-color만 바꿔줌 * Refactor: db생성하는 함수 getDb로 분리 * Feat: 카드 삭제 버튼 하이라이트 추가 mouseover시 하이라이트 * Refactor: 카드 등록 로직 개선 * Feat: modal에 target element 설정 modal을 여는 경우 원인이 된 element 설정. modal을 닫는 경우 element값 null로 초기화 * Chore: 배포용 패키지 및 스크립트 추가 #36 (#37) * Feat: index.html의 css link를 main.scss의 url로 추가 * Chore: webpack 설정 변경, 패키지 추가 html-webpack-plugin, gh-pages패키지 추가 package.json에 배포용 스크립트 추가 * Fix: TodoColumns, TodoColumn init 메서드 변경 (#38) * Chore: dependency 이동 * Fix: TodoColumns, TodoColumn init 메서드 변경 forEach -> map으로 변경 * Design: drag and drop 위한 스타일 적용 (#40)
kowoohyuk
pushed a commit
that referenced
this pull request
Apr 16, 2022
* feat: [#33] Header Template 추가 * feat: [#33] HeaderModel menu 상태 관련 메서드 추가 - menuStatus update 메서드 - menuStatus get 메서드 * feat: [#33] HeaderView render 기능 추가 * feat: [#33] HeaderView 이벤트 등록 메서드 추가 * feat: [#33] HeaderModel, HeaderView 생성하는 class Header 추가 * feat: [#33] menuBtn 클릭핸들러_menuStatus update하기 * feat: [#40] History Template 추가 * feat: [#40] HistoryView render 기능 추가 * feat: [#43] History closeBtn 이벤트 등록 * feat: [#43] History animation 기능 추가 * feat: [#33][#43] menuBtn, closeBtn 클릭핸들러, 히스토리 애니메이션 호출 * feat: [#43] HistoryView 생성하는 class History 추가 * feat: Controller, Header, History 인스턴스 생성 * fix: 기존 body 내부 요소 주석처리 * feat: [#34] alert창 기본 동작 구현 * refactor: utils폴더구조 수정 * fix: 인스턴스생성할 필요 없는 클래스 객체로 수정 - 수정하면서 생기는 render 문제 해결 * refactor: [#34] 템플릿리터럴 코드 분리 * fix: git 충돌 해결 * fix: [#36] 카드 write모드 스타일 수정 * feat: [#35] 컬럼 및 카드 템플릿 추가 * feat: [#36] 카드추가 버튼 클릭 후 카드박스 노출 기능 추가 * feat: [#36] 카드추가 기능 * feat: [#36] 카드추가 취소 기능 추가 * feat: [#39] 드래그앤 드롭 도착 잔상 및 맨끝에 추가 제외한 기본 기능 구현 * chore: 드래그기능과 카드추가기능 이벤트 충돌로 인한 주석 * feat: [#37] 카드수정 기능 추가 - 카드 write 모드 스타일 추가 - 수정기능 구현하면서 생기는 오류들 해결 * chore: 지우지 못한 주석 삭제 * feat: [#38] 카드 삭제 기능 구현 * fix: [#37] cardView의 remove 메서드 사용 * feat: [#38] 카드삭제 버튼 mouseover, mouseout이벤트 추가 * feat: [#78] 초기 컬럼, 카드 서버요청 및 렌더 * refactor: 컬럼, 카드 id data속성으로 변경 * fix: Header updateStatus 수정 (리뷰 반영) * fix: column querySelector 수정 * fix: [#78] cardlist 렌더 li.start 추가 * feat: [#74] 카드 추가 요청 구현 * feat: [#74] 카드 삭제 요청 구현 * feat: [#74] 카드 수정 요청 구현 * chore: 불필요한 코드 삭제 * chore: 불필요한 주석 제거 * feat: [#78] 초기 히스토리렌더 기능 추가 * fix: [#78] 히스토리 fetch요청 reqest 함수 import하는 방식으로 변경 * feat: [#78] 히스토리 볼때 시간 업데이트 기능 추가 * fix: [#78] 컬럼 fetch요청 request import하여 사용으로 수정 * chore: [#78] 히스토리 내용 을(를) 수정 * feat: [#86] 카드 추가, 수정, 삭제시 히스토리에 반영 * chore: 주석 삭제 Co-authored-by: khj <[email protected]> Co-authored-by: HongJungKim <[email protected]>
guswns1659
pushed a commit
that referenced
this pull request
Apr 17, 2022
* docs: Swagger 를 통한 API 문서 자동화 적용 - Swagger, Springdoc 의존성 추가 - 각 Controller, DTO 에 문서화 어노테이션 추가 * docs: 불필요한 Swagger 설정 제거
snowjang24
pushed a commit
that referenced
this pull request
Apr 18, 2022
snowjang24
pushed a commit
that referenced
this pull request
Apr 18, 2022
snowjang24
pushed a commit
that referenced
this pull request
Apr 18, 2022
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
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.