오늘 한 일
- 게시글 get 요청에 사용자 user_id 반영 ( 게시글 조회 시 해당 게시글 해당 유저의 좋아요 상태를 가져올 수 있음 )
- 게시글 좋아요 카운트 반영
- 로그인 상태에 따른 기능 제한 추가
- 잔 모양 변경( png 파일로 표현했던 잔 모양을, div 모양을 변형하여 사용 )
- 잔 모양 변천사..
![](https://velog.velcdn.com/images%2Fntk100%2Fpost%2Fedd75605-9005-4918-a3a9-33216af82c65%2F1.png)
![](https://velog.velcdn.com/images%2Fntk100%2Fpost%2Fdc1d4131-1444-437d-9908-5d830d734123%2F2.png)
![](https://velog.velcdn.com/images%2Fntk100%2Fpost%2Fc7a940e7-ab20-49e4-989a-8df230ff3f7a%2F3.png)
![](https://velog.velcdn.com/images%2Fntk100%2Fpost%2F1de2785a-3db1-432d-82f3-263a2752968c%2F4.png)
![](https://velog.velcdn.com/images%2Fntk100%2Fpost%2F20d78162-5381-4f41-9d73-4da61ebacf5a%2F5.png)
![](https://velog.velcdn.com/images%2Fntk100%2Fpost%2Fe15c3029-508c-4266-9087-ecc0d23ed2e4%2F6.png)
![](https://velog.velcdn.com/images%2Fntk100%2Fpost%2Ff8dd9183-7d0e-45fe-96a5-6b9cf33125ce%2F7.png)
![](https://velog.velcdn.com/images%2Fntk100%2Fpost%2Fc643092f-339c-4c49-9983-e64bfc29d628%2F8.png)
![](https://velog.velcdn.com/images%2Fntk100%2Fpost%2F55760e71-24d1-435e-b8b7-e10a5df92017%2F9.png)
잔 받침 빼고는 CSS로 다 구현이 가능했다, CSS의 다양한 사용 경험을 해볼 수 있는 프로젝트 인 듯?
- 색깔 비율을 수정할 때, 기존의 게시물 비율을 가져오지 않고, 초기화된 비율(100을 색깔의 개수로 일정하게 나눈 비율)로 구현되는 문제
원인) 해당 게시물의 비율을 가져와 반영한 후, state 초기값이 후에 들어오면서 useEffect가 실행될때는 그 초기값으로 구현되어버린다
해결시도 1) useEffect를 아예 빼버리면, 기존의 비율대로 색이 구현된다, 하지만 색을 추가하거나 레이어 타입을 변경하게 되면, 반영되지 못한다
해결시도 2) 여러가지 조건을 덕지덕지 붙여서 위 상태에서, 색 추가/삭제, 레이어 타입 변경일 때 반영될 수 있게 할 수는 있었으나, 또 다른 문제로, 추가되는 색 픽커들이 겹쳐져 버린다
기타 여러가지 이유들로 더 이상 손대지 않고 일단 원래 상태로 되돌려 놓음...
할 일
- 게시물 개별 조회, 작성 시 변경된 잔 모양을 크게 반영, 색깔 비율이 맞게 표현되는 지 확인
- 색깔 비율 마우스(터치)로 조정 (계속할 듯...?)