
[css] 팀플하면서 배우는 동적으로 css 입히기
페이지네이션 기능 ) 'active' 클래스 동적으로 적용하기 사이드바 기능) hover시 배경색상 바뀌는 것 동적으로 적용하기 => 이름이 "Home"인 경우에만 bg-slate-600 클래스를 적용합니다. 즉, "Home" 아이템은 밝은 배경색을 갖게 됩니다.
페이지네이션 기능 ) 'active' 클래스 동적으로 적용하기 사이드바 기능) hover시 배경색상 바뀌는 것 동적으로 적용하기 => 이름이 "Home"인 경우에만 bg-slate-600 클래스를 적용합니다. 즉, "Home" 아이템은 밝은 배경색을 갖게 됩니다.
https://www.youtube.com/watch?v=FJDVKeh7RJI 1. type Person = { name: string; age?: number; // 되도록 ?은 지양 } let Person: Person = { name: "안진", } let lotsOfPeople: Person[]; //⭐️ [{Person1}, {Person2}, {Person3} ... { }] => let lotsOfPeople: Person[]; 는, { Person객체 }로 이루어져 있는 배열이라는 표현 2. type의 확장 3. interface의 확장 2, 3 복합 (type interface 끼리 융합) ❶ ❷
https://www.youtube.com/watch?v=wAGIOCqS8tk -전체적인 로직은 이 영상 참고하면서 작성함. Trouble shooting -원래의 이 코드를, 페이지네이션 기능을 추가하면서 -여기에 +)useState의 setListOfPosts()를 추가해야 하는 상황 useEffect(() => { const fetchData = () => { dispatch(__getPostsSlice()); }; fetchData(); }, [dispatch]); ⬇︎ -이렇게 useEffect + fetchData 부분에서 -dispatch 반환 결과를 구조분해할당으로 받아온 다음 시도해보려 했으나, 반환결과로 예상했었던 postsData가 아무리 해도 undefined가 나왔음 ... use..