이번 시간에는 GitHub에 있는 코드를 EC2에서 그대로 사용하고 싶을 경우에 보면 되겠다
1. GitHub 준비
일단 GitHub에 소스코드가 있어야 한다.
Aws-Test
app
back-end
test
WebContent
src
.....
pom.xml
front-end
blog
public
src
....
package.json프로젝트 구조는 위와 같다
2. EC2에 Git Install
그다음은 EC2에 접속하도록 한다.
sudo yum install git -y위의 코드를 입력하면 Git을 install 할 수 있다
git versionCompelte! 를 확인한 다음 위의 코드를 입력해서 잘 Install 되었는지랑 Version도 확인한다
이렇게 결과가 나왔다면 잘된 것이다
3. git Clone
다시 GitHub로 돌아와서
저장사의 최상위로 간 다음 【Code▼】을 클릭 한 다음 URL를 복사한다
그리고 다시 Terminal로 돌아와서
sudo git clone << github Adress >>위의 코드를 입력한다
그다음 ls 를 입력하면 복사가 된 것을 확인할 수가 있다.
4. npm install
Node.js 기반의 React.js, Vue.js, Angular.js 같은 경우에는 【node_modules】 라는 여러 가지 라이브러리가 저장되어 있는 폴더가 있다.
Git에 올릴 때는 무겁기 때문에 .gitignore 에서 올리지 말라고 걸러내어 준다
그러므로 우리는 【node_modules】 라는 폴더를 생성시켜줘야 한다.
해당 프로젝트 폴더 안으로 이동한다 ( package.json이 있는 폴더 )
npm install위의 코드를 입력하면 【node_modules】가 생성될 것이다
이런...
Error: EACCES: permission denied, mkdir '/home/ec2-user/Aws-Test/app/front-end/blog/node_modules'
에러가 났다. 이 에러는 폴더를 만드는 권한이 없기 때문에 나오는 에러이다
경로를 【node_modules】 전까지만 복사를 해준다.
sudo chmod 777 <<대상 폴더>>위의 코드를 넣어준다
<<대상 폴더>> 에는 위에 복사한 경로를 넣어주고, 다시 npm install 를 해준다
이번에도 똑같은 에러가 났다..
대상이 【package-lock.json】 이기 때문에 대상을 한번 바꿔서 해보도록 하겠다
뭔가 모르겠지만 해결이 된 듯하다
그리고 권한을 원래대로 되돌리도록 한다
sudo chmod 755 <<대상 폴더 또는 파일>>
5. Server 실행
npm startServer 를 실행해 보자!
이렇게 실행이 완료되었고, EC2 인스턴스의 【퍼블릭 IPv4 주소:3000】으로 접속을 하자
잘 접속이 되는 것을 확인했다
