React-slick React-nodebird -05 이미지 캐러셀 현재 내가 만들고 있는 트위터 비슷한 이 노드버드 프로젝트에는 사람들이 게시글을 올릴 수 있고, 그 게시글에는 기본 글 외에도 이미지,해쉬태그 등을 올릴 수 있을 것이다. 이미지 작업을 해보자. 우선 post reducer의 맨 처음 게시글에는 3종류의 이미지를 넣어주었다. 지금은 이미지를 3개만 올렸기 때문에 크게 문제가 되지는 않지만, 만약 많은 수의 이미지를 넣었다면 ? ... React-slickreact-nodebirdsliderreduxSlickReactReact TVING 클론 코딩 프로젝트 - useParams 와 useNavigate 우리가 영화 리스트가 나오고 리스트 중에 특정 포스터를 클릭하면 그 포스터 내용과 관련된 내용이 나오는 Detail창이 나오는 사이트가 보일 것이다 그러려면 포스터를 클릭할 때 포스터마다 고유의 값이 존재해야 한다 그 고유의 값을 가져와 보도록 하자 V5버전 useHistory V6버전 useNavigate 다음처럼 훨씬 간편해졌다 이제 useNavigate를 이용해 id 값을 가진 링크로 ... TVINGTailwind CSSuseNavigateuseParams프로젝트React-slickReacttypescriptReact
React-nodebird -05 이미지 캐러셀 현재 내가 만들고 있는 트위터 비슷한 이 노드버드 프로젝트에는 사람들이 게시글을 올릴 수 있고, 그 게시글에는 기본 글 외에도 이미지,해쉬태그 등을 올릴 수 있을 것이다. 이미지 작업을 해보자. 우선 post reducer의 맨 처음 게시글에는 3종류의 이미지를 넣어주었다. 지금은 이미지를 3개만 올렸기 때문에 크게 문제가 되지는 않지만, 만약 많은 수의 이미지를 넣었다면 ? ... React-slickreact-nodebirdsliderreduxSlickReactReact TVING 클론 코딩 프로젝트 - useParams 와 useNavigate 우리가 영화 리스트가 나오고 리스트 중에 특정 포스터를 클릭하면 그 포스터 내용과 관련된 내용이 나오는 Detail창이 나오는 사이트가 보일 것이다 그러려면 포스터를 클릭할 때 포스터마다 고유의 값이 존재해야 한다 그 고유의 값을 가져와 보도록 하자 V5버전 useHistory V6버전 useNavigate 다음처럼 훨씬 간편해졌다 이제 useNavigate를 이용해 id 값을 가진 링크로 ... TVINGTailwind CSSuseNavigateuseParams프로젝트React-slickReacttypescriptReact