🔒 오늘의 할 일
beans > http.js 화살표 함수로 변경카드 모달창 디자인카드 모달창 구현server 통신 테스트카드 디자인DevOps 작성프로젝트 소개 기능 작성(개요)- like 구현
- unlike 구현
🤔 오늘의 이슈 및 정리
1. request 데이터 형식
data 모양 { fragrance: [2,3], acidity: [3], sweetness: [2,4], bitterness: [], body: [] } => 에러 발생 아래와 같이 request 형식 변경
에러 발생 예상 (https://lemontia.tistory.com/973)
data 모양 {fragrance: '', acidity: '3', sweetness: '2', bitterness: '', body: '4,5'}
2. /posts/posting-id 라우터 변경
/posts/:role/:id
=> /posts/post/posting-id
3. Empty 페이지 추가 필요
4. 프로젝트 소개 기능 작성(개요 추가)
1. 앱의 목적(만든 목적)
- 목적
2. 앱의 이용자
- 주요 이용자
2. 앱의 기능
1. 기능
2. 기능
3. 기능
4. 기능
3. 앱의 차별점
- 차별점5. 페이지 소개
beans 페이지
- 기능
- 인도네시아, 인도, 콜롬비아 등 원두 생산지 20여개 국가에서 생산되는 원두 리스트업- 향, 산도, 쓴맛, 단맛, 바디감 5가지 필터링 기준을 통해 자신의 취향에 맞는 원두 검색
- 자동완성이 가능한 검색창을 통한 편리한 원두 검색
- 원두에 대한 정보뿐만 아니라, 다른 유저가 작성한 다양한 커스터마이징 원두 레시피를 통해 원두를 즐기는 다양한 방법 제공 - 원두 카드의 좋아요기능을 통해 자신이 좋아하는 원두 카드를 저장
posts 페이지(게시물 리스트, 게시물 열람)
- 기능
- 로그인한 회원만 가능한 원두 레시피 게시물, 댓글 작성
- 원두비율, 물의 온도 등 자신만의 커스터마이징 원두 레시피를 작성하여 다른 유저와 공유
- 원두 게시글에 댓글을 작성하여 해당 게시물에 관심이 있는 다양한 유저와 정보를 공유하고 소통
😎 DevOps
오늘은 어떻게 프로젝트에 기여했나요?
- beans 페이지
- 필터링 기능 구현
- 원두 검색 기능 구현
- 원두 카드 구현
- 원두 모달창 구현
- 원두관련 게시글 라우팅 구현
오늘 프로젝트에서 힘들었던 점은 무엇인가요?
- CSS 작업이 생각보다 많은 시간을 필요로 했다.
오늘 프로젝트에서 아쉬웠던 점은 무엇인가요?
-
원두 카드, 모달창 등 디자인이 완벽하게 구상되지 않은 상태에서 코드를 작성하다보니 반복적으로 수정해야하는 부분이 발생하였다. 그 결과 예상했던 시간보다 하나의 태스크를 완료하는데 더 많은 시간이 소모되었다
-
styled components를 적절하게 활용하지 못하는 부분이 있는 것 같다. styled component의 장점은 재활용성과 props를 활용할 수 있다는 점이다. 반면 내가 작성한 코드는 component에 CSS를 작성했을 뿐, styled components만의 특징을 살리지 못하고 있다.
-
기능을 구현하는 데에 초점을 맞추다보니, 반복적으로 사용되는 등 개선이 필요한 코드가 있다.
내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
- 원두 게시글 서버 통신 테스트
- 원두 카드 like 기능 구현
- 원두 카드 unlike 기능 구현
- posts 페이지 디자인
start coding