R

Next.js 에서 이미지를 최적화 해주는 Image 컴포넌트! 경로가 헷갈려서 가끔 안될때가 있어 정리해보았다. 로컬기준으로 public 폴더에 image를 넣어주면 이미지 컴포넌트를 사용할경우 불러올수있다. 외부에서 불러오는 이미지는 next.config.js에 따로 설정해야 한다고 한다. 로컬에서 불러올때 두가지 방법이 있는데 Image 컴포넌트 src프로퍼티에 직접 경로를 넣어주는 방법과 import해오는 방법이 있다. 나는 루트에 public 폴더를 설정하고 그 안에 images 폴더를 만들어 주었다. - src 에 경로 설정 (public 을 / 로 표현) import Image from 'next/image' export default function Home() { return ( ) } ..

>>Redux state를 관리하는 도구입니다 store라는 저장소에서 component들의 state를 관리하죠 component가 많아지고 관리해야하는 state들이 많아지면 props관리가 힘들어집니다. redux를 사용하게 되면 모든 component에서 reducer함수와 action을 통해 state에 접근 할 수 있습니다. 그럼 어떻게 state를 관리할까요 바로 action을 dispatch하면 reducer함수를 호출합니다. reducer는 store에가서 현재 state값을 가져와 새로운 state를 반환해줍니다. action //components import {TEST} from './redux' //action type 가져오기 dispatch({type:TEST}) dispatc..