Start AWS Cloud9 (3) - Start Ruby on rails(AWS c9 시작하기 - 루비 온 레일즈 시작하기)

Start AWS Cloud9 (3) - Start Ruby on rails(AWS c9 시작하기 - 루비 온 레일즈 시작하기)

Start AWS Cloud9 (3) - Start Ruby on rails(AWS c9 시작하기 - 루비 온 레일즈 시작하기)

클라우드 개발 환경이 만들어졌으면 ruby on rails 로 개발을 하는 방법에 대해 알아보자

Start Ruby on rails

  1. 기본적으로 ruby(2.4.1) 와 rails(ver 5.1.4), sqlite3(ver 3.7.17)가 깔려있다. 확인해주자

루비 버전 체크 명령어

ruby -v

sqlite3 버전 체크 명령어

sqlite3 --version

레일즈 버전 체크 명령어

rails --version
  1. 확인이 끝났으면 새로운 레일즈 프로젝트를 만들어준다.

새로운 레일즈 프로젝트 만드는 명령어

rails new projectName

그러면 아래 그림과 같이 필요한 파일, 폴더들을 알아서 만들어준다 !

enter image description here

  1. 다 만들어졌으면 만들어진 폴더에 들어가는 명령어를 입력한다.
cd projectName
  1. 그 다음 서버를 켜서 제대로 레일즈가 동작하는지 확인하기 위해 콘솔창 옆에 + 버튼을 눌러서 New Run Configuration 을 클릭한다.
    enter image description here
  2. 그 다음 오른쪽에 CWD를 눌러 만든 폴더로 위치시킨 후 SELECT 버튼을 누른다.
    enter image description here
    enter image description here
  3. 그 다음 Command 창에 rails s를 쓰고 엔터 친다.
    enter image description here
  4. 그 다음 Preview 버튼을 누르고 Preview Running Application 버튼을 클릭한다.
    enter image description here
  5. 그 다음 맨 오른쪽에 네모 버튼을 누르면 레일즈가 제대로 작동하는 것을 확인할 수 있다. 앞으로 해당 브라우저에서 우리의 작업물을 실시간으로 확인할 수 있다.
    enter image description here
    enter image description here

참고로 아래 콘솔창이 꺼졌을 경우 당황하지말고 view 를 클릭해서 console 을 클릭하면 다시 켜진다 :)
enter image description here

이제 AWS c9 에서 Ruby on rails 를 이용해 개발해보자 !

댓글

  1. 익명2019년 2월 20일 오후 8:38

    감사합니다 덕분에 세팅 잘 했네요

    답글삭제
    답글
    1. A+MEN2019년 4월 9일 오전 12:18

      도움이 되었다니 기쁘네요 감사합니다 ^^

      삭제
  2. Unknown2019년 4월 29일 오전 1:19

    진자 감사합니다 8ㅅ8 preview running만 하고 도대체 왜 안켜지지 한참 헤맸는데 감사합니다 8ㅅ8

    답글삭제
    답글
    1. A+MEN2020년 3월 24일 오후 8:17

      도움이 되었다니 기쁘네요 감사합니다 ^^

      삭제

댓글 쓰기

이 블로그의 인기 게시물

부트스트랩 사용 시 버튼 오른쪽 정렬하는 방법 (How to use float-right for right align in bootstrap)

Bootstrap 사용 시 버튼을 오른쪽 정렬하는 방법 버튼 클래스에 float-right 해준다. 예시) Bootstrap v4.0 <div class = "row" > <div class = "col-12" > One <input type = "button" class = "btn float-right" value = "test" ></div> <div class = "col-12" > Two <input type = "button" class = "btn float-right" value = "test" ></div> </div> 참고 링크 https://getbootstrap.com/docs/4.0/utilities/float/#responsive https://stackoverflow.com/questions/15446189/how-can-i-get-my-twitter-bootstrap-buttons-to-right-align
자세한 내용 보기

맥(Mac)에서 MySql 사용 시 Error: Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2) 오류가 발생하는 경우 해결 방법

## 맥(Mac)에서 MySql 사용 시 Error: Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2) 오류가 발생하는 경우 해결 방법 mysql 사용 시 간혹 Error: Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2) 라는 오류를 마주하게 될 때가 있다. mysql 이 비정상적으로 종료를 하게 되면 나타나는 현상이라고 하는데 어떻게 해결해야 하는지 알아봅니다. 저의 경우는 아래와 같이 2줄을 해당 프로젝트 폴더 위치에서 터미널을 실행하면 해결이 되었습니다. ```shell brew services stop mysql brew services start mysql ``` 그 다음 해결이 되었는지 확인할 때 아래와 같이 확인하고, 비밀번호를 입력합니다. ```shell mysql -u root -p ``` 비밀번호 설정이 되어있지 않은 경우 아래와 같이해도 무방합니다. ```shell mysql ``` 참고: https://postitforhooney.tistory.com/entry/MACDBError-Cant-connect-to-local-MySQL-server-through-socket-tmpmysqlsock-2 [PostIT]
자세한 내용 보기

HTML, CSS - footer fixed (foot 하단 고정 시키기)

이미지
footer fixed 꽤나 자주 쓰이는 부분인데 항상 할 때 마다 애를 먹었다. 그래서 기억해두려고 한다. 하단 푸터가 스크롤과 상관없이 계속 밑에 고정이 되어있게 하는 방법 ! How to fix footer location(bottom) HTML < footer > footer fix </ footer > CSS footer { position : fixed ; left : 0 px ; bottom : 0 px ; height : 60 px ; width : 100% ; background : grey ; color : white ; } Result
자세한 내용 보기