2020.10.27 개발일지

개발 일지

10월 27일

작업 내용

임채욱

• 이슈 목록
  • 현재 이 작업은 단위가 큰 작업이므로 나눠야할 필요성이 있다.
  • 목록들을 담는 컨테이너, 목록 내용으로 나눠야한다.
  • 현재 IssueList.js, IssueContext.js로 나눠서 작업 중이며 IssueList가 IssueContext를 호출하여 사용할 예정이다.

임기봉

• 필터 버튼
  • 드랍다운을 styled component로 만들기 위해서
    • state를 줘서 open/closed 를 줬다.
    • fitler list에 있는 것들은 고정적인 것들이라 하드코딩을 했다.
    • 각 드랍다운 리스트 마다 setFilter될 수 있게끔 했다.
      • 추후 filter status 업데이트용. 현제 임시로 뭐가 눌려졌는지 출력한다.
• 고민했던 점들
  • list에 있는 목록들이 조금씩 css 가 달라서 일단 하드 코딩했다. 이게 좋은 방향인지 모르겠다.
  • styledcomponent가 익숙하지 않아서 state를 줘서 open closed 상태를 만들었다. 그냥 css 로 hidden값을 줘서 할 수 있을것 같은데... 모르겠다.
  • list 목록들 마다 onclick를 줘서 현제 무엇을 눌렸는지 받아 오는데, 조금 보기에 안좋다. 다른 방법이 있는지 한번 찾아 봐야겠다.

류남광

• 마일스톤 버튼
  • 정렬을 위해 사용한 display:flex 설정으로 인해 버튼 범위가 엄청 커지는 문제가 생겼다.
    • 기존 방식: 전체를 감싸는 button에 display:flex 설정을 줬다.
    • 팀원들의 도움으로 발견했다. 여러 시도를 해보았다.
    • 해결 방식: 기본 button 안에 div를 만들고 해당 div에 flex 설정을 주어서 그 안에 다른 div 요소들을 배치했다.
  • Link 밑줄이 생기는 문제를 해결하지 못했다.
    • 기존 방식: Link가 마일스톤 버튼 컴포넌트를 감싸게 했다.
    • 해결할 방식: 성건님도 페이지 이동을 하는 버튼을 만드셨는데, Link를 component 내에서 스타일을 지정해(text-decoration:none) 사용하는 방식을 하셔서 이 형식으로 수정해보고자 한다.
  • 마일스톤 버튼 옆에 라벨 버튼이 있는데 형태가 비슷하여 마일스톤 버튼 완성 후 만들 예정이다.

탁성건

• New issue 버튼
  • 이슈 목록 화면에서 사용할 New issue 버튼 컴포넌트 생성
  • 버튼 클릭 시 이슈 상세 화면으로 넘어간다.
  • 발생한 문제 : Link 태그를 Button 태그로 감싸는 방식으로 구현하니 버튼 내부에 있는 New issue 글자를 클릭했을 경우만 라우팅이 되었다.
  • 해결 방식 : Button 태그 전체를 Link 태그로 감싸는 방식으로 변경