NextJS (2) 썸네일형 리스트형 NextJS에서 SVG 적용하는 법 회사에서 NextJS를 사용하는 바람에 React만 겨우 할줄 아는 코린이는 급하게 배우느라 정신이 없다. 전에는 세팅이 된 파일로 작업을 했는데 이번에 새로운 프로젝트 들어가게 되어서 프로젝트 파일을 새로 만들다보니 이것저것 환경설정할게 너무 많다. 하하 NextJS도 TypeScript처럼 SVG 파일이 바로 적용이 되지 않나본지 이것저것 설정을 해줘야하는 것이 있어 정리해놓고 나중에 헤메지 말아야지 $ yarn add --dev @svgr/webpack devDependencie 먼자 깔아주자 그 다음 next.config.jsx 파일에 모듈을 export 해줘야한다. const nextConfig = { reactStrictMode: true, webpack: (config) => { config.. Data Fetching 어렵게 생각할 것 없이 말 그대로 데이터를 가져오는 작업이다. 실무에서도 많이 쓰이는 단어이니 익숙해지도록 하자! 화면에 무언가를 그리려면 결국에는 그 무언가를 표현할 수 있는 데이터가 있어야한다. Next.js가 제시하는 Data Fecting 은 총 4가지 방법이 있다 SSR / CSR / SSG / ISR SSR SSR(Sever Side Render)은 그림을 그리는 대상이 'Server' 이다. 읭 이상하다. 갑자기 서버가 왜 나오는 거지? 예전에 '서버'라고 하면 정말 순수 BE 서버를 의미했지만 요즘은 다르다. SSR에서 말하는 서버는 프론트단에서 컨트롤하는 서버로 API를 통해 직접 데이터에 접근하는 백앤드 서버를 의미하는 것이 아니다. 사용자에게 보여줄 데이터를 미리 이 서버로 가져와 페.. 이전 1 다음
