본문 바로가기

IT

AWS (Git, Node 최신 버전 설치, 리액트 프로젝트 생성)

728x90

AWS

AWS EC2에서 Git을 설치하고 리액트 프로젝트를 생성하기 위해 node 최신버전을 받아보도록 하자.

 

먼저 Git을 설치하도록 한다. 

git을 설치하는 명령은 다음과 같다. 

sudo yum install git

git 설치가 정상적으로 이루어졌는지 git --version으로 확인해보도록 하자

 

다음은 node를 설치해보겠다. 

node 설치 또한 어렵지 않다. 

sudo yum install curl
curl --silent --location https://rpm.nodesource.com/setup_8.x | sudo bash -
sudo yum install -y nodejs
node -v

순서대로 입력해주고 마지막에 설치가 잘 되었는지 버전을 확인하도록 하자. 

 

여기까지 모두 정상적으로 설치가 되었으면 간단한 웹  프로그램을 실행해보도록하자.

일단 폴더를 하나 만들어주자 

mkdir "폴더명"

ls를 입력하여 정상적으로 만들어졌는지 확인해보고 cd명령어를 통해 만든 폴더로 들어가보자.

npx create-react-app "폴더명"

리액트 앱을 하나 생성해보자.

 

갑자기 에러가 발생했다. 내용은 노드버전이 14미만이여서 리액트를 생성할 수 없다. 

 

이번에 nvm을 사용하여 노드를 최신버전으로 다시 설치해보겠다.

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash

이후 nvm 활성화

 

. ~/.nvm/nvm.sh

 

nvm install node

순서대로 실행하여 최신 버전을 설치할 수 있다. 

만약 특정 버전 설치를 원한다면 nvm install 12.13.1 이런식으로 입력할 수 있다.

 

노드가 다시 최신버전으로 잘 설치되어있는지 확인해보자.

 node -v

정상적으로 설치가 완료되었다면 다시 npx create-react-app "폴더명"을 입력하여 생성해보자.

npx create-react-app "폴더명"

 

생성이 완료되었으면 IP주소에 포트 3000번으로 정상적으로 실행되는지 들어가본다.

 

마지막으로 사용자가 내가 아닌 (localhost가 아닌) 다른 클라이언트가 접속하길 원한다면 보안 설정을 해야한다. 

인스턴스 요약 정보에서 밑에 보안 메뉴에 보안 그룹이라는 링크가 있다.

 

여기에 접속하여 인바운드 규칙을 편집해야 다른 사용자가 접속할 수 있다. 인바운드 규칙 편집에서 사용자 지정 TCP에 설정한 포트번호를 입력함으로 추가할 수 있다.