루비온레일즈_01_간단한 정적인 홈페이지 제작

•

1 gostou•774 visualizações

루비온레일즈_01_간단한 정적인 홈페이지 제작

루비온레일즈로
2시간만에
홈페이지 제작하기
코딩카페 with 멋쟁이사자처럼_이상훈 (lsh00124@naver.com)

준비물
html, css의 이해
Github 계정
2

루비온레일즈(Ruby on Rails)
루비로 작성된 MVC모델을 기반으로 하는 프레임워크.
쉽고 빠른 웹 어플리케이션 구축.
3

오늘의 8분
간단한 정적 홈페이지 생성
4

오늘의 8분
c9.io 접속 – github로 가입하기
루비온레일즈 프로젝트 생성하기
index.html 생성하기
Bootstrap 예제 가져오기
css, js CDN 사용하기
5

다음 8분
MVC 모델 이해, 컨트롤러 생성
6

Recomendados

Ror 2주차(컨트롤러 생성)

Ror 2주차(컨트롤러 생성)

Ror 2주차(컨트롤러 생성)SangHun Lee

Ror 4주차(루비맛보기, form 태그)

Ror 4주차(루비맛보기, form 태그)

Ror 4주차(루비맛보기, form 태그)SangHun Lee

I am ASP.NET Core Razor Pages

I am ASP.NET Core Razor Pages

I am ASP.NET Core Razor Pages SangHoon Han

Meteor를 통해서 개발하는 웹어플리케이션 서비스

Meteor를 통해서 개발하는 웹어플리케이션 서비스

Meteor를 통해서 개발하는 웹어플리케이션 서비스WebFrameworks

Hacosa js study 4주차

Hacosa js study 4주차

Hacosa js study 4주차Seong Bong Ji

신입 웹 개발자 포트폴리오 / 댓글 게시판

신입 웹 개발자 포트폴리오 / 댓글 게시판

신입 웹 개발자 포트폴리오 / 댓글 게시판hyeonjae Cheon

웹 Front-End 실무 이야기

웹 Front-End 실무 이야기

웹 Front-End 실무 이야기JinKwon Lee

vuetiful korea 발표자료

vuetiful korea 발표자료

vuetiful korea 발표자료치웅 이

Recomendados

Ror 2주차(컨트롤러 생성)

Ror 2주차(컨트롤러 생성)

Ror 2주차(컨트롤러 생성)SangHun Lee

Ror 4주차(루비맛보기, form 태그)

Ror 4주차(루비맛보기, form 태그)

Ror 4주차(루비맛보기, form 태그)SangHun Lee

I am ASP.NET Core Razor Pages

I am ASP.NET Core Razor Pages

I am ASP.NET Core Razor Pages SangHoon Han

Meteor를 통해서 개발하는 웹어플리케이션 서비스

Meteor를 통해서 개발하는 웹어플리케이션 서비스

Meteor를 통해서 개발하는 웹어플리케이션 서비스WebFrameworks

Hacosa js study 4주차

Hacosa js study 4주차

Hacosa js study 4주차Seong Bong Ji

신입 웹 개발자 포트폴리오 / 댓글 게시판

신입 웹 개발자 포트폴리오 / 댓글 게시판

신입 웹 개발자 포트폴리오 / 댓글 게시판hyeonjae Cheon

웹 Front-End 실무 이야기

웹 Front-End 실무 이야기

웹 Front-End 실무 이야기JinKwon Lee

vuetiful korea 발표자료

vuetiful korea 발표자료

vuetiful korea 발표자료치웅 이

ECMA ScriptWonjun Hwang

혁신적인 웹컴포넌트 라이브러리 - Polymer

혁신적인 웹컴포넌트 라이브러리 - Polymer

혁신적인 웹컴포넌트 라이브러리 - PolymerJae Sung Park

Front-end Development with Ruby on Rails

Front-end Development with Ruby on Rails

Front-end Development with Ruby on Rails추근 문

PHP Slim Framework with Angular

PHP Slim Framework with Angular

PHP Slim Framework with AngularJT Jintae Jung

자바스크립트의 또다른 발전, Backbone.js

자바스크립트의 또다른 발전, Backbone.js

자바스크립트의 또다른 발전, Backbone.jsJinKwon Lee

어그로월드 Season1 - Aggro World season 1

어그로월드 Season1 - Aggro World season 1

어그로월드 Season1 - Aggro World season 1bingoori

Hands-on Vue Springboot Simple Admin

Hands-on Vue Springboot Simple Admin

Hands-on Vue Springboot Simple Admin월간 IT 슬라이드

Layout and rendering

Layout and rendering

Layout and renderingSangyong Sim

Azure functions

Azure functions

Azure functionsRecursiveSoft Inc.

HTML5로 만드는 데스크탑 어플리케이션 (Node-Webkit)

HTML5로 만드는 데스크탑 어플리케이션 (Node-Webkit)

HTML5로 만드는 데스크탑 어플리케이션 (Node-Webkit)JinKwon Lee

Datasnap web client

Datasnap web client

Datasnap web clientKenu, GwangNam Heo

자바 서블릿과 세션 (Java Servlet, Session)

자바 서블릿과 세션 (Java Servlet, Session)

자바 서블릿과 세션 (Java Servlet, Session)Yu Yongwoo

KSUG 스프링캠프 2017 발표자료

KSUG 스프링캠프 2017 발표자료

KSUG 스프링캠프 2017 발표자료용근 권

[토크아이티] 프런트엔드 개발 시작하기 저자 특강

[토크아이티] 프런트엔드 개발 시작하기 저자 특강

[토크아이티] 프런트엔드 개발 시작하기 저자 특강 우영 주

Rainbow Project Web App

Rainbow Project Web App

Rainbow Project Web Appbingoori

[리뷰] 풀스택 개발자를 위한 MEAM 스택 입문

[리뷰] 풀스택 개발자를 위한 MEAM 스택 입문

[리뷰] 풀스택 개발자를 위한 MEAM 스택 입문종훈 박

5.page typescript

5.page typescript

5.page typescript이경주 이경주

Angular 기본 개념 잡기

Angular 기본 개념 잡기

Angular 기본 개념 잡기장현 한

(리액트기초강좌)Reactjs helloworld_리액트공부열심히하세요~

(리액트기초강좌)Reactjs helloworld_리액트공부열심히하세요~

(리액트기초강좌)Reactjs helloworld_리액트공부열심히하세요~탑크리에듀(구로디지털단지역3번출구 2분거리)

[111015/아꿈사] HTML5를 여행하는 비(非) 웹 개발자를 위한 안내서 - 1부 웹소켓.

[111015/아꿈사] HTML5를 여행하는 비(非) 웹 개발자를 위한 안내서 - 1부 웹소켓.

[111015/아꿈사] HTML5를 여행하는 비(非) 웹 개발자를 위한 안내서 - 1부 웹소켓.sung ki choi

레일스를 이용한 애자일 웹 개발 가이드

레일스를 이용한 애자일 웹 개발 가이드

레일스를 이용한 애자일 웹 개발 가이드Sukjoon Kim

JavaScript on Rails 튜토리얼

JavaScript on Rails 튜토리얼

JavaScript on Rails 튜토리얼Sukjoon Kim

Mais conteúdo relacionado

Mais procurados

ECMA ScriptWonjun Hwang

혁신적인 웹컴포넌트 라이브러리 - Polymer

혁신적인 웹컴포넌트 라이브러리 - Polymer

혁신적인 웹컴포넌트 라이브러리 - PolymerJae Sung Park

Front-end Development with Ruby on Rails

Front-end Development with Ruby on Rails

Front-end Development with Ruby on Rails추근 문

PHP Slim Framework with Angular

PHP Slim Framework with Angular

PHP Slim Framework with AngularJT Jintae Jung

자바스크립트의 또다른 발전, Backbone.js

자바스크립트의 또다른 발전, Backbone.js

자바스크립트의 또다른 발전, Backbone.jsJinKwon Lee

어그로월드 Season1 - Aggro World season 1

어그로월드 Season1 - Aggro World season 1

어그로월드 Season1 - Aggro World season 1bingoori

Hands-on Vue Springboot Simple Admin

Hands-on Vue Springboot Simple Admin

Hands-on Vue Springboot Simple Admin월간 IT 슬라이드

Layout and rendering

Layout and rendering

Layout and renderingSangyong Sim

Azure functions

Azure functions

Azure functionsRecursiveSoft Inc.

HTML5로 만드는 데스크탑 어플리케이션 (Node-Webkit)

HTML5로 만드는 데스크탑 어플리케이션 (Node-Webkit)

HTML5로 만드는 데스크탑 어플리케이션 (Node-Webkit)JinKwon Lee

Datasnap web client

Datasnap web client

Datasnap web clientKenu, GwangNam Heo

자바 서블릿과 세션 (Java Servlet, Session)

자바 서블릿과 세션 (Java Servlet, Session)

자바 서블릿과 세션 (Java Servlet, Session)Yu Yongwoo

KSUG 스프링캠프 2017 발표자료

KSUG 스프링캠프 2017 발표자료

KSUG 스프링캠프 2017 발표자료용근 권

[토크아이티] 프런트엔드 개발 시작하기 저자 특강

[토크아이티] 프런트엔드 개발 시작하기 저자 특강

[토크아이티] 프런트엔드 개발 시작하기 저자 특강 우영 주

Rainbow Project Web App

Rainbow Project Web App

Rainbow Project Web Appbingoori

[리뷰] 풀스택 개발자를 위한 MEAM 스택 입문

[리뷰] 풀스택 개발자를 위한 MEAM 스택 입문

[리뷰] 풀스택 개발자를 위한 MEAM 스택 입문종훈 박

5.page typescript

5.page typescript

5.page typescript이경주 이경주

Angular 기본 개념 잡기

Angular 기본 개념 잡기

Angular 기본 개념 잡기장현 한

(리액트기초강좌)Reactjs helloworld_리액트공부열심히하세요~

(리액트기초강좌)Reactjs helloworld_리액트공부열심히하세요~

(리액트기초강좌)Reactjs helloworld_리액트공부열심히하세요~탑크리에듀(구로디지털단지역3번출구 2분거리)

[111015/아꿈사] HTML5를 여행하는 비(非) 웹 개발자를 위한 안내서 - 1부 웹소켓.

[111015/아꿈사] HTML5를 여행하는 비(非) 웹 개발자를 위한 안내서 - 1부 웹소켓.

[111015/아꿈사] HTML5를 여행하는 비(非) 웹 개발자를 위한 안내서 - 1부 웹소켓.sung ki choi

Mais procurados (20)

ECMA Script

혁신적인 웹컴포넌트 라이브러리 - Polymer

혁신적인 웹컴포넌트 라이브러리 - Polymer

혁신적인 웹컴포넌트 라이브러리 - Polymer

Front-end Development with Ruby on Rails

Front-end Development with Ruby on Rails

Front-end Development with Ruby on Rails

PHP Slim Framework with Angular

PHP Slim Framework with Angular

PHP Slim Framework with Angular

자바스크립트의 또다른 발전, Backbone.js

자바스크립트의 또다른 발전, Backbone.js

자바스크립트의 또다른 발전, Backbone.js

어그로월드 Season1 - Aggro World season 1

어그로월드 Season1 - Aggro World season 1

어그로월드 Season1 - Aggro World season 1

Hands-on Vue Springboot Simple Admin

Hands-on Vue Springboot Simple Admin

Hands-on Vue Springboot Simple Admin

Layout and rendering

Layout and rendering

Layout and rendering

Azure functions

Azure functions

Azure functions

HTML5로 만드는 데스크탑 어플리케이션 (Node-Webkit)

HTML5로 만드는 데스크탑 어플리케이션 (Node-Webkit)

HTML5로 만드는 데스크탑 어플리케이션 (Node-Webkit)

Datasnap web client

Datasnap web client

Datasnap web client

자바 서블릿과 세션 (Java Servlet, Session)

자바 서블릿과 세션 (Java Servlet, Session)

자바 서블릿과 세션 (Java Servlet, Session)

KSUG 스프링캠프 2017 발표자료

KSUG 스프링캠프 2017 발표자료

KSUG 스프링캠프 2017 발표자료

[토크아이티] 프런트엔드 개발 시작하기 저자 특강

[토크아이티] 프런트엔드 개발 시작하기 저자 특강

[토크아이티] 프런트엔드 개발 시작하기 저자 특강

Rainbow Project Web App

Rainbow Project Web App

Rainbow Project Web App

[리뷰] 풀스택 개발자를 위한 MEAM 스택 입문

[리뷰] 풀스택 개발자를 위한 MEAM 스택 입문

[리뷰] 풀스택 개발자를 위한 MEAM 스택 입문

5.page typescript

5.page typescript

5.page typescript

Angular 기본 개념 잡기

Angular 기본 개념 잡기

Angular 기본 개념 잡기

(리액트기초강좌)Reactjs helloworld_리액트공부열심히하세요~

(리액트기초강좌)Reactjs helloworld_리액트공부열심히하세요~

(리액트기초강좌)Reactjs helloworld_리액트공부열심히하세요~

[111015/아꿈사] HTML5를 여행하는 비(非) 웹 개발자를 위한 안내서 - 1부 웹소켓.

[111015/아꿈사] HTML5를 여행하는 비(非) 웹 개발자를 위한 안내서 - 1부 웹소켓.

[111015/아꿈사] HTML5를 여행하는 비(非) 웹 개발자를 위한 안내서 - 1부 웹소켓.

Destaque

레일스를 이용한 애자일 웹 개발 가이드

레일스를 이용한 애자일 웹 개발 가이드

레일스를 이용한 애자일 웹 개발 가이드Sukjoon Kim

JavaScript on Rails 튜토리얼

JavaScript on Rails 튜토리얼

JavaScript on Rails 튜토리얼Sukjoon Kim

루비, REST, jQuery 그리고 agile 웹에 관한 이야기

루비, REST, jQuery 그리고 agile 웹에 관한 이야기

루비, REST, jQuery 그리고 agile 웹에 관한 이야기Sukjoon Kim

오픈소스 개발참여한 이야기 (NIPA 오픈프론티어 3기 송태웅)

오픈소스 개발참여한 이야기 (NIPA 오픈프론티어 3기 송태웅)

오픈소스 개발참여한 이야기 (NIPA 오픈프론티어 3기 송태웅)Taeung Song

패스트캠퍼스 프론트엔드 강의 오리엔테이션

패스트캠퍼스 프론트엔드 강의 오리엔테이션

패스트캠퍼스 프론트엔드 강의 오리엔테이션Taegon Kim

문돌이가 가르치는 웹 프론트엔드 1차시

문돌이가 가르치는 웹 프론트엔드 1차시

문돌이가 가르치는 웹 프론트엔드 1차시동현 조

프로그래머가 되고 싶으세요Chris Ohk

이제 막 웹개발자 되고싶은 분들께

이제 막 웹개발자 되고싶은 분들께

이제 막 웹개발자 되고싶은 분들께지수 윤

[0119 박민근] 기술 면접시 자주 나오는 문제들(ver 2013)

[0119 박민근] 기술 면접시 자주 나오는 문제들(ver 2013)

[0119 박민근] 기술 면접시 자주 나오는 문제들(ver 2013)MinGeun Park

초보 개발자를 위한 웹 프론트엔드 개발 101

초보 개발자를 위한 웹 프론트엔드 개발 101

초보 개발자를 위한 웹 프론트엔드 개발 101Chang W. Doh

초급 개발자 탈출JeongHun Byeon

게임 프로그래밍 기초 공부법

게임 프로그래밍 기초 공부법

게임 프로그래밍 기초 공부법Chris Ohk

2.네이버 프론트엔드 김지태

2.네이버 프론트엔드 김지태

2.네이버 프론트엔드 김지태NAVER D2

손코딩뇌컴파일눈디버깅을 소개합니다.

손코딩뇌컴파일눈디버깅을 소개합니다.

손코딩뇌컴파일눈디버깅을 소개합니다.Kwangsung Ha

EMOCON 2015 - Sketch3로 기획서 관리하기

EMOCON 2015 - Sketch3로 기획서 관리하기

EMOCON 2015 - Sketch3로 기획서 관리하기이상한모임

소프트웨어 개발자 로드맵중선 곽

Destaque (16)

레일스를 이용한 애자일 웹 개발 가이드

레일스를 이용한 애자일 웹 개발 가이드

레일스를 이용한 애자일 웹 개발 가이드

JavaScript on Rails 튜토리얼

JavaScript on Rails 튜토리얼

JavaScript on Rails 튜토리얼

루비, REST, jQuery 그리고 agile 웹에 관한 이야기

루비, REST, jQuery 그리고 agile 웹에 관한 이야기

루비, REST, jQuery 그리고 agile 웹에 관한 이야기

오픈소스 개발참여한 이야기 (NIPA 오픈프론티어 3기 송태웅)

오픈소스 개발참여한 이야기 (NIPA 오픈프론티어 3기 송태웅)

오픈소스 개발참여한 이야기 (NIPA 오픈프론티어 3기 송태웅)

패스트캠퍼스 프론트엔드 강의 오리엔테이션

패스트캠퍼스 프론트엔드 강의 오리엔테이션

패스트캠퍼스 프론트엔드 강의 오리엔테이션

문돌이가 가르치는 웹 프론트엔드 1차시

문돌이가 가르치는 웹 프론트엔드 1차시

문돌이가 가르치는 웹 프론트엔드 1차시

프로그래머가 되고 싶으세요

이제 막 웹개발자 되고싶은 분들께

이제 막 웹개발자 되고싶은 분들께

이제 막 웹개발자 되고싶은 분들께

[0119 박민근] 기술 면접시 자주 나오는 문제들(ver 2013)

[0119 박민근] 기술 면접시 자주 나오는 문제들(ver 2013)

[0119 박민근] 기술 면접시 자주 나오는 문제들(ver 2013)

초보 개발자를 위한 웹 프론트엔드 개발 101

초보 개발자를 위한 웹 프론트엔드 개발 101

초보 개발자를 위한 웹 프론트엔드 개발 101

초급 개발자 탈출

게임 프로그래밍 기초 공부법

게임 프로그래밍 기초 공부법

게임 프로그래밍 기초 공부법

2.네이버 프론트엔드 김지태

2.네이버 프론트엔드 김지태

2.네이버 프론트엔드 김지태

손코딩뇌컴파일눈디버깅을 소개합니다.

손코딩뇌컴파일눈디버깅을 소개합니다.

손코딩뇌컴파일눈디버깅을 소개합니다.

EMOCON 2015 - Sketch3로 기획서 관리하기

EMOCON 2015 - Sketch3로 기획서 관리하기

EMOCON 2015 - Sketch3로 기획서 관리하기

소프트웨어 개발자 로드맵

Mais de SangHun Lee

PWA 파헤치기SangHun Lee

Angular Library

Angular Library

Angular LibrarySangHun Lee

Angular CodeLab 두번째

Angular CodeLab 두번째

Angular CodeLab 두번째SangHun Lee

Angular CodeLab 첫번째

Angular CodeLab 첫번째

Angular CodeLab 첫번째SangHun Lee

Angular Popular Tools

Angular Popular Tools

Angular Popular ToolsSangHun Lee

Chrome 69 updates

Chrome 69 updates

Chrome 69 updatesSangHun Lee

Angular Component Interaction

Angular Component Interaction

Angular Component InteractionSangHun Lee

Chrome 68 updates

Chrome 68 updates

Chrome 68 updatesSangHun Lee

Reactive Programming with Rxjs

Reactive Programming with Rxjs

Reactive Programming with RxjsSangHun Lee

Angular Features and New Things

Angular Features and New Things

Angular Features and New ThingsSangHun Lee

SSG광고의 오마주_에드워드 호퍼

SSG광고의 오마주_에드워드 호퍼

SSG광고의 오마주_에드워드 호퍼SangHun Lee

[IOS말고 Android] Inflation을 이용하여 부분 Activity 띄우기

[IOS말고 Android] Inflation을 이용하여 부분 Activity 띄우기

[IOS말고 Android] Inflation을 이용하여 부분 Activity 띄우기SangHun Lee

Basic of web ref.웹을지탱하는기술_02

Basic of web ref.웹을지탱하는기술_02

Basic of web ref.웹을지탱하는기술_02SangHun Lee

Eclipse gefSangHun Lee

Gef 정리SangHun Lee

Eclipse rcp 정리(enabled when, contextmenu)

Eclipse rcp 정리(enabled when, contextmenu)

Eclipse rcp 정리(enabled when, contextmenu)SangHun Lee

2015.07.01SangHun Lee

Basic of web ref.웹을지탱하는기술_01

Basic of web ref.웹을지탱하는기술_01

Basic of web ref.웹을지탱하는기술_01SangHun Lee

Html5 videoSangHun Lee

계획 SlideshareSangHun Lee

Mais de SangHun Lee (20)

PWA 파헤치기

Angular Library

Angular Library

Angular Library

Angular CodeLab 두번째

Angular CodeLab 두번째

Angular CodeLab 두번째

Angular CodeLab 첫번째

Angular CodeLab 첫번째

Angular CodeLab 첫번째

Angular Popular Tools

Angular Popular Tools

Angular Popular Tools

Chrome 69 updates

Chrome 69 updates

Chrome 69 updates

Angular Component Interaction

Angular Component Interaction

Angular Component Interaction

Chrome 68 updates

Chrome 68 updates

Chrome 68 updates

Reactive Programming with Rxjs

Reactive Programming with Rxjs

Reactive Programming with Rxjs

Angular Features and New Things

Angular Features and New Things

Angular Features and New Things

SSG광고의 오마주_에드워드 호퍼

SSG광고의 오마주_에드워드 호퍼

SSG광고의 오마주_에드워드 호퍼

[IOS말고 Android] Inflation을 이용하여 부분 Activity 띄우기

[IOS말고 Android] Inflation을 이용하여 부분 Activity 띄우기

[IOS말고 Android] Inflation을 이용하여 부분 Activity 띄우기

Basic of web ref.웹을지탱하는기술_02

Basic of web ref.웹을지탱하는기술_02

Basic of web ref.웹을지탱하는기술_02

Eclipse gef

Gef 정리

Eclipse rcp 정리(enabled when, contextmenu)

Eclipse rcp 정리(enabled when, contextmenu)

Eclipse rcp 정리(enabled when, contextmenu)

2015.07.01

Basic of web ref.웹을지탱하는기술_01

Basic of web ref.웹을지탱하는기술_01

Basic of web ref.웹을지탱하는기술_01

Html5 video

계획 Slideshare

Último

A future that integrates LLMs and LAMs (Symposium)

A future that integrates LLMs and LAMs (Symposium)

A future that integrates LLMs and LAMs (Symposium)Tae Young Lee

Merge (Kitworks Team Study 이성수 발표자료 240426)

Merge (Kitworks Team Study 이성수 발표자료 240426)

Merge (Kitworks Team Study 이성수 발표자료 240426)Wonjun Hwang

Continual Active Learning for Efficient Adaptation of Machine LearningModels ...

Continual Active Learning for Efficient Adaptation of Machine LearningModels ...

Continual Active Learning for Efficient Adaptation of Machine LearningModels ...Kim Daeun

MOODv2 : Masked Image Modeling for Out-of-Distribution Detection

MOODv2 : Masked Image Modeling for Out-of-Distribution Detection

MOODv2 : Masked Image Modeling for Out-of-Distribution DetectionKim Daeun

Console API (Kitworks Team Study 백혜인 발표자료)

Console API (Kitworks Team Study 백혜인 발표자료)

Console API (Kitworks Team Study 백혜인 발표자료)Wonjun Hwang

캐드앤그래픽스 2024년 5월호 목차

캐드앤그래픽스 2024년 5월호 목차

캐드앤그래픽스 2024년 5월호 목차캐드앤그래픽스

Último (6)

A future that integrates LLMs and LAMs (Symposium)

A future that integrates LLMs and LAMs (Symposium)

A future that integrates LLMs and LAMs (Symposium)

Merge (Kitworks Team Study 이성수 발표자료 240426)

Merge (Kitworks Team Study 이성수 발표자료 240426)

Merge (Kitworks Team Study 이성수 발표자료 240426)

Continual Active Learning for Efficient Adaptation of Machine LearningModels ...

Continual Active Learning for Efficient Adaptation of Machine LearningModels ...

Continual Active Learning for Efficient Adaptation of Machine LearningModels ...

MOODv2 : Masked Image Modeling for Out-of-Distribution Detection

MOODv2 : Masked Image Modeling for Out-of-Distribution Detection

MOODv2 : Masked Image Modeling for Out-of-Distribution Detection

Console API (Kitworks Team Study 백혜인 발표자료)

Console API (Kitworks Team Study 백혜인 발표자료)

Console API (Kitworks Team Study 백혜인 발표자료)

캐드앤그래픽스 2024년 5월호 목차

캐드앤그래픽스 2024년 5월호 목차

캐드앤그래픽스 2024년 5월호 목차

루비온레일즈_01_간단한 정적인 홈페이지 제작

1. 루비온레일즈로 2시간만에 홈페이지 제작하기 코딩카페 with 멋쟁이사자처럼_이상훈 (lsh00124@naver.com)

2. 준비물 html, css의 이해 Github 계정 2

3. 루비온레일즈(Ruby on Rails) 루비로 작성된 MVC모델을 기반으로 하는 프레임워크. 쉽고 빠른 웹 어플리케이션 구축. 3

4. 오늘의 8분 간단한 정적 홈페이지 생성 4

5. 오늘의 8분 c9.io 접속 – github로 가입하기 루비온레일즈 프로젝트 생성하기 index.html 생성하기 Bootstrap 예제 가져오기 css, js CDN 사용하기 5

6. 다음 8분 MVC 모델 이해, 컨트롤러 생성 6