1220 TIL 6699 devLog

오늘 한 것

• 나의 명언 불러오기 기능
• 내가 쓴 댓글(댓글이 써있는 게시물 미리보기) 불러오기 기능
• 좋아요 누른 게시물 불러오기 (보이는건 x)
• 좋아요 누른 명언 불러오기 기능
• slice사용해서 state관리하기
• 내가쓴 댓글이 있는 게시물로 이동
• 게시물 페이지의 토글 보이도록 구현

새로 알게된 점

MySlice.js

import { createSlice } from '@reduxjs/toolkit';

const initialState = { sayings: [], comments: [],
  likedSayings:[],likedComments:[] };

const mySlice = createSlice({
  name: 'mypage',
  initialState: initialState,
  reducers: {
    setSayings: (state,{payload}) => {
      state.sayings = payload;
    },
    setComments: (state,{payload}) => {
      state.comments = payload;
    },
    setLikedSayings: (state, { payload }) => {
      state.likedSayings = payload;
    },
    setLikedComments: (state,{payload}) => {
      state.likedComments = payload;
    }
  }
});

export const { setSayings, setComments, setLikedSayings, setLikedSayings } = mySlice.actions;

export default mySlice.reducer;

payload부분에 원래 action이라고 적는데, 구조분해할당을 이용해서 action의 payload를 가져왔다.

input창 클릭시 생기는 경계선 없애기

input:focus{outline:none}

참고