본문 바로가기

취미

c9 사용법

 c9사용법


1. express-generator를 통해서 프로젝트 폴더 생성.




(프로젝트가 잘 생성되었는지 확인하고..)







2. .프로젝트 폴더를 깃허브와 연결






ㄴ깃허브 계정 생성 후 로그인하여 새로운 repository를 생성후





ㄴ terminal에서 express-generator로 만든 port-test 폴더로 들어가서 

위 명령어를 적어줌.


위 명령어가 잘 안먹으면 그냥 아래 명령어로..


git init -> git add * -> git commit -m "first commit" -> git push origin master 순서로 폴더를 깃허브 저장소에 올리기.





3. c9.io 계정생성 후 깃허브 아이디 연동





c9계정 생성 후에 repository 메뉴로 들어가서 해당 프로젝트 폴더를 c9에서 배포하기 위하여 

'clone to edit' 버튼을 누름.




4. c9 내의 터미널을 통해서 프로젝트 구동







깃허브에서처럼 c9프로젝트의 이름과 간략한 설명, 그리고 구동환경을 선택해줌







5. 서버에 프로젝트 배포에 필요한 패키지 설치해주기





(프로젝트 만들어지는 모습)







이미 local에서 만들어 놓은 프로젝트 폴더를 깃으로 올린 후라서 

package.json에 기본적으로 필요한 패키지 들어있음.

npm install 명령어로 패키지 설치해야함.



7. 잘 돌아가는지 확인하기!!







위 과정에서 패키지 설치가 완료되면 npm start명령어로 서버 가동해보기.


브라우저에서 확인할 때는 


[프로젝트명]-[내아이디].c9users.io url로 들어가서 확인하기.


(프로젝트명과 내 아이디 사이에 하이픈 들어감!)




브라우저에 나온 모습.. ㅎㅎ 잘돌아간당! 이제 여기에 프로젝트 업데이트 하기.


다음편에 계속...