2020.11.10 개발 일지

개발 일지

11월 10일

작업 내용

임채욱

• 이슈 생성 화면 레이아웃을 제작
• cancel 버튼을 클릭하면 이슈 목록 화면으로 이동
• Submit new issue 버튼을 클릭하면 issue의 title와 content를 가져와 create api 호출(assignees, labels는 아직 미포함)
• webpack devserver의 host를 localhost로 하지 않은것과 api url에 http://을 붙이지 않은것 그리고 localhost로 하지 않고 127.0.0.1로 한것으로 인해 cors 문제 및 접근 불가 에러가 생겼었다.
  • 현재 로컬 개발환경은 wsl이며 localhost로만 접근 되는 문제가 있다.

임기봉

• login logout client side 완성
  • login 할시에 oauth를 사용해서 로그인
  • 로그인 성공적이면 토큰을 받아서 localstorage에 저장
  • 로그인 성공적이면 loginstate를 true로 변경
  • 로그인 페이지에서 loginstate가 true이면 '/issue/list'로 redirect
  • (새로고침/url쳐서 들어갈시에) check login을 실행
    • localstorage에 token이 있다면 login된 상태라고 생각하고 setloginState(true) 실행
    • loginState가 true면 '/issue/list'로 redirect
    • loginState가 false면 '/' 로 redirect
  • logout 버튼 누를시
    • setLoginState(false), localstorage.removeitem('token') 실행.
    • loginState가 false시 '/' 로 redirect
• label page 작성중

류남광

• commentWriteSection의 버튼이 상태 변경과 comment 추가 기능을 할 수 있도록 수정했습니다.
• database에서 issue의 값을 가져와 title과 생성자, 생성 시간 등이 표시되도록 했습니다.
  • issueInfo 컴포넌트에서 생성 시간을 계산하는 부분이 있어 해당 컴포넌트를 활용했습니다.
• issue의 내용을 가져와 comment 창에 표시될 수 있도록 했습니다.
  • commentWirteSection과 디자인이 비슷하여 복사하여 조금씩 수정한 후 사용했습니다.
  • issue 생성자의 경우 창 색이 다르고 owner 표시가 있으며 edit 버튼이 있어 내용을 수정할 수 있습니다.
  • 아직 데이터베이스에 수정한 값을 넘기지는 않았습니다.

탁성건

• editIssue API의 input 값을 validation 하는 부분을 따로 함수로 분리했습니다.
• Issue List Page에서 사용되는 State들을 contextAPI와 useReducer를 이용해 관리하도록 하는 작업을 진행중입니다.

특이 사항