밀래의 코딩북

React 프로젝트 생성하는 방법은 사용 용도에 따라 크게 4가지로 소개되고 있습니다. 일반적으로 front 독립적으로 운영되는 create-app cli를 활용한 방법을 활용합니다. 그리고 서버 사이드 랜더링 및 풀스택개발을 위한 Next.js를 기반으로 프로젝트를 생성할 수 있습니다. 이 포스팅에서는 Next.js를 활용하여 기본적인 프로젝트를 생성하는 방버에 대해 작성해보려고 합니다. 0. Next.js 란? Next.js는 리액트를 기반으로 한 오픈소스 자바스크립트 웹 프레임워크로, 리액트에는 없는 서버 사이드 렌더링 (SSR), 정적 사이트 생성 (SSG), 증분 정적 재생성 (ISR)과 같은 다양하고 풍부한 기능을 제공합니다. 이를 통해 개발자는 클라이언트와 서버에서 아주 복잡한 작업을 별다른..

로또 번호를 랜덤으로 생성해주는 프로젝트를 만들기 위해 React 프로젝트를 생성해보도록 하겠습니다. 우선 프로젝트를 생성하기전에 node 8.10 혹은 상위 버전 및 npm 5.6 혹은 상위 버전을 설치해야 됩니다. 기본적으로 node를 설치할 때는 node 공식 홈페이지에서 다운로드 후 설치 하곤 합니다. 저는 어플리케이션 마다 node 버전 관리를 하기 위해 nvm을 주로 사용합니다. 이번 프로젝트 생성 포스팅에서는 nvm을 먼저 설치 한 후 React 프로젝트를 생성해 보겠습니다. 1. nvm 및 node 설치하기. (맥 OS) 1-1 설치 sudo curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash..