Projects/2021-CVI (백중원)51 210727(화) - 테스트 1. 테스트 1. 테스트 페어와 테스트에 대해서 이야기를 하면서 통합 테스트와 E2E 테스트 간의 큰 차이를 느끼지 못한다는 것에 서로 동의했다. 그래서 Jest + React Testing Library나 Cypress 중 어떤 하나를 선택함으로써 오는 차이가 크지 않다고 생각했다. 예를 들어, Jest + RTL는 e2e 테스트가 불가하다고 알고 있는데 결국 특정 버튼을 눌러 그 결과를 테스트하는 게 E2E와 크게 다르지 않을까 생각했기 때문이다. 결과적으로 Cypress를 선택했다. 사실 처음부터 Cypress를 선택한 것은 아니었고, Jest + RTL 환경 설정을 하는데, 필요한 라이브러리와 환경 설정을 세팅했는데도 계속 하나씩 부족하다는 에러를 마주쳤다ㅠ 저녁 전까지 계속 시도했지만 테스트를 .. 2021. 7. 27. 210726(월) - 상세 페이지 레이아웃 구현 1. 상세 페이지 레이아웃 구현 1. 상세 페이지 레이아웃 구현 글 자체의 정보로 작성 시간, 조회수, 좋아요 수, 댓글 수가 있다. 이 중에서 글 목록에서는 각 글의 카드에 세 가지 정보를 다 보여주기로 했다. 이후에 글을 필터링하여 정렬하는데 필요한 정보라고 생각했기 때문이다. 상세 페이지에서는 시간과 조회수만 위에 배치하고 좋아요와 댓글의 수를 나타내는 정보는 아래에 배치했다. 레퍼런스로 찾은 블라인드는 시간, 조회수, 댓글 수를 위에서 보여주고, 아래에서 좋아요 수와 댓글 수를 보여주고 있다. 위 쪽에서 조회수와 함께 댓글의 개수를 보여줌으로써 글이 인기 있는 정도를 미리 사용자에게 알려준다고 생각했는데, 이 부분에서 페어는 댓글의 개수를 알려준다면 좋아요의 수도 알려줘야 한다고 말했다. 나는 좋.. 2021. 7. 26. 210723(금) - 컴포넌트 폴더 구조, 마이 페이지 레이아웃, 이슈 티켓 단위 논의, UX 피드백 1. 컴포넌트 폴더 구조 (프론트) 2. 마이 페이지 레이아웃 (프론트) 3. api 요청 (프론트 + 백) 4. 이슈 티켓 단위 논의 (프론트) 5. UX 피드백 1. 컴포넌트 폴더 구조 (프론트) 기존에 components 폴더 안에 다양한 컴포넌트들이 섞여 있었다. 그중에는 Button과 같이 가장 기본이 작은 단위의 컴포넌트도 있고, PreviewList와 같이 우리 팀 도메인의 성격이 담긴 컴포넌트들도 같은 레벨의 수준으로 포함하고 있었다. 이 부분에 대해서 페어와 논의를 했다. 나는 컴포넌트를 common 폴더 등을 통해 이 둘을 구분할 필요가 있냐는 입장이었다. 컴포넌트를 수정하기 위해 검색하는 경우에 보통 cmd + p를 통해서 검색해서 이름만 알고 있다면 components 폴더 안의 컴.. 2021. 7. 23. 210722(목) - 소셜 로그인 기능, 게시판 수정 및 삭제 1. 소셜 로그인 기능 (프론트 + 백) 2. 게시판 수정 및 삭제 (프론트) 1. 소셜 로그인 기능 (프론트 + 백) 네이버와 카카오 OAuth (Open Authorization)을 적용을 마쳤다. 카카오를 기준으로 전체적인 과정에 대해서 설명하면 다음과 같다. 회원이 아닌 경우 로그인 페이지에서 '카카오로 시작하기' 버튼(a 태그로 만들어진 버튼) 클릭하면, a 태그의 href(카카오에서 제공하는 로그인 주소 + clientId 및 카카오로부터 응답을 받을 주소(redirect URI)를 합쳐 만든)를 통해 카카오 로그인 창으로 이동. 인가 코드는 우리 팀이 컴포넌트로 만든 페이지 주소(ex /auth/kakao)가 a태그 href에 포함되므로 카카오에서는 그곳으로 응답을 보낸다. 그럼 그 페이지의.. 2021. 7. 22. 이전 1 ··· 6 7 8 9 10 11 12 13 다음
