coolchaeyoung / all_review_you Goto Github PK

• : 메인 페이지
• : 마이 페이지
• : 리뷰 상세 페이지
• : 리뷰 작성 페이지

The title says it all

• 태그 리스트 중복 랜더링 되는 문제 해결하기
• 서버에서 데이터 받아와서 동적 랜더링

• Method : GET, URI : /reviews : 전체 리뷰 가져오는 가져옴
• Method : GET, URI : /reviews/id : 특정 리뷰 가져옴
• Method : GET, URI : /reviews? : 특정 태그 리뷰 가져옴
• Method : POST, URI : /reviews : 리뷰 작성
• Method : PATCH, URI : /reviews/id : 특정 리뷰의 좋아요
• Method : PUT, URI : /reviews/id : 특정 리뷰 수정
• Method : DELETE, URI : /reviews/id : 게시글 삭제

• header - logo, 검색, 로그인
• nav - 좋아요/ 최신순 마크업
• main - 리뷰 카드 마크업
• aside - Tag 마크업

• quill editor 공부
• 수정 버튼 생성
• 수정 페이지 구현
• 수정 완료하면 서버로 전송
• 수정 완료하면 리뷰 상세 페이지 이동

참고 링크

npmjs.com/package/rater-js

JS

• rater.js 공부하기
• rater.js

• 페이지 뒤로가기 했을 때 DB 기준으로 다시 랜더링 되게 수정 하기
• URI로 history push state 하기

• : 바디 - header

• : 바디 - 우측 ratings, like

• 하트만 찍을 수 있도록(공통에서 제작 예정)

• 별은 나오기만 하기

• : 바디 - section

• 로그인 기능 구현

• : �컴포넌트 사용해서 나오게 하기
• : 별 나오지 않는 부분 수정
• : 스타일(1개일 때, 2개일 때) 부분 수정
• : 관련있는 리뷰가 1개도 없을 시 타이틀 나오지 않도록 수정
• : 최대 관련리뷰 3개까지 나오도록 수정

• pjax 방식을 통한 html 템플릿 라우터 구현

마이페이지에서 특정 리뷰를 클릭했을 때, 서버에서 템플릿을 마이페이지에게 제공을 하는데, 그것을 리뷰 디테일 js에서 받아서 동적으로 그려줄 방법이 없음. 즉 SPA방식을 사용해서, 하나의 html파일 안에서 서버와 통신을 수행해야한다.

• 헤더 렌더링 추가
• 템플릿 별 렌더링 함수 추가
• 추가 수정사항 고려 필요

• 무한 스크롤 API 공부
• main.js 에서 무한스크롤 적용
• search.js 와 mypage 에서도 적용

• Method : GET, URI : /comments/id
• Method : GET, POST : /comments/id
• Method : GET, PUT : /comments/id
• Method : DELETE : /comments/id

• 블로그의 구성요소인 User(사용자) Review(게시글), Comment(답글)에 대한 상태를 저장하는 데이터 스키마 만들기
• User Data_Schema 구현
• Review Data_Schema 구현
• Comment Data_Schema 구현

• 노션 기획서 작성
• 피그마 기획 및 와이어 프레임

• : Mock data 수정(reviewId 중복 부분, column 순서 수정)
• : 댓글 추가
• : 댓글 수정
• : 댓글 삭제
  댓글 작성자 본인 댓글만 지울 수 있도록
• : 댓글 한개도 없을 때 댓글 영역 나오지 않게 하기

• 마크업
• sass 스타일링

• Method : POST, URI : /auth/sigin
• Method : POST, URI : /auth/signup
• Method : GET, URI : /auth/logout

기본 설정

• logo img, 하트, 별 추가하기
• Sass colors 변수 설정

Desktop : Sass 스타일링 추가

• header
• main => grid
• aside

mobile : Sass 스타일링 추가

• header
• main
• aside

• Tag 클릭시 서버 요청
• Tag 클릭시 렌더링
• Tag : a => button

서버 통신

• Server에서 리뷰 게시글 데이터 요청
• 하트 버튼 클릭 시 서버에 해당 정보 전송
• 검색 기능 구현 => 팀원들과 의논 필요

렌더링

• Sever에서 받은 리뷰 게시글을 렌더링 하는 JS 구현
• 하트 버튼 클릭 시 좋아요 수 증.감 기능
• Tag 클릭 시 , 해당 Tag를 가진 리뷰들만 렌더링 JS
• 좋아요/ 최신순 렌더링

• : CSS 스타일링

• 해시 태그 별로 이미지 추천하는 기능
• 에디터 페이지 임시 작성 기능
• 에디터 페이지 템플릿 예제 제공 기능
• DB 구현 (Firebase, Mongo DB, SQLite, ...)

• Method : GET, URI : /users/id
• Method: POST, URI : /users

• git flow init
• ES LINT 초기 설정
• package.json 설정
• 웹팩 초기 설정

• : 좋아요 반응되게 수정

로그인 (채영)

• 로그인 => 회원가입 여기서 닫았을 때, 다시 열면 회원가입 창이 아닌 로그인창이 뜨도록 고치기
• 닫기 버튼 close.svg로 변경
• 회원가입 창에서 밑에 버튼 로그인 하러가기로 변경
• 에러처리

리뷰 카드 (강희)

• height, width 변경

nav (강희)

• a => type="button" 을 변경하자... 빼야함

reviewRouter (준규)

• router => controller 로 빼주기
• Router url 수정
• 내일은 라우팅 하고 퀼 공부하기!!

• 로그인 스타일링

서버

• 하트 증/감 요청이 들어왔을 때 해당 요청 처리

클라이언트

• 하트 증/감 요청

렌더링

• 하트 증/감 렌더링

• 카드 리뷰 => a 태그로 감싸기
• 카드 hover 이벤트
• 카드 하트 버튼 => cusor: pointer
• 태그 a => button ( ? 생각해오기 )
• 태그 줄바꿈 => white-space 고려하기
• outline algorithm => h태그 넣기 (+a11y hidden)
• 검색 기능 추가 (검색 html파일 생성하기)
• 로그인하면 + 마이페이지, 새리뷰, 로그아웃
• #19

• 마이 페이지 랜더링
• 마이 페이지 버튼 별 필터링

서버

• 리뷰 게시글 요청이 들어왔을 때 해당 요청 처리

클라이언트

• Server에서 리뷰 게시글 데이터 요청

렌더링

• Sever에서 받은 리뷰 게시글을 렌더링 하는 JS 구현

• 로그인 마크업 구현

• hover animation 때문에 좋아요 잘 안 눌려지는 문제 수정

• SPA => 이전으로 돌아가기
• main
• mypage
• likes
• review details
• login & logout
• editor