TIL(20240715) [작업자 목록 구현/ 트렐로 프로젝트를 하면서 느낀 것]

---

카드 관리 기능

• 카드 목록 조회
  • 성공
    • 생성된 카드들을 목록에서 조회할 수 있습니다.
  • 조건
    • 전체 조회
    • 작업자별 조회
    • 상태별 조회

오늘은 트렐로 프로젝트 카드 조회시 작업자별 조회 백엔드와 프론트를 연결하는 것! 처음 프론트를 그린건 일단 먼저 filter 버튼을 누르게 되면 드롭다운으로 현재 보드에 초대된 작업자들의 아이디만 뜨게 된다. 그 중에 선택해서 아이디를 고르면 해당 사용자가 작성한 카드만 보이도록 구현하는 것

사실 UI설계적인 부분이랑 해당 아이디를 클릭했을 때 내가 백엔드에서 짠 코드는 어떻게 처리가 되는지에 대한 설명만 해드리고 다른 팀원분께 부탁드렸다. 바로 다음날 오전 9시까지 제출이라.. 다른 기능을 구현해야하는 부분이 있는데 업무를 조금 나눠서 처리하는게 효율적일 것 같아서, 아니면 카드가 해야되는 부분이 많은 건지.. 시간이 너무 부족해서 거의 쫓기듯이 했다.. 사실 드래그앤드롭 기능 구현에 하루를 날린거나 마찬가지니…🤣

• 카드 수정
  • 성공
    • 내용, 마감일자, 작업자 , 제목 을 수정할 수 있습니다.
    • 순서 이동을 통해 카드 상태를 변경할 수 있습니다.
      • 예시 방법
        • 드래그 앤 드랍을 할 때 마다 순서 변경
        • 순서 변경 후 ‘확정’ 버튼을 누르면 순서 변경
  • ⚠️ 필수 예외처리
    • 로그인 하지 않은 사용자가 순서 이동을 시도하는 경우
    • 이미 컬럼이 삭제된 경우

그리고 내가 해야될 부분은 카드 수정 시 작업자 변경도 가능하기 때문에 여기서 문제는 처음에는 작업자를 string으로 받아서 그냥 처리할려고 했는데 가만보니.. 한 보드에서는 초대를 받은 인원만 작업을 할 수 있으니 카드 수정시 작업자변경 또한 그 인원에 대해서만 가능하도록 처리가 필요했다. 그래서 보드 부분을 맡아주신 팀원 분이 만들어 놓는 inviteController(BoardWorkspace entity) 부분에서 작업자 목록 조회 api 가져와서 그 작업자 목록을 가지고 selectform안에 넣어 한 보드안에 초대된 userId만 나오도록 구현한 후에 내가 어제 수정 작업한 카드 작업자별 조회 기능 백엔드를 연결시키면 된다고 생각했다. (카드 작업자별 조회에서는 searchCond에 userId를 받아서 조회하면 되도록 구현했기 때문에)

DB

변경전

변경 후

userId가 변경된 것을 확인할 수 있다.

처음에 프론트 렌더링이 너무 오래걸렸다.. 타임리프로는 프론트를 해보는 것도 처음이기도 해서 이번기회에 벼락치기? 느낌으로 했지만 계속 코드를 보다보니 또 익숙해져서 아 이게 이거구나.. 아 이게 저거구나.. 하고 있는 나를 발견했다. 🤣

이번 프로젝트는 팀원분들이랑 서로 소통도 많이하고 서로 알려주고 도와주는 부분들이 너무 잘되어서 정말 많이 배웠다..

서로 도와주고 알려주고 소통하다보니 매일매일 하루하루 나 혼자서 강의를 듣고 배우는 부분이랑은 또 다른 배움이었고, 그리고 우리는 다 같이 하나의 작품을 만들어가는 느낌이었다.

정말 손발이 오그라드는 느낀점이고 주저리 주저리 얘기를 했지만, 정말 같이 앞으로 나아가는 느낌이어서 개인적으로 너무 좋았다.