all is well!!

적용된 css가 궁금한 부분에 검사를 클릭하면 그 부분의 elements가 표시되면서 Styles에서 해당부분에 적용된 css를 볼 수 있다. 체크된 부분을 지워가면서 이렇게 하면 어떤게 바뀌는지 보면서 공부 해볼 수 있고 내 clonecode에도 참고해서 적용할 수 있어서 좋은것 같다. 그리고 hover 같은 경우도 Force element state에서 확인해볼 수 있다. 뿐만 아니라 active focus 등등 다른 부분들도 적용된게 있다면 확인해볼 수 있다.

👀 1차 전체적인 목표 🟣 Main 카드 - 작성 날짜(4일전 ,6일 전…), 댓글 수, 카드 호버시 애니메이션 🟣 detail 좋아요 작성자 모든 포스트 목록 보기 댓글쓰기 🟣 write 작성글 실시간 미리보기 뒤로가기 임시저장 기능 Input 저장 기능 ⚽️ Daily Goal 1. projects 이슈 디테일수정 2. Svg 만드는 이슈 만들고 작업하기 => 아이콘같은 백터형식이 아닌 jpg이미지들은 img로 들어가야됨. 3. 지금 한것에 대한 이슈 만들고 pr까지 하기 4. card hover시 나타나는 애니메이션 작업

👀 1차 전체적인 목표 🟣 Main 카드 - 작성 날짜(4일전 ,6일 전…), 댓글 수, 카드 호버시 애니메이션 🟣 detail 좋아요 작성자 모든 포스트 목록 보기 댓글쓰기 🟣 write 작성글 실시간 미리보기 뒤로가기 임시저장 기능 Input 저장 기능 ⚽️ Daily Goal 1. Main dummydata로 card 만들기 2. 프로필사진을 삭제하는 이슈를 만들기 3. 삭제하는 작업을 하고 vercel에 자동으로 배포된거 확인

👀 1차 전체적인 목표 🟣 Main 카드 - 작성 날짜(4일전 ,6일 전…), 댓글 수, 카드 호버시 애니메이션 🟣 detail 좋아요 작성자 모든 포스트 목록 보기 댓글쓰기 🟣 write 작성글 실시간 미리보기 뒤로가기 임시저장 기능 Input 저장 기능 ⚽️ Daily Goal 1. projects에서 status는 몇개 필요할까? 어떤게 필요할까? 2. 어떤 정보들을 저 issue card들에 적용하면 협업이 쉬울까? ex) 담당자, 이슈의 급함정도, 이슈의 크기 3. 헤더 ui 먼저 하기

react에서는 App.js파일에 페이지 파일들을 이런식으로 에 path로 페이지 파일 위치를 일일히 작성해서 라우팅을 해주는 식이었는데.. next.js의 라우트 방식은 다른것 같아서 next.js docs를 참고해서 기록🥲 https://nextjs.org/docs/routing/introduction Routing: Introduction | Next.js Next.js has a built-in, opinionated, and file-system based Router. You can learn how it works here. nextjs.org 1. index routes next.js는 react와 다르게 index.js라고 이름이 지정된 파일을 자동 라우팅 해준다. * pages/inde..