2020.10.28 개발 일지

개발 일지

10월 28일

작업 내용

임채욱

• 이슈 목록에 사용되는 issueContent, issueLabel, issueInfo를 더미 데이터에 따라 생성되도록 하였습니다.
• 체크박스에 선택에 따른 개수를 표시하는 컴포넌트와 관련하여 이슈 목록에 추가할 방법에 대해서 고민이 필요합니다.
• 개수를 표시하는 컴포넌트가 나타날때는 Mark as 컴포넌트가 나타나야합니다.

임기봉

• 필터 초기화 버튼
  • 필터 초기화 버튼 안에 글과 svg가 있습니다. hover시에 styled component로 감싼 것을 변경 되도록 했었는데 안되서 감싼 styled componenet 대신 svg에다가 이벤트? 를 넣으니 잘 됐습니다.
• 필터 버튼
  • 애니메이션 추가 했습니다.
• 코멘트 작성
  • 코멘트 작성란에 말풍선처럼 튀어 나온 부분이 있어 어려움을 격었습니다. 보통 css before로 그러한 부분을 작성을 하던데 조금 더 봐야 할 것 같습니다.

류남광

• issue 상세 페이지에서 보이는 IssueTitle 컴포넌트 생성했습니다.
• title 수정/저장 기능
  • edit 버튼을 누르면 기존 title 값이 input에 기본으로 들어가있습니다.
  • edit 버튼을 누를 시 save, cancel 버튼이 생겨 선택 가능합니다.
  • title에 아무것도 입력하지 않으면 save 버튼을 눌러도 바뀌지 않도록 했습니다.
• open, closed 상태에 따라 표시되도록 했습니다
• state 이름이 직관적이지 않아서 수정할 예정입니다.

탁성건

• 이슈 목록 상단의 추가 필터 버튼(Author) 작업중입니다.
• 드롭다운 메뉴의 리스트 항목을 클릭하면 해당 Author에 대한 query를 포함한 URL로 이동합니다. ex) /issue/list?author=apple
• 선택된 Author를 체크 해제하면 전체 이슈 리스트 페이지로 이동합니다. ex) issue/list
• package.json에 query-string 의존성을 추가했습니다.
• HashRouter를 사용하여 라우팅을 구현해서 window.location.search로 query를 받아오지 못하는 현상이 발생했습니다.
  • App.js에서 기존에 사용하던 HashRouter를 BrowserRouter로 변경해서 해결했습니다.

특이 사항

• 기존에 BrowserRouter를 이용하여 라우팅을 구성하였을때 새로고침을 하면 페이지가 제대로 갱신되지 않는 문제가 있었습니다.
• 위의 문제를 해결하기 위해 HashRouter로 전환하여 개발을 진행했습니다.
• 그러나 오늘 탁성건 캠퍼님이 BrowerRouter로 변경하여 테스트해본 결과 문제 없이 작동했습니다.
• 기존에 BrowerRouter를 사용하였을때 제대로 동작하지 않았던 이유가 무엇인지 오늘은 왜 작동하는지 알 수 없는 의문만 남았습니다.