React-nodebird -05

이미지 캐러셀 현재 내가 만들고 있는 트위터 비슷한 이 노드버드 프로젝트에는 사람들이 게시글을 올릴 수 있고, 그 게시글에는 기본 글 외에도 이미지,해쉬태그 등을 올릴 수 있을 것이다. 이미지 작업을 해보자. 우선 post reducer의 맨 처음 게시글에는 3종류의 이미지를 넣어주었다. 지금은 이미지를 3개만 올렸기 때문에 크게 문제가 되지는 않지만, 만약 많은 수의 이미지를 넣었다면 ? ...

React-slickreact-nodebirdsliderreduxSlickReactReact

<페이지네이션>살려주세요 게시물 목록 페이지가 -100페이지까지 가요 Pagination

yarn add @types/react-slick--dev 이렇게하면 같이 쓸수 있고 다른 라이브러리도 타입스크립트랑 같이 쓰고 싶으면 다운 받아주면 된다 우리가 원래했던 3개 써서 라우터로 페이지 이동하는 형식 ! 2. 함수에다가는 event.target.id를 넣을 수 있게 된다 1. 페이지 숫자 span 태그로 만들기 2. 숫자 누르면 이동하는 onclick 함수 만들어주기 3. 숫자별...

paginationprops.childrenheadernavigationBannerLiftingStateUpReact-slickBanner

React-slick (슬라이드쇼 만들기)

우선 슬라이드쇼를 만들기에 앞서 react-slick를 설치해야한다. 이는 React에서 슬라이드 쇼를 만들수 있게 해준다. 설치해야할 것들 npm stall react-click --save yarn add react-click 2) npm install slick-carousel 요거는 css파일을 import 시키기 위해서 설치를 해줘야한다. 이것을 설치를 했다면 import "slic...

ReactReact-slickReact