all is well!!

👀 1차 전체적인 목표 🟣 Main 카드 - 작성 날짜(4일전 ,6일 전…), 댓글 수, 카드 호버시 애니메이션 🟣 detail 좋아요 작성자 모든 포스트 목록 보기 댓글쓰기 🟣 write 작성글 실시간 미리보기 뒤로가기 임시저장 기능 Input 저장 기능 ⚽️ Daily Goal 1.redux의 dummydata 제목으로 필터링 2. write page ui 작업

메인페이지의 카드 게시글의 제목으로 reudx toolkit에 저장되어있는 해당 상세페이지 글을 걸러서 보여주려고 했었다. 하지만 뭘 가져오면 어김없이 뜨는 빨간줄..ㅠ 읽어보니 또 type 문제였던거 같다... 구글링을 통해서 타입 단언 as type로 해결했다. router.query에서 가져온 title을 typescript가 인지하는 타입이 있다고 하더라도 내가 받아오는 title값은 배열도 undefined도 아닌 string으로 생각하게끔 as string을 넣어줬다. 그런데 데이터가 복잡하거나 내가 원하는 데이터의 타입에 대해 확실하지 않을 경우에는 타입단언을 남용하면 안될것 같다.. 타입 선언은 기존에 설정되어있는 interpace에 맞게 들어가는지 검사를 하는데 내가 쓴 타입 단언은 내가..

👀 1차 전체적인 목표 🟣 Main 카드 - 작성 날짜(4일전 ,6일 전…), 댓글 수, 카드 호버시 애니메이션 🟣 detail 좋아요 작성자 모든 포스트 목록 보기 댓글쓰기 🟣 write 작성글 실시간 미리보기 뒤로가기 임시저장 기능 Input 저장 기능 ⚽️ Daily Goal 1. sectionUser ui 작업 2. sectionNevNext ui 작업 3. sectionComment ui 작업

🟣 redux toolkit을 쓰는 이유 - redux의 세가지 단점을 보완할 수 있다. 1. 저장소를 설정하는것이 너무 복잡하다 2. 많은 패키지들을 더 설치해야 한다. 3. 보일러플레이트 코드를 너무 많이 필요로 한다. 1. configureStore() createStore를 감싸서 기본값들과 단순화된 설정을 제공. 리듀서 조각을 합칠 수 있다. 그리고 미들웨어들도 더 할수 있고 Redux DevTools도 확장 가능하다. 2. createSlice() slice 이름과 상태 초기값, 리듀서 함수들로 이루어진 객체를 받아 createAction와 action type을 포함하는 리듀서 조각을 자동으로 만들어준다. redux toolkit에는 immer(react에서 불변성을 유지하는 코드를 작성하기..

👀 1차 전체적인 목표 🟣 Main 카드 - 작성 날짜(4일전 ,6일 전…), 댓글 수, 카드 호버시 애니메이션 🟣 detail 좋아요 작성자 모든 포스트 목록 보기 댓글쓰기 🟣 write 작성글 실시간 미리보기 뒤로가기 임시저장 기능 Input 저장 기능 ⚽️ Daily Goal 1. detailArticle ui 작업 2. writepage 컴포넌트 나누기(figma)