개발을 하다가 보니 기본적으로 제공하는 next.js의 Routing 시스템이 편리하지만 API 부분에 대해서는 조금 불편한 점이 발견되었습니다. 기본적으로 middleware를 추가하는 작업에 대해 번거로운 작업을 동반해야 하고 그리고 기존 Express에서 사용하던 middleware에 대해 호환이 완벽하게 안된다는 점에서 따로 찾아보게 되었습니다. next.js 공식문서 개발을 하면서 multer를 사용하여 이미지 업로드 기능을 구현을 원하는 부분이 있었는데 multer를 사용하여 개발을 할려고 하자 아래와 같은 코드가 완성 되었습니다. import multer from "multer" const upload = multer({ dest: 'uploads/' }) export default (req..

jaeseokim.github.io/React/React-Nextjs-useSWR-Hook-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0/ [React, Next.js] - useSWR Hook 알아보기! Next.js를 공부하다 Client 단에서 Data Fetch할 때 자주 사용 되는 swr 에 대해서 알게 되어 한번 정리를 해보았습니다. ⭐ 혹시 잘못 이해해서 잘못된 부분이 있다면 댓글로 알려주세요.! ⭐ useSWR 이란? jaeseokim.github.io Next.js를 공부하다 Client 단에서 Data Fetch할 때 자주 사용 되는 swr 에 대해서 알게 되어 한번 정리를 해보았습니다. ⭐혹시 잘못 이해해서 잘못된 부분이 있다면 댓글로 알려주세요.!⭐ useSWR ..

Next를 사용하는 가장 큰 이유중 하나인 "Pre-Rendering" 기능에 대해 공부를 하면서 깨달은 점 몇가지가 있어서 정리를 해보았습니다. getInitialProps 를 이용한 CSR, SSR 요청 구분 Next.js의 문서를 보게 되면 getInitialProps 함수가 실행 될 때 넘어오는 context 의 값에 대해서 설명하는 부분이 있습니다. getInitialProps receives a single argument called context, it's an object with the following properties: pathname - Current route. That is the path of the page in /pages query - Query string secti..

⭐주의⭐ 지식이 매우 부족한 상태에서 아무렇게나 적어둔 글입니다. 잘못된 정보가 포함될 수 있습니다. 잘못 된 부분은 댓글로 알려주세요! Next.js란? Next.js 는 React의 SSR(Server Side Rendering)를 도와주는 프레임 워크입니다. 기본 React는 SSR과 CSR 두 가지 모두 지원을 하지만 보통 기본적으로 SPA(Single Page Applciation)으로 CSR(Client Side Rednering)를 사용합니다. 이때 CSR과 SSR에 대한 장점과 단점이 나타나게 되는데 CSR기반은 초기에 한번만 로딩 되고 나면 JS를 이용하여 모든 Dom를 구현하기 때문에 사용자가 페이지 전환이 유연하게 이루어 진다는 것을 느끼게 됩니다. 단점은 사이트 규모가 커지게 되면 ..

jaeseokim.github.io/React/React-JS-%EA%B3%B5%EC%A0%81-%EB%A7%88%EC%8A%A4%ED%81%AC%EB%A7%B5-%EA%B0%9C%EB%B0%9C-%ED%9B%84%EA%B8%B0feat-Kakaomap/ [React JS] - 공적 마스크맵 개발 후기(feat. Kakaomap) 이번에 React JS에 대해 공부를 하면서 "나도 한번 마스크맵, 재난문자 서비스를 개발 해보자!" 라는 생각이 가지게 되어서 급하게 바로 개발을 하기 시작 하게 되었다. 맨 처음 리액트의 컴포넌트 jaeseokim.github.io 이번에 React JS에 대해 공부를 하면서 "나도 한번 마스크 맵, 재난문자 서비스를 개발해보자!"라는 생각이 가지게 되어서 급하게 바로 개발..