View
225
Download
1
Category
Preview:
Citation preview
*
Ruby On Rails
본 교육자료는 팀 에어 내의 팀원 교육용으로 제작되었음을 알려드립니다. 팀에어 팀원 외 허락을 받지 않은 사람의 무단도용을 일체 금합니다.
ContentsㄴRails 소개ㄴ설치하기ㄴMVCㄴViewㄴErb에 대한 설명ㄴAssets 폴더 설명
ㄴControllerㄴAction과 Post, Get 받는 방법
ㄴModelㄴ데이터베이스 설명ㄴ데이터 검증하기ㄴ테이블간 관계 설정
+ 숙제
왜 레일즈일까?
다른 것보다 쉬워요
효율적이게 개발할 수 있어요
그래서, 레일즈가 무엇일까?
루비로 작성된 MVC패턴을 이용하는 오픈 소스 프레임워크
레일즈굿
웹 애플리케이션을 손쉽게개발, 배치 유지 보수할 수 있게 해주는 프레임워크
일단 설치부터 해봅시다!
http://railsinstaller.org
윈도우
설치하면 끝
맥이요?
찬희가 해줄거에요노예
다 설치하셨다면배울 준비를 해줍시다!
레일즈 프로젝트 만들기윈도우
rails new [프로젝트 이름] --skip-bundle
[윈도우는 bundle을 skip하지 않으면 에러가 펑펑]
맥
rails new [프로젝트 이름]
많아요, 정말
실제로 사용할 파일들
YEEEEEEEEEAAAAAAAAAH
rails server이제 크롬을 켜서 localhost:3000으로 가봅시다
짜잔
rails generate controller main index
main 컨트롤러를 만들고그 안에 index를 추가해주세요!
(generate는 g로 줄여서 사용할 수 있어요)
준비는 끝났어요
본격적으로해봐요!
MVC
루비로 작성된 MVC패턴을 이용하는 오픈 소스 프레임워크
Model ViewController
이 친구들은 서로 상호작용하며 하나같이 움직입니다!
화면
모델
라우팅
컨트롤러
뷰
MVC 구조
화면
모델
라우팅
컨트롤러
뷰
MVC 구조
ViewModel에 있는 데이터를 기반으로사용자 인터페이스 생성을 책임진다.
index.html.erb저게 뭐야
ERBEmbedded Ruby
파일 안에서 루비코드를 사용할 수 있다.
<% 루비 코드 %><%= 출력할 때는 이걸로 %>
쫄지마!확장자가 .erb라고 무서워하지 마세요
html 코드를 그대로 사용하면 돼요
스타일 추가는 어떻게 해요?
원하는 것이 다 있는 곳app/assets
assets
assetsㄴImages <= 그림
ㄴJavascripts <= 자바스크립트 파일ㄴStylesheets <= Css파일
파일도 추가가 가능하다!
화면
모델
라우팅
컨트롤러
뷰
MVC 구조
Controller외부에서 이벤트를 받아 Model과 상호작용을 한 뒤
사용자에게 적절한 View를 보여준다.
액션컨트롤러 안에서 만들어지는 메소드
[./app/controllers/main_controller.rb]
class MainController < ApplicationController
def index <= 액션
end
end
Post, Get과 params
Routing외부로 들어오는 URL을 인식하고
컨트롤러의 액션으로 보내주는 역할을 한다.
[./config/route.rb]
Rails.application.routes.draw do
get 'main/index‘ <= localhost:3000/main/indexㄴ get 방식으로 전송할 것이다 정도
post ‘main/index’ <= 주소는 같음ㄴ post 방식으로 전송하고 싶으면 이렇게
end
“ GET
”
[./app/controllers/main_controller.rb]
class MainController < ApplicationController
def index <= form 태그에서 전송한 데이터는 여기서 처리해요
params[:class]params[:name]params[:introduce]
end
end
화면
모델
라우팅
컨트롤러
뷰
데이터 베이스
MVC 구조
1일차 끝~!더할까?
Model애플리케이션의 상태 관리를 책임지고,
데이터에 적용되는 모든 규칙들을 집행한다.
데이터베이스통합 관리되는 정보의 집합
rails generate model UserUser 모델을 만들어주세요!
마이그레이션 파일작성하기
테이블칼럼레코드
[./db/migrate/xxxxxxx_create_users.rb]
create_table :users do |t|
t.string :user_namet.string :passwordㄴ t.[자료형] :[이름]
t.timestamps null: falseend
User
user_name password
Hiddenest 1234
Frostornge 5678
rakeRake를 사용한다는 것은
믿음직한 조수를 늘 곁에 두고 있는 것과 같다.
rake db:migrate데이터베이스를 생성해주세요!
rake db:rollback데이터베이스를 초기화 해주세요!
데이터 검증하기이상한 값들이 데이터베이스에 들어가는 것을 막아줄 것입니다!
[./app/models/user.rb]
class User < ActiveRecord::Base
[validate :[이름], 검증메서드: {option}]ex:) validate :user_name, presence: true
[presence: true] : 값이 있는지 검사한다.[uniqueness: true] : 값이 이미 데이터베이스에 있는지 검사한다.[numericality: {option}] : 값이 숫자인지 검사한다.[length: {option}] : 길이를 받는다.
end
테이블간의 관계테이블간의 관계선언을 해주자.
User
id user_name password
1 Hiddenest 1234
2 Frostornge 5678
Shopping
User_id name price
1 포카칩 5000
2 허니버터칩 8000
1 창렬칩 12000
2 YEE칩 2222
1 N
User 하나가 shopping을 많이 가지고 있다.
Shopping
User_id name price
1 포카칩 5000
2 허니버터칩 8000
1 창렬칩 12000
2 YEE칩 2222
관계선언을 하기 전에Shopping 테이블을 생성해주자
[./app/models/user.rb]
class User < ActiveRecord::Base
has_many :shoppings <= shopping 테이블의 값을 많이가지고 있다.
end
[./app/models/shopping.rb]
class Shopping < ActiveRecord::Base
belongs_to :user <= shopping 테이블의 값은 반드시 하나의 user에 속한다.
end
관계선언까지 끝냈으면이제 테이블에 데이터를 넣어줄 차례입니다!
rails console콘솔 모드로 작동하게 하는 명령어.rails c로 줄여서 사용할 수 있다.
데이터 넣기
u = User.new <= 새로운 레코드를 만든다u.user_name = “frostornge” <= 아이디를 넣어주자
u.password = “5678” <= 비밀번호를 넣어주자
u.save <= 이게 안되면 비밀번호의 길이를늘려보자
그리고, [ User.all ]를 해보면 들어간 데이터 값이 출력 될 것이다.
여기까지우리가 가르쳐주는 부분은 여기까지입니다!
대신 숙제가 있어요!덕덕고에 이은 멘탈강화훈련!
타임라인 만들기타임라인 서비스를 만들어오세요!
[ 타임라인 – 기능 ]ㄴ글 올리기, 수정, 지우기 기능ㄴ댓글 달기, 수정, 지우기 기능
간단하죠? 하하
2주일 드리겠습니다와우 많네요!
끝진짜
Recommended