클론 코딩을 시작하기에 앞서 오늘의집을 주제로 선정했다.
- 오늘의 집
https://ohou.se/store?utm_source=rt_brand_google&utm_medium=inorganic&utm_campaign=uc_web-all-all-google_se
그리고 무슨 기능이 있는지 위 사이트를 들어가 이것저것 눌러보며 짧게나마 정리했다.
- 다른 회원의 집들이 게시글의 스크랩 버튼을 누르면 스크랩이 가능하다.
- 스크랩 된 게시글은 마이페이지에서 모아서 확인 가능하다.
- 스크랩 버튼을 누르면 바로 스크랩 북으로 이동 할 것인지 의사를 묻는다.
- 집들이 게시글 목록에서 제목,글쓴이, 스크랩 수, 조회 수를 보여준다.
- 집들이 게시글에서 오른쪽 댓글 토글을 누르면 게시글 영역 중 댓글 영역으로 스크롤이 자동 이동한다.
- 글쓰기 버튼을 누르면 셀렉 옵션 나와서 사진/동영상 올리기가 나옴
- 회원 가입 시 이메일 주소, 비밀 번호, 닉네임을 요구한다.
- 집들이 상세 게시글에서 팔로우를 클릭하면 팔로잉 버튼으로 변화 된다.
- 집들이 게시글의 좋아요를 클릭하면, 오른쪽에 좋아요 체크가 활성화 된다. → 4번 기능이 완료되면 “TRUE/FALSE” ?
- 회원의 처음 등록하는 프로필 사진을 게시글과 댓글에서 표시 해준다. → 게시글에서 이미지를 넣는 기능이 선행되면, 추가구현, 완료전에는 “icon” 넣기
- 헤드에 검색 부분이 있으며, 상품 검색 시 해당 상품의 목록 페이지로 바뀐다.
- 검색해서 나온 상품의 목록 페이지에서 연관 키워드를 통해 키워드에 해당하는 상품 목록으로 바뀐다.
- 집들이 글쓰기 페이지에서 필수 정보 입력 란에 필수 폼들이 제공 된다.
- 회원이 게시글에 상품 사진을 넣어서 올리면 사진 안에 해당 상품 링크걸기
- 작성된 게시글, 이미지에 마우스 올렸을 때 살짝 확대 - 호버?
- 상품 게시판에 해당상품에 대한 회원들의 후기(스타일링샷)이 공유된다.
- 집들이게시판 작성시 이미지로 접속 가능한 상품 상세페이지 연결 작성 가능하게?.
- 쇼핑팁 이미지 호버시 확대가 된다(영찬) 13번 동일
- 평수 ,주거형태, 스타일 ,사진 ,공간 ,설명 ,태그 입력후 올리기 평수 ,주거형태, 스타일,공간 (select) 사진 (첨부파일) 사진설명(text)(서) → 11번 동일
찾아본 기능을 토대로 ERD와 API를 설계했고 프로젝트 진행을 할 수 있었다.
하지만 ERD를 머리로만 그려보니 연관관계를 제대로 설정하기 어려웠고 다이어그램을 직접 그려보며 테이블간의 관계를 조금은 수월하게 이해할 수 있는 시간이었다.
'TIL' 카테고리의 다른 글
| 단위 테스트를 사용해야 하는 이유 - TDD (0) | 2023.03.29 |
|---|---|
| 개발자는 협업이 왜 중요하다는 건데 ? (0) | 2023.03.27 |
| CI/CD 자동배포 (0) | 2023.03.23 |
| Stream() 사용 방법. (0) | 2023.03.20 |
| 백 & 프론트 협업시 발생하는 CORS에러 해결 방법. (0) | 2023.03.20 |