우테코52 210802(월) - 3차 데모 데이 1. 3차 데모 데이 1. 3차 데모 데이 14시부터 17시까지 3차 데모 발표를 진행했다. 특이 사항으로 우리 팀 발표는 내가 진행했다. 2021. 8. 3. 210730(금) - 댓글 CRUD 구현 1. 댓글 CRUD 구현 1. 댓글 CRUD 구현 상세 페이지에서 댓글 부분의 CRUD를 구현했다. 댓글 부분의 CRUD라고 특별한 부분은 없었다. 기존의 게시판 CRUD와 많은 부분들이 비슷했다. 다만 조금 신경 쓴 부분이 있다면, 수정하는 부분이었다. 먼저 댓글을 작성한 writer의 id와 현재 로그인한 user의 id를 비교해서 같을 경우, 수정과 삭제 버튼이 보이도록 코드를 짰다. 또한 isEditable과 같은 상태를 두어, 사용자가 수정 버튼을 누를 경우 수정 삭제 버튼이 취소 완료 버튼으로 변경되도록 하였다. 동시에 댓글 내용을 포함한 컴포넌트가 사라지고 댓글 내용을 포함한 컴포넌트가 보이도록 했다. 사용자에게 보여지는 내용은 아래와 같다. 2021. 7. 30. 210729(목) - 모바일 레이아웃 구현 1. 모바일 레이아웃 구현 1. 모바일 레이아웃 구현 백엔드 API를 기다리면서, 페어와 모바일 레이아웃을 구현했다. 우리 팀은 웹 UI를 먼저 짜는 것으로 시작했는데, 다른 팀들을 보니 모바일 UI를 먼저 타깃으로 시작하는 팀이 꽤 있었다. 이유를 들어보니, 모바일 웹 화면을 먼저 구성하면 이후에 웹 UI를 구성할 때 편해서 그랬다고 한다. 웹에서 모바일로 전환이나 모바일에서 웹으로 전환 모두 경험해보지 못해서 어떤 방식으로 시작하는 게 더 편한지는 모르겠으나, 우리 프로젝트에서 모바일로 전환하는 작업은 크게 어렵지 않았다. 주로 스타일 컴포넌트에 '@media'를 추가해서 화면 크기 별로 조정할 수 있게 했다. 모바일 레이아웃 작업을 하면서 약간의 노력이 필요했던 부분은 왼쪽의 사이드바의 모바일 전환.. 2021. 7. 29. 210728(수) - 테스트 시나리오 작성 및 테스트 1. 테스트 시나리오 작성 및 테스트 1. 테스트 시나리오 작성 및 테스트 페어와 논의를 통해서 E2E 테스트를 진행하기로 결정했다. 먼저 사용자 시나리오를 짜고 테스트 코드를 작성했다. 테스트 코드를 작성하면서 의문이 들었던 부분은 검증을 하는 방식이었다. 예를 들어, 시나리오가 '홈페이지에 있는 첫 번째 접종 후기를 클릭하면, 첫 번째 접종 후기의 접종 상세 페이지가 보인다'라고 가정하자. 그러면 홈페이지에서 첫 번째 접종 후기를 클릭한 이후 화면에 나타나는 페이지가 첫 번째 접종 후기의 상세 페이지라는 것을 검증해야 한다. 현재 페이지가 우리가 예상한 페이지인지 검증하는 방법은 다양한데, 상세 페이지만이 가지고 있는 고유한 버튼이나 정보, pathname 등이 있다. 그런데 이런 방식으로 하는 게 .. 2021. 7. 28. 이전 1 ··· 5 6 7 8 9 10 11 ··· 13 다음
