[2016-11-08](화) 제9-1회 웹프레임워크 코드랩 - jQuery와 Ruby on Rails

제9-1회 웹프레임워크 코드랩 - jQuery와 Ruby on Rails

http://onoffmix.com/event/82501

[강의 내용]

jQuery와 Ruby on Rails로 쉽고 빠른 웹 개발하기

https://github.com/cycorld/todo-list

[ console 실행하기 ]

rails c

Todo.find_by_id(1)
Todo.find(1)

gem 'pry-rails'
pry 로 console 을 대신하면 DB의 값을 더 깔끔하게 출력해준다.

[ HTML을 기술할 때 좀 더 편하게 기술이 가능하다. ]

http://haml.info

rake routes

@ : instance 변수 ex) @todos
$ : global 변수
안붙이면 지역 변수

slack.codelabs.kr

양재동코드랩

https://yjdcodelab.slack.com/messages/codelab_rails/

#codelab_rails

[프로젝트 소스]

https://ide.c9.io/bryan7/todo-list

[ 서버 실행 ]

http://c9.io  로그인

bash console에서 아래와 같이 입력해도 되지만, IDE 에서 Run Project 버튼을 눌러도 된다. 

$ rails s -p $PORT -b $IP

c9(클라우드9) 의 Ruby on Rails 템플릿에서 Rails 버전이 4 인 것에 유의하자.

( Rails version 5 API를 사용하지 못함 )

c9(클라우드9) TODO-LIST 프로젝트 접속 주소:

https://todo-list-bryan7.c9users.io/

회원가입, 로그인 등 User 기능 만들기

설치 확인하기 (로그인 폼 화면이 나오는지 확인한다.)

https://todo-list-bryan7.c9users.io/users/sign_in

기본적인 CRUD가 Scaffold 한방에 다 됨. (게시판 만들기)

$ rails g scaffold Post user:references content:text

$ rake db:migrate

명령어 실행 후에

localhost:3000/posts 로 접속.

* Pagenation 하는 Gem - kaminari , will_pageniate

jquery 쓸때 Document ready 이벤트를 쓰지 말고, on 이벤트를 쓴다. Ruby on Rails는 Turbolink를 사용해서 Document Ready 이벤트가 호출 안될 수 있기 때문에.

Angular.js 나 React.js를 사용하는 경우 jQuery를 사용하지 않는 추세이다.

이럴때, jQuery 를 대신해서 사용할 수 있는 코드를 아래 사이트에서 제공한다.

http://youmightnotneedjquery.com/