Skip to content

Conversation

street62
Copy link

@street62 street62 commented Apr 6, 2022

안녕하세요. 16팀의 Heyho, Lee입니다.

저희는 아직 코드로 구현한 사항은 없고요. EC2에 설치한 MySQL을 연결하고, DB와 API 구조에 대해서 논의한 부분들을 정리해 보았습니다. 읽어보시고 피드백 주시면 감사하겠습니다!

MySQL 연결 시 id, password 등의 정보는 application.properties가 아닌, application-aws.properties 파일에 작성해 include하는 식으로 작성하려고 합니다.

질문사항

  1. user_action_history는 테이블 명은 user에 관한 것인데, 컬럼에는 user와 관련된 컬럼(id, action_type)과 해당 유저가 액션을 통해 변경한 task와 관련된 컬럼(before_status, after_status, title, created_at)이 섞여 있어서 각 컬럼이 테이블명과 직관적으로 매치되지 않는 것 같습니다. 조금 더 포괄적인 테이블 명이나, 의미가 명확한 컬럼명을 지으려면 어떻게 하면 좋을까요?

image

DB 구조

회원 관리

회원 API // 회원가입, 로그인, 로그아웃

  • 회원 저장 정보는 [id, nickname, password]

회원 활동 기록

회원 활동 기록 API // 특정한 회원의 활동 목록

  • 회원 활동 기록 저장 정보는 [id, actionType, beforeStatus, afterStatus, title, createAt] <------------ 추가 논의 필요
  • 회원 활동 기록은 TO-DO 글을 등록, 삭제, 내용 변경, 상태 변경을 하는 경우 발생한다.

### actionType : add, remove, update, move

  1. add, history에 등록하는 글의 afterStatus, title, action_type, createAt을 기록
  • 해야할 일(afterStatus)에 HTML/CSS공부하기(title)를 등록(action_type) 하였습니다.
  1. remove, history에 삭제하는 글의 beforeStatus, title, action_type, createAt을 기록
  • 해야할 일(beforeStatus)의 HTML/CSS공부하기(title)를 삭제(action_type) 하였습니다.
  1. update, <------------ 추가 논의 필요
  • ~에 ~를 ~했습니다.(?)
  1. move, history에 상태를 변경하는 글의 title, beforeStatus, afterStatus, action_type, createAt을 기록
  • HTML/CSS공부하기(title)를 해야할 일(beforeStatus)에서 하고 있는 일(afterStatus)로 이동(action_type) 하였습니다.

DO_LIST 관리

DO_LIST API // 전체 목록 호출, 등록, 삭제, 내용 변경, 상태 변경

  • DO_LIST 저장 정보는 [idx, title, content, author, status, createAt]
  • 각 API를 호출할 때 마다 사용자의 활동 로그를 DB에 기록하기.
  1. content 글자수 제한은 500자 이내, title 글자 수는 아직 미정.
  2. 글을 등록, 삭제, 수정, 상태를 변경할 때 매 번 전체 목록 요청을 하지 않고 각 action 결과에 따라 view 단에서 변경 되게끔 처리
  3. 조회 요청 시 TO-DO 글 목록을 한번에 json 형식으로 key값에 상태 코드, value값에 각각의 목록을 담은 배열을 보내기.
    ㄴ 배열은 글 작성시간 기준으로 내림차순(최신 글이 앞쪽으로) 정렬해서 보내주기.

아래는 목록 조회 요청 시 전송할 json 데이터의 예시

{
    "status": {
        "todo": [
            {
                "idx" : "1",
                "title": "제목1",
                "content": "해야할 작업..1",
                "author": "apple",
                "createAt": "2011-08-21 14:11:09(형태 미정)"
            },
            {
                "idx" : "2",
                "title": "제목2",
                "content": "해야할 작업..2",
                "author": "grape",
                "createAt": "2011-08-21 14:11:09(형태 미정)"
            }
        ],
        "doing": [
            {
                "idx" : "4",
                "title": "제목1",
                "content": "진행중인 작업..1",
                "author": "banana",
                "createAt": "2011-08-21 14:11:09(형태 미정)"
            }
        ],
        "done": [
            {
                "idx" : "3",
                "title": "제목1",
                "content": "완료한 작업..1",
                "author": "kiwi",
                "createAt": "2011-08-21 14:11:09(형태 미정)"
            },
            {
                "idx" : "5",
                "title": "제목2",
                "content": "완료한 작업..2",
                "author": "pear",
                "createAt": "2011-08-21 14:11:09(형태 미정)"
            }
        ]
    }
}

@AhnSangHee AhnSangHee added the review-BE Improvements or additions to documentation label Apr 6, 2022
@AhnSangHee AhnSangHee requested a review from wheejuni April 6, 2022 08:43
@wheejuni
Copy link

wheejuni commented Apr 7, 2022

리뷰가 조금 늦어지고 있네요.. 곧 해드릴게요!

@wheejuni
Copy link

wheejuni commented Apr 7, 2022

우선 질문에 대한 답변을 드리자면.... 이게 칼럼명 변경이나 포괄적인 테이블명으로 해결이 가능할까요? 전 그렇게 생각되지 않는데요...
테이블이 하나 더 나와야 하는 것 아닐까요? 어떻게 생각하세요?

Copy link

@wheejuni wheejuni left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

수고 많으셨습니다. 어째선가 변경분량은 다 모바일 코드군여
일단 제 답변에 대해 충분히 수긍하실때까지 머지는 미뤄둘게요~

@@ -0,0 +1,11 @@
{
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

BE PR인데 모바일측 코드가 섞였군요.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

저희가 팀에서 branch 관리하기로 정했던 방식을 제대로 이해하지 못해서 ios팀의 변경 된 코드만 올라간 것 같습니다. BE팀은 추가 된 코드가 DB 연결 정도밖에 없어서, 코드 반영 없이 질문만 드리고 싶어서 변경 사항이 없다고 생각한 team-16 브랜치를 upstream 저장소의 team-16 브랜치로 PR 요청을 날렸었습니다.


import UIKit

class SceneDelegate: UIResponder, UIWindowSceneDelegate {
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

오 오랜만에 보네요 SceneDelegate
AppDelegate 도 기대해도 되겠습니까? ㅋㅋ

import UIKit

@main
class AppDelegate: UIResponder, UIApplicationDelegate {
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

아 여기 있군요 ㅋㅋㅋ

@dongkyu-park
Copy link

죄송합니다.. comment를 남기려다가 실수로 PR을 닫아버렸네요😱

@dongkyu-park
Copy link

우선 질문에 대한 답변을 드리자면.... 이게 칼럼명 변경이나 포괄적인 테이블명으로 해결이 가능할까요? 전 그렇게 생각되지 않는데요... 테이블이 하나 더 나와야 하는 것 아닐까요? 어떻게 생각하세요?

리뷰 해주신 내용으로, 테이블 구조에 대해 고민을 해봤습니다.

image

위와 같은 형태로 분리를 시도해 보았다가, 이게 괜찮은 구조인가? 에 대해 Lee와 함께 고민해 보았습니다. task의 데이터가 변경되는 것은 사용자가 행한 action에 의해 데이터가 1:1 매칭으로 생성이 되는데, 회원 활동 이력이라는 범주가 필요한 것인가에 대한 의문이 들었습니다.

실제로 로깅에 필요한 핵심이 되는 데이터는 task의 변경 로그 데이터인데 너무 사용자의 로그를 기록해야 한다는 것에 초점이 맞춰져 있었다는 생각이 들었습니다.

image

그래서 관점을 바꿔 위와 같이 task의 변경 이력을 남기는 테이블을 만들고, 변경자와 변경의 종류를 넣어서, 사용자의 활동 이력을 조회할 때 사용자를 쿼리 조건으로 걸어 해당 사용자가 task를 변경 시킨 이력을 반환하는 형식으로 가는 것이 어떨까는 결론이 나와 방향을 바꿔 보았습니다.

SangHwi-Back added a commit that referenced this pull request Apr 8, 2022
[Refactor] feature-1 에 대한 리뷰사항 반영
@wheejuni
Copy link

@street62 네 좋습니다. 저도 이런 방향의 설계를 기대한 것이기는 합니다. 좋습니다~

wooody92 pushed a commit that referenced this pull request Apr 10, 2022
wooody92 pushed a commit that referenced this pull request Apr 10, 2022
wooody92 pushed a commit that referenced this pull request Apr 10, 2022
wooody92 pushed a commit that referenced this pull request Apr 10, 2022
wooody92 pushed a commit that referenced this pull request Apr 10, 2022
Hyune-c pushed a commit that referenced this pull request Apr 10, 2022
* feat: 클라이언트의 GET /api/todos/{id} 요청 시 {id}에 해당하는 Todo를 응답한다.

- MVC패턴에 따라 Controller - Service - Repository 구현
- 각 계층에 대한 테스트 코드 작성

- Issues #16

Co-authored-by: donggi-lee-bit <[email protected]>

* feat: 클라이언트의 GET /api/todos/{id} {id}에 해당하는 Todo 가 없는 경우 404를 응답한다

- 해당하는 id가 db에 없는 경우 서비스 계층에서 NoSuchTodoFoundException 을 던지도록 구현
- 각 계층에 대한 테스트 코드 작성

- Closes #16

Co-authored-by: donggi-lee-bit <[email protected]>

* style: Test Code 가독성을 위해 @DisplayName 추가

Co-authored-by: donggi-lee-bit <[email protected]>
guswns1659 pushed a commit that referenced this pull request Apr 10, 2022
[후] 카드(할 일) 도메인 변경사항 반영
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]>
piggyse pushed a commit that referenced this pull request Apr 11, 2022
Content
- weak reference & 접근 제한자 수정
- Notification center 수정

Todo
- Custom DataSource / Delegate 사용하여 ViewController 의 역할 줄이기
- 선언과 동시에 초기화하는 방법 에서 initialize 를 사용하면 어떤이점이 있는지 학습 후 적용해보기
- PropagateData() 메소드 간결화 시키기
- getResponse() , postResponse() 의 겹치는 코드를 EndPoint 를 활용하여 간결화 시기키
piggyse added a commit that referenced this pull request Apr 11, 2022
contents
- EndpointCase var 변수 최대한 없애도록 리팩토링
- NetworkManger get, post 메소드 request메소드로 통일

Todo
- Mock데이터를 이용한 유닛테스트 작성
piggyse added a commit that referenced this pull request Apr 11, 2022
contents
- 기본 값을 가지고 있던 것에서 init할때 session을 정하도록 변경.
piggyse added a commit that referenced this pull request Apr 11, 2022
content
- NetworkManager 옵셔널 값으로 설정 후 사용하는 함수 에서 Session을
  주입하는 방식으로 변경
piggyse pushed a commit that referenced this pull request Apr 11, 2022
Content
- BoardTableViewDataSource 구현

Todo
- Custom Delegation 구현
jaypedia pushed a commit that referenced this pull request Apr 13, 2022
piggyse pushed a commit that referenced this pull request Apr 13, 2022
Content
- Generic tableView 구현

Todo
- Log table View 구현
- header layout 수정
snowjang24 pushed a commit that referenced this pull request Apr 13, 2022
guswns1659 pushed a commit that referenced this pull request Apr 14, 2022
* build: mysql-connector 의존성 추가

* feat: 배포용 mysql 프로파일 추가
GangWoon pushed a commit that referenced this pull request Apr 14, 2022
[iOS] 2차 PR 피드백 반영
eve712 pushed a commit that referenced this pull request Apr 14, 2022
* 카드 등록 - 새로운 카드 입력창 생성 기능 구현 (#36)

* feature: 등록버튼을 누르면 새로운 카드, 카드 개수 렌더링
등록카드의 등록버튼으로 리스트에 새로운 카드를 추가하고 리스트의 카드 개수를 렌더링한다.

* rename: todolistStore.js->todoListStore.js

* feat: 새로운 카드 데이터 post 요청
등록버튼을 누르면 새로운 카드의 데이터를 post 요청하여 업데이트

* 카드 수정 - 내용 수정 기능 구현 (#37)

* feat: 더블 클릭시 수정카드 전환, 수정버튼 활성화
롱클릭과 더블 클릭을 구분하고 수정카드에 기존과 다른 데이터가 입력되면 수정버튼을 활성화

* feat: 등록카드, 수정카드 데이터 fetch 요청
put 메소드로 변경된 카드 데이터를 서버에 보냄

* refactor: activationStore -> todoListStore
모델의 state를 todoListStore모듈에서 관리함

* 카드 삭제 - X 버튼 마우스 오버 이벤트 & 삭제 알럿창 구현 (#41)

* design: delete alert 창 구현

* feat: task x delete button mouseover 이벤트 구현

* mouseover 시 task item 색 변화
* mouseout 시 원래대로 돌아옴

* feat: task title을 이용하여 task 를 삭제하는 함수 구현

* feat: 삭제 Alert 창 생성 기능 구현

* design: delete-button hover 이벤트 클래스로 분리

* feat: Alert 창 결과에 따른 Task 스타일 변화 기능 구현

* remove: todolistStore.js

* rename: todoListStore.js

* 카드 이동 - 리스트 중간에 카드 추가 기능 구현(1) (#42)

* 카드 등록 - 새로운 카드 입력창 생성 기능 구현(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.

* feat: 칼럼 사이 카드 이동
마우스 포인터를 기준으로 드래그중인 카드 아래 새로운 카드 존재 여부에 따라 해당 카드 앞 또는 가장 아래에 드래그 카드 추가

* rename: deleteMenu.js->alertDelete.js

* feat: 드래그앤 드랍 적용
task 인스턴스에 드래그앤드랍 기능 적용

* refactor: export 방식 변경

Co-authored-by: Hemdi <[email protected]>
Co-authored-by: Hemudi <[email protected]>

* feat: task id 추가 + id를 이용한 삭제 기능 구현 (#44)

* 기존 task title 을 이용해 삭제했던 기능을 id 를 이용해 삭제하는 방식으로 변경

Co-authored-by: Hemdi <[email protected]>
Co-authored-by: Hemudi <[email protected]>
astraum pushed a commit that referenced this pull request Apr 15, 2022
[funny] swipe 코드 수정, 3개 뷰 구현하고 3개의 뷰에서 드래그 앤 드롭 구현
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

review-BE Improvements or additions to documentation

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants