5주 (2024-12-09~2024-12-15)

12/09

• 사용자 페이지 - 결제 작업
  • 결제 테스트를 위해서 예약ID를 조회하는 기능 추가. (나중에 삭제 될 수 있음) -> fin
  • 전체적으로 React-Bootstrap UI와 컴포넌트 사용을 위해 변경하기. -> fin
  • 결제하기 버튼 클릭시 결제방식 체크 안하면 나오는 alert 기능을 modal로 변경하기. -> fin
  • 결제 성공시 성공했다는 메세지 띄우기. 혹은 팝업창 닫히게 만들기. -> paypal에서 제공하는 화면 url로 대체함.
    • 고민해봐야함. 성공 메시지 띄우고 몇초 뒤에 자동으로 닫히게 할것인지.
    • 아니면 직접 사용자가 닫기 버튼을 클릭하는 액션을 취하도록 유도할 것인지.
  • 내일 결제 성공시 팝업창 닫으면 브라우저 화면이 다른 화면으로 바뀌는 거 알아봐야함.

12/10

• 사용자 페이지 - 공지사항 게시판 작업
  
  • 결제에서 미리 만들어놓은 table, pagination 가져다가 사용하기. -> fin
  • 결제에서 table row 클릭시 상세보기. -> fin
    • modal? 아니면 page?
    • 글을 수정하고 삭제하는 걸 전부다 고려해서는 page형태가 관리자가 수정 작업하기 편할 거 같다.
  • 상세보기, 글 작성, 특정 글 삭제 -> 내일로
• 사용자 페이지 - 결제 작업 -> 내일로
  • 팝업 닫힐 때 자동으로 페이지 이동하게 만들기.
  • 개인적으로 추가한 router를 팀원들한테 먼저 공지하고 feat/template에 올리기.

12/11

• 3차 병합 => fin
  • RESTful API URL 정리 및 3차 병합 => fin
    • /api/users/{서비스명}
    • /api/admin/{서비스명}
    • 각 사용자페이지, 관리자페이지 구분하여 api다루기. 인증,인가,보안,코드가독성,유지보수를 위해서 나누는 것이 맞음.
    • 점심 이후에 3차 병합하고 api 테스트하기
• postman api url 정리 => 게시판, 결제, 로그인/로그아웃, 객실 api 완료
  • 각자 사용중인 api url 올리기
  • 전체 테스트하기 용이하기 위함.
  • 기한은 30일이기 때문에 여유로움
• 사용자 페이지 - 공지사항 게시판 작업 => 전체 목록만 fin. 상세페이지 ui 수정해야함. 조회수 부분도 수정해야함.
  • 공지사항 전체 목록 => fin
  • 상세페이지 => 부분 완료.
• 관리자 페이지 - 공지사항 게시판 작업
  • 뒤로가기 버튼 => fin
    • 글 상세에서 뒤로가기 버튼을 클릭했을 경우 수정사항이 있으면 '수정내용이 있는데 이전 페이지로 이동할 것인지' 물어보는 알림창 띄우기.
    • 알림창에서 닫기 버튼을 클릭하면 알림창만 닫힘.
    • 알림창에서 수정 버튼을 클릭하면 수정 내역이 저장되고 이전 페이지로 이동
    • 만약에 수정사항이 없으면 이전 페이지로 이동.

12/12

• 사용자 페이지 - 공지사항 게시판 작업 => fin
  • 조회수 중첩되는 원인 찾아내서 고치기
  • 원인: index.js에서 테스트 개발 때문에 2번 동작하게 만드는 게 있었음. 그래서 겸사겸사 api호출하는 비동기함수처리를 useEffect에서 useCallback으로 변경함. 마운티 되었을 때 딱 1번만 실행시키기 위해서.
• 인증 부분 => fin
  • 쿠키를 백엔드로 보내는데 값을 찾아서 백엔드로 보내기 성공.

12/13

• 관리자 페이지 - 병합 = > fin. 수정 작업 필요는 함.
  • 팀원이 병합해준 관리자 페이지 프론트단 디테일한 부분 수정 작업
  • fetch, axios 등 로그인시 jwt token 관련해서 수정작업 필요. 원인 파악 필요
• 사용자 페이지 - 병합 => 작업 중
  • 처음 벤치마킹하기로 한 레이아웃 구조와 다르게 변경됨.
  • 변경된 레이아웃 구조에 맞추어서 게시판, 결제 부분 style 변경하기.

12/14

• 사용자 페이지 - 병합 => 진행 중
  • 현재 dev 브랜치를 분기점으로 잡아 새로운 브랜치를 만든다음에 공지사항 게시판 브랜치 병합시킴.
  • 레이아웃 수정 작업

12/15

• 사용자 페이지 - 병합 => fin.
  • 새로 만든 dev-jelee 브랜치에 공지사항 게시글과 결제페이지를 사용자페이지 레이아웃과 스타일에 맞추어 수정작업.
• 관리자 페이지 - 공지사항 게시판 작업
  • 글 생성 버튼
    • 글 생성 버튼을 클릭하면 글 작성할 수 있는 Form이 있는 페이지로 이동한다.
    • 버튼은 취소, 생성 이 있다.
    • 취소 버튼을 클릭시 이전 페이지로 이동.
    • 생성 버튼을 클릭시 글이 db에 등록됨. 
  • 수정 버튼 => fin
    • 수정된 내역이 있어야지 수정버튼이 활성화 된다.
    • 수정 버튼을 클릭하면 '정말로 수정할 것인지' 물어보는 알림창 띄우기.
    • 알림창에서 확인(예) 버튼을 클릭하면 수정되고 팝업창은 사라지고 수정된 내용이 해당 상세페이지에 수정된 모습으로 바뀌어져있다.
    • 알림창에서 아니오 버튼을 클릭하면 팝업창은 닫히고 수정한 내용 그대로 해당 상세페이지에 그대로 내버려두기.
  • 삭제 버튼 => fin
    • 삭제 버튼을 클릭하면 '정말로 삭제할 것인지' 물어보는 알림창 띄우기.
    • 알림창에서 삭제(예) 버튼을 클릭하면 삭제가 되고 이전 페이지로 이동한다.
    • 알림창에서 닫기(아니오) 버튼을 클릭하면 팝업창만 닫힌다.
• 사용자 페이지 - 결제 작업
  • 팝업 닫힐 때 자동으로 페이지 이동하게 만들기.
  • 개인적으로 추가한 router를 팀원들한테 먼저 공지하고 feat/template에 올리기.

 

 

해야할 작업

• 구현한 비즈니스 로직 중 핵심 내용 생각해보기
• 결제 성공시 front단에서 성공 페이지로 이동하게 하면서 자동 닫기 해줄건지 생각해보기. 혹은 닫기 버튼으로 유도.
• 일정 시간 안에 결제를 하지 않으면 자동으로 cancle 처리하는 기능.
• 중첩되는 결제 내역이 없도록 유효성 검사 처리.