Final Project SR기획 중
Final Project #2
Final Project #3
Final Project #4
Final Project #5
Final Project #6
Final Project #7
게시글 get 요청에 사용자 user_id 반영 ( 게시글 조회 시 해당 게시글 해당 유저의 좋아요 상태를 가져올 수 있음 )게시글 좋아요 카운트 반영로그인 상태에 따른 기능 제한 추가잔 모양 변경( png 파일로 표현했던 잔 모양을, div 모양을 변형하여 사용 )잔
transform: perspective(10px) rotateX(-1deg);를 통해서 각도를 눕혀 잔 모양을 구현하여, 색깔 비율을 조절하는 포인터가 올바른 위치를 가리키지 못하게 됨옆에 preview 바를 하나 만들어 포인터와 잔 구현 위치를 분리시킴변경 전변경
재료/용량 단위 사용자 임의 작성하도록 수정게시글 작성 페이지 CSS 일부 수정로고 일러스트 작업Thumbnail 장식 일러스트 제작 및 기능 구현게시물 조회 페이지image게시물 작성 페이지image게시글 목록 페이지에서는 자료구조가 달라서 확인 못함자료구조를 변경하
게시글 작성 페이지 및 기타 CSS 수정imagebackground 그라데이션 적용 및 애니메이션 효과 적용localhost_3000_main (6)배경이 흰색이 아닌 사이트에 색상을 적용하기는 정말 어려운 일이었음, 하지만 프로젝트 특성상 흰색 배경보다는 어두운 배경
게시물 작성 페이지 반응형 CSS 수정게시물 목록 페이지 반응형 CSS 수정크롬으로 모바일 환경을 봐가며 CSS를 수정했음에도 불구하고 실제 모바일 환경으로 가면, 여러 버그들이 발견된다우분투, 안드로이드 유저다 보니, 맥, IOS 환경에서의 test가 불가능하다. 문
반응형 CSS 수정(튀어나가는 요소들)IOS에서만 썸네일 안보이던 문제 수정색상 비율 선택 바 Range 적용으로 마우스로 조정 가능하게 조정 중IOS에서 안보이던 문제는 z-index 이슈였다.. 썸네일을 3d로 X축 각도를 회전시켜 놓았는데, Z축이 0이하로 들어간
랜딩 페이지 초기 그리드 작성rc-slider 이용해 color handle 적용변경 전 (input number를 통해 조정)변경 후 (range 적용, 마우스 드래그 및 클릭 가능)컬러 picker 사용되지 않는 alpha값 제거range로 색상 조정 방법을 바꾸면
칵테일 레시피 공유 프로젝트를 제작하면서칵테일 레시피 목록을 보여주는 방법은 무한 스크롤로 적용하게되었다목록을 보여주기 위한 방법에는 페이지를 나누는 페이지 네이션과 무한 스크롤 등의 방법이 있었고,무한 스크롤이 사용자 경험에 더 긍정적이라고 생각하여 무한 스크롤로 적
썸네일을 제작하기 위한 기능 중 색상의 비율을 조정하는 부분에서 사용되었다초기에는 위와 같이 모든 색상을 1:1로 적용하도록 하였다.그 이후엔 사용자가 원하는 비율 설정을 위해 number 타입의 input에 숫자를 입력함으로써 비율을 설정하도록 하였다. 물론 불편한
칵테일 레시피 공유 서비스 + 썸네일 커스터마이징 서비스를 제공하기 위해서는 이번 프로젝트의 kick이라고 볼 수 있는 썸네일 제작이 가능한지가 포인트였다.그래서 프로젝트 시작과 동시에 썸네일 제작부터 작성하기 시작했고, styled-component에 props를 내
게시글, 게시글 목록 로딩 인디케이터 추가작성자 글 모아보기 추가콘솔 창 Warning message 정리 및 개선React Hook useEffect has a missing dependency >> 조건부 useEffect를 사용하려는데, 이 문구는 어떻게 처리해야
데이터 베이스에 UTC로 저장된 시간을 Date로 변환하고현재 시간과 비교하여 나타내었다또 createdAt과 updatedAt이 다르면 구분하여 표기하였다
랜딩 페이지 CSS 수정반응형 CSS 수정컬러 픽커 수정컬러 픽커 색 선택 시 드래그 되지않고 클릭만 되는 문제, 리렌더링이 이루어져서 창이 닫히는게 아닌가 의심중=> map할 떄, key를 바꿔줬더니 작동함...!?=> 왜 되냐?=> duplicate key 값을 방
전체적인 CSS 디테일 수정랜딩 페이지 애니메이션 추가링크나 onClick 이벤트를 사용한 엘리먼트와 디자인상 보이는 엘리먼트가 달라서 클릭을 해도 동작을 안하던 문제 해결, li태그 내부 Link 컴포넌트를 사용, li태그가 background와 padding을 가졌
사용자 입장에서 버그 찾아내기재료 입력시 Enter키 입력받으면 재료 추가 가능하게 코드 추가작성날짜 표기 변경발표 슬라이드 제작직접 게시글을 작성해보면서 재료 추가를 위해 마우스로 재료 추가버튼을 클릭하는 것에 불편함을 느끼고, Enter키 입력시 재료추가 되도록 코
Final Project도 끝이 나가고, 정리를 해볼 겸, 스택을 사용했던 이유에 대해 블로깅해보려 한다!6개월 간 코드스테이츠 학습으로 익숙해진 스택을 그대로 사용하여 생산성을 높이고자 함, 초기 프로젝트의 기획은 TS를 이용할 예정이었으나, 기획 내용을 보고 제한된
4주간의 Final Project가 끝났다! 더불어 22주(?)의 코드스테이츠 SEB 과정도 곧 수료한다.우선 배포된 링크는 https://ssg-ga.click 코드스테이츠 과정동안 배우지 않은 새로운 스택을 사용하지 않은 점은 아쉽지만,새로운 스택을 사용하