먼저 필요한 Gem들을 깔아줍니다.
gem install sinatra thin
app.rb 파일을 만들어주고, 아래와 같은 내용을 담아줍니다.
require 'sinatra'
get '/' do
"Hack your life!"
endC9 환경변수에 저장된 PORT와 IP를 활용하여 프로젝트를 시작해줍니다.
ruby app.rb -o $IP -p $PORT
자신의 프로젝트는
https://[프로젝트이름]-[자신의 c9 아이디].c9users.io 에서 확인하실 수 있습니다.
Database는 SQLite3, ORM은 DataMapper를 활용합니다. 일단 뭔지 모르겠지만, 깔아주고 시작합시다. SQLite3는 이미 우리 workspace에 깔려 있고, 우리가 필요한 건 data_mapper(& 어댑터) !
gem install data_mapper dm-sqlite-adapter
깔긴 깔았는데 이건 뭐지????
일단 모를 때는 Google로 sinatra datamapper를 검색해봅니다.
http://recipes.sinatrarb.com/p/models/data_mapper
이런 검색 결과가 나오면, 들어가서 봅니다.
일단 모를 때는 통째로 복사해 봅니다.
복붙 후에 app.rb는 다음과 같을 거에요.
require 'sinatra'
require 'data_mapper'
DataMapper::setup(:default, "sqlite3://#{Dir.pwd}/blog.db")
class Post
include DataMapper::Resource
property :id, Serial
property :title, String
property :body, Text
property :created_at, DateTime
end
# Perform basic sanity checks and initialize all relationships
# Call this when you've defined all your models
DataMapper.finalize
# automatically create the post table
Post.auto_upgrade!
get '/' do
"Hack your life!"
end정확히는 모르겠지만 이런 것 같네요
- DataMapper로 뭔가 셋업을 하는 거구나(sqlite 파일을 만드는 듯)
- Post라는 친구를 만드네. (
id, title, body, created_at이라는 게 들어가는 듯) - 뭔가 마무리짓네
.finalize! == .마무리하기! - 뭔가 자동으로 업글하네
.auto_upgrade! == .업글!
감만 잡으면 됩니다.
일단 메인(인덱스/루트) 페이지를 떼어냅시다.
views라는 폴더를 만들어내고 파일명을 index.erb로 할게요.
그럼 /views/index.erb 파일 안에는 간단한 게시글 입력폼을 넣어보겠습니다.
<!DOCTYPE html>
<html>
<head>
<title>Likelion</title>
<meta charset='utf-8'>
</head>
<body>
<h1>게시판 테스트</h1>
<form action="/create_post">
제목 : <input type="text" name="title">
내용 : <input type="text" name="body">
<button type="submit">글쓰기</button>
</form>
</body>
</html>초단간 입력폼을 만들구요
- 이 내용을
/create_post로 넘겨줄겁니다. - 제목은
title이라는 이름을 붙여주고 - 내용은
body라는 이름을 붙여줬어요.
그리고 app.rb의 코드를 바꿔줍니다.
get '/' do
"Hack your life"
end원래 "Hack your life" 걍 글자 그대로 보내주던걸, erb :index로 보내줍니다.
get '/' do
erb :index
end날려줬으니 받아줘야 겠죠?
일단 create_post라는 새로운 라우터를 하나 만들어주고, view도 설정해줍니다.
get '/create_post' do
erb :create_post
end그리고 index page에서 날려준 데이터 두 개를 일단 받아서 보여줘 볼게요.
get '/create_post' do
@title = params[:title]
@body = params[:body]
# title, body를 받아서 @title, @body에 저장 !
erb :create_post
end당연히 views/create_post.erb 도 만들어줘야겠죠?
<!DOCTYPE html>
<html>
<head>
<title>Likelion</title>
<meta charset='utf-8'>
</head>
<body>
<h1>게시판 테스트</h1>
제목 : <p><%= @title %></p>
내용 : <p><%= @body %></p>
<a href="/">홈으로</a>
</body>
</html>파일 안에는 간단히 날아온 데이터를 받아서 보여줘 봅니다.
루비코드이기 때문에, <%= %>를 둘어주셔야 하는 거 잊지 마시구영.
저장 후에 서버를 돌리시고 확인해보세요 !
우리가 만든 form이 잘 작동하는 걸 알았으니, 이제 데이터베이스를 활용해서 post를 영구적으로 저장해봅시다.
데이터베이스는 다른 거 없어요. 1. 데이터를 영구적으로 저장한다. 2. 편하게 할거다. 2. 빠르게 할거다. 이럴려고 쓰는 겁니다. (지난 시간에 파일로 저장해 봤는데 엄청 불편했었죠?)
그럼 데이터베이스를 사용해볼텐데, 방법은 간단합니다.
레일즈에서 했던 거랑 똑같이 하면 되요.
Post.create (혹은 Post.new와 Post.save)를 통해서 똑같이 해주면 됩니다.
우리는 title를 body 저장해줄거니까, app.rb 파일에다가
get '/create_post' do
@title = params[:title]
@body = params[:body]
erb :create_post
end이랬던 코드를 아래와 같이 바꿔주면 되요.
get '/create_post' do
# 1. params로 날라온 데이터를 각각에 저장해주고,
@title = params[:title]
@body = params[:body]
# 2. 각각의 내용을 해당하는 데이터베이스 column에 맞게 저장해주면 됩니다.
Post.create(
title: @title,
body: @body
)
erb :create_post
end또는 더 간단하게 날아온 데이터를 바로 넣어줘도 상관없어요.
get '/create_post' do
Post.create(
title: params[:title],
body: params[:body]
)
erb :create_post
end