데이터와 동고동락 중인 개발자 입니다.

.net core 기반 React 프로젝트를 Docker로 빌드 후 배포를 해보려고 합니다. 기본으로 제공되어있는 Dockfile로는 빌드가 진행되지 않고 실패가 떨어지게 될 것 입니다. RUN apt-get updateRUN apt-get install -y curlRUN apt-get install -y libpng-dev libjpeg-dev curl libxi6 build-essential libgl1-mesa-glxRUN curl -sL https://deb.nodesource.com/setup_lts.x | bash -RUN apt-get install -y nodejs React는 node.js 위에서 동작을 하고 npm으로 설치되어있는 여러가지 라이브러리가 필요하기 때문인데요. ASP.NE..

react 실행을 했을 때 해당 오류를 볼 수 있습니다. 1. npm 재설치 npm cache clean --force rm node_modules npm install 혹은 npm update node_modules 폴더 삭제 package-lock.json 삭제 npm cache clean --force npm install

해당 경고창이 무수하게 떠서 무엇인지 알아보았습니다. 기본 내보내기는 더 이상 사용하지 않는다는 내용입니다. 1. import 수정 import create from'zustand' import { create } from'zustand' 하단의 내용으로 수정하면 경고창이 말끔히 사라집니다. : )

Setup - Create a Next.js App | Learn Next.js (nextjs.org) Learn | Next.js Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more. nextjs.org 참고하여 Next.js에 Navigate 기능인 Link를 달아보려고 합니다. 1. pages/posts/first-post.jsx를 생성해줍니다. import Link from 'next/link'; export default function FirstPost() {..

Setup - Create a Next.js App | Learn Next.js (nextjs.org) Learn | Next.js Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more. nextjs.org 참고하여 Next.js를 이용한 프로젝트를 만들어보려고 합니다. 1. 프로젝트 생성 # 프로젝트 세팅 npx create-next-app@latest nextjs-blog --use-npm --example "https://github.com/vercel/next-le..

react 프로젝트를 실행할 때 간혹 Error: Cannot find module .... 라는 오류를 보게 됩니다. 해결방법 # 명령어로 캐시를 삭제 npm cache clean --force # node_modules 폴더 삭제 # package-lock.json 파일 삭제 # 재설치 npm install

Next.js란 React로 만드는 서버사이드 렌더링 프레임 워크 입니다. 서버사이드 렌더링으로 얻게 되는 이점 1. 사용자가 웹을 보기까지의 대기 시간이 줄어듭니다. 2. 자바스크립트 로그가 되지 않아도 페이지 일부가 표출이 되어 구글 검색엔진에 걸릴 수 있습니다. 1. Next.js project 만드는 법 npx create-next-app