Submit Search
Upload
Web_07_Rails Advanced
•
1 like
•
824 views
team air @ Dimigo
Follow
한국디지털미디어고등학교 비전공자 프로그래밍 교육동아리 teamair의 교육자료 입니다.
Read less
Read more
Education
Report
Share
Report
Share
1 of 32
Download now
Download to read offline
Recommended
angular의 기본 동작원리를 이해하고 todoApp 예제를 분석하여 실무에 도움이 되도록 하는 것이 목표입니다.
Angular js quick start
Angular js quick start
정기 김
mvc
[웹기반시스템 3조] mvc
[웹기반시스템 3조] mvc
구 봉
레일스를 이용한 애자일 웹 개발 가이드
레일스를 이용한 애자일 웹 개발 가이드
Sukjoon Kim
Rails Style Guide 2번째 시간
Rails style-guide-2
Rails style-guide-2
Yunho Jo
Thinkreals에서 앱개발을 담당하는 소프트웨어 엔지니어 @muik 입니다. 개발한 앱으로는 쿠폰모아, 포켓스타일 안드로이드앱이 있는데요. 지금까지 앱개발을 하며 하이브리드앱 필요성을 많이 느껴왔습니다. 아마 비슷한 분들이 많을꺼라 생각되어 이번에 하이브리드앱 도입 준비를 하며 경험한 것을 공유해보려 합니다.
하이브리드앱 성능 극복
하이브리드앱 성능 극복
sung hwan Park
2007.5 세미나 발표자료
Ruby on Rails와 함께 하는 애자일 웹 개발
Ruby on Rails와 함께 하는 애자일 웹 개발
Sukjoon Kim
[Korea Community Day 2018]에서 진행한 "I am ASP.NET Core Razor Pages" 세션의 발표 슬라이드 입니다. ASP.NET Core Razor Pages에 대하여 알아봅니다.
I am ASP.NET Core Razor Pages
I am ASP.NET Core Razor Pages
SangHoon Han
ECMAScript2015 강의 자료입니다.
[ES6] 2. arrow function
[ES6] 2. arrow function
Han JaeYeab
Recommended
angular의 기본 동작원리를 이해하고 todoApp 예제를 분석하여 실무에 도움이 되도록 하는 것이 목표입니다.
Angular js quick start
Angular js quick start
정기 김
mvc
[웹기반시스템 3조] mvc
[웹기반시스템 3조] mvc
구 봉
레일스를 이용한 애자일 웹 개발 가이드
레일스를 이용한 애자일 웹 개발 가이드
Sukjoon Kim
Rails Style Guide 2번째 시간
Rails style-guide-2
Rails style-guide-2
Yunho Jo
Thinkreals에서 앱개발을 담당하는 소프트웨어 엔지니어 @muik 입니다. 개발한 앱으로는 쿠폰모아, 포켓스타일 안드로이드앱이 있는데요. 지금까지 앱개발을 하며 하이브리드앱 필요성을 많이 느껴왔습니다. 아마 비슷한 분들이 많을꺼라 생각되어 이번에 하이브리드앱 도입 준비를 하며 경험한 것을 공유해보려 합니다.
하이브리드앱 성능 극복
하이브리드앱 성능 극복
sung hwan Park
2007.5 세미나 발표자료
Ruby on Rails와 함께 하는 애자일 웹 개발
Ruby on Rails와 함께 하는 애자일 웹 개발
Sukjoon Kim
[Korea Community Day 2018]에서 진행한 "I am ASP.NET Core Razor Pages" 세션의 발표 슬라이드 입니다. ASP.NET Core Razor Pages에 대하여 알아봅니다.
I am ASP.NET Core Razor Pages
I am ASP.NET Core Razor Pages
SangHoon Han
ECMAScript2015 강의 자료입니다.
[ES6] 2. arrow function
[ES6] 2. arrow function
Han JaeYeab
Spring @ MVC 프로젝트 호스팅하기 - cafe24이용한 호스팅 방법
Spring@mvc웹호스팅
Spring@mvc웹호스팅
J.H Ahn
NEXT 2014-03 개발경험 프로젝트 스터디 자료
HeadFisrt Servlet&JSP Chapter 2
HeadFisrt Servlet&JSP Chapter 2
J B
routine to know how to convert jsp to servlet
Jsp convert to Servlet
Jsp convert to Servlet
JU Chae
Presentation1
Presentation1
Tae Gyun Woo
스프링 프레임워크를 쓸 때 아키텍처 고려 사항
아키텍트가 바라보는 Spring framework
아키텍트가 바라보는 Spring framework
Haeil Yi
2018년 11월 26일 COEX에서 진행된 HTML5 Conference 발표 자료입니다. 실제 현장에서 발표한 자료와는 다소 차이가 있을 수 있습니다. 본 발표는 React Native를 통한 하이브리드 웹 애플리케이션 개발의 개념, 배경, 적용 사례를 다루고 있습니다. 발표는 김나람님이 진행해주셨습니다.
T12_1_김나람_웹 기술로 구축하는 모바일 애플리케이션 - React Native
T12_1_김나람_웹 기술로 구축하는 모바일 애플리케이션 - React Native
양재동 코드랩
Spring MVC : 엔터프라이즈 어플리케이션에서 필요로 하는 기능을 제공하는 프레임워크
Spring MVC
Spring MVC
ymtech
Spring MVC 첫 번째 슬라이드
Spring mvc
Spring mvc
ksain
ReactJS를 이용한 간단한 HelloWorld 실펴보세요~ 리액트는 UI를 구축하기 위한 라이브러이다. 한 번만 설정하고 사용한다. 앱의 상태(Store)가 변경되면 자동으로 재구성한다. 작은 컴포넌트로 크고 강력한 앱을 구축한다.
(리액트기초강좌)Reactjs helloworld_리액트공부열심히하세요~
(리액트기초강좌)Reactjs helloworld_리액트공부열심히하세요~
탑크리에듀(구로디지털단지역3번출구 2분거리)
Refactoring -chapter 7,8-
Refactoring -chapter 7,8-
Kwang Jung Kim
description about spring mvc
Mvc 패턴
Mvc 패턴
Seokju Hong
NEXT 2014-03 개발경험 프로젝트 스터디 자료
HeadFisrt Servlet&JSP Chapter 3
HeadFisrt Servlet&JSP Chapter 3
J B
Polymer의 기술기반인 Web Componets를 구성하는 표준 스펙들인 Custom Elements, HTML Imports, HTML Templates 그리고 Shadow DOM을 간략히 살펴본다. Polymer의 아키텍처 및 기본적인 사용방법 그리고 material design이 적용된 paper elements 등을 살펴본다.
혁신적인 웹컴포넌트 라이브러리 - Polymer
혁신적인 웹컴포넌트 라이브러리 - Polymer
Jae Sung Park
2017년 12월에 진행된 Codelab 자료입니다. 강의 및 수업 진행은 네이버의 송헌용님입니다.
[Codelab 2017] ReactJS 기초
[Codelab 2017] ReactJS 기초
양재동 코드랩
DEVIEW2013 - 네이버 오피스 삽질기
Deview2013 track1 session7
Deview2013 track1 session7
joshua wordsworth
코르도바(폰갭) 시절 하이브리드 앱 서비스를 제공하기 위해 만들었던 하이브리드 앱 프레임워크가 어떻게 구성되어 있는지에 대한 간략한 슬라이드입니다.
하이브리드 앱 프레임워크의 구성
하이브리드 앱 프레임워크의 구성
Joonyoung Moon
builder pattern
Servlet design pattern
Servlet design pattern
Sukjin Yun
Redux에 대한 설명 FDBG Facebook Developer Group
역시 Redux
역시 Redux
Leonardo YongUk Kim
[Angularjs 도입 선택 가이드] 본 문서는 네이버 개발자 블로그 hello world 를 통해서 공개되었습니다. [문서개요] 이 문서는 AngularJS를 사용한 애플리케이션 개발을 계획하고 있거나 AngularJS 도입을 고려 중일 때 참고 할 만한 내용을 기술한다. AngularJS를 사용하는 방법을 다루지는 않는다. 이 문서의 모든 내용은 AngularJS 버전 1.3.x를 기준으로 작성되었다.
Angularjs 도입 선택 가이드
Angularjs 도입 선택 가이드
NAVER D2
게임 개발 스터디 2주차
왜 게임에 빠질까 Chap 3,4,5,6
왜 게임에 빠질까 Chap 3,4,5,6
SeungYeon Jeong
Asianajotoimisto Jussi Laaka - Luennoitsija Jussi Laaka
Raksystems kevät 2015 koulutus
Raksystems kevät 2015 koulutus
Asianajotoimisto Jussi Laaka Oy / Attorneys at Law Jussi Laaka Ltd.
Koulutuskierros kevät 2015, Kauppakirjamerkinnät ja hyvä kuntotarkastus. Kouluttajana Jussi laaka, Asianajaja, varatuomari. Http://www.laaka.fi
Raksystems kevät 2015 koulutus
Raksystems kevät 2015 koulutus
Asianajotoimisto Jussi Laaka Oy / Attorneys at Law Jussi Laaka Ltd.
More Related Content
What's hot
Spring @ MVC 프로젝트 호스팅하기 - cafe24이용한 호스팅 방법
Spring@mvc웹호스팅
Spring@mvc웹호스팅
J.H Ahn
NEXT 2014-03 개발경험 프로젝트 스터디 자료
HeadFisrt Servlet&JSP Chapter 2
HeadFisrt Servlet&JSP Chapter 2
J B
routine to know how to convert jsp to servlet
Jsp convert to Servlet
Jsp convert to Servlet
JU Chae
Presentation1
Presentation1
Tae Gyun Woo
스프링 프레임워크를 쓸 때 아키텍처 고려 사항
아키텍트가 바라보는 Spring framework
아키텍트가 바라보는 Spring framework
Haeil Yi
2018년 11월 26일 COEX에서 진행된 HTML5 Conference 발표 자료입니다. 실제 현장에서 발표한 자료와는 다소 차이가 있을 수 있습니다. 본 발표는 React Native를 통한 하이브리드 웹 애플리케이션 개발의 개념, 배경, 적용 사례를 다루고 있습니다. 발표는 김나람님이 진행해주셨습니다.
T12_1_김나람_웹 기술로 구축하는 모바일 애플리케이션 - React Native
T12_1_김나람_웹 기술로 구축하는 모바일 애플리케이션 - React Native
양재동 코드랩
Spring MVC : 엔터프라이즈 어플리케이션에서 필요로 하는 기능을 제공하는 프레임워크
Spring MVC
Spring MVC
ymtech
Spring MVC 첫 번째 슬라이드
Spring mvc
Spring mvc
ksain
ReactJS를 이용한 간단한 HelloWorld 실펴보세요~ 리액트는 UI를 구축하기 위한 라이브러이다. 한 번만 설정하고 사용한다. 앱의 상태(Store)가 변경되면 자동으로 재구성한다. 작은 컴포넌트로 크고 강력한 앱을 구축한다.
(리액트기초강좌)Reactjs helloworld_리액트공부열심히하세요~
(리액트기초강좌)Reactjs helloworld_리액트공부열심히하세요~
탑크리에듀(구로디지털단지역3번출구 2분거리)
Refactoring -chapter 7,8-
Refactoring -chapter 7,8-
Kwang Jung Kim
description about spring mvc
Mvc 패턴
Mvc 패턴
Seokju Hong
NEXT 2014-03 개발경험 프로젝트 스터디 자료
HeadFisrt Servlet&JSP Chapter 3
HeadFisrt Servlet&JSP Chapter 3
J B
Polymer의 기술기반인 Web Componets를 구성하는 표준 스펙들인 Custom Elements, HTML Imports, HTML Templates 그리고 Shadow DOM을 간략히 살펴본다. Polymer의 아키텍처 및 기본적인 사용방법 그리고 material design이 적용된 paper elements 등을 살펴본다.
혁신적인 웹컴포넌트 라이브러리 - Polymer
혁신적인 웹컴포넌트 라이브러리 - Polymer
Jae Sung Park
2017년 12월에 진행된 Codelab 자료입니다. 강의 및 수업 진행은 네이버의 송헌용님입니다.
[Codelab 2017] ReactJS 기초
[Codelab 2017] ReactJS 기초
양재동 코드랩
DEVIEW2013 - 네이버 오피스 삽질기
Deview2013 track1 session7
Deview2013 track1 session7
joshua wordsworth
코르도바(폰갭) 시절 하이브리드 앱 서비스를 제공하기 위해 만들었던 하이브리드 앱 프레임워크가 어떻게 구성되어 있는지에 대한 간략한 슬라이드입니다.
하이브리드 앱 프레임워크의 구성
하이브리드 앱 프레임워크의 구성
Joonyoung Moon
builder pattern
Servlet design pattern
Servlet design pattern
Sukjin Yun
Redux에 대한 설명 FDBG Facebook Developer Group
역시 Redux
역시 Redux
Leonardo YongUk Kim
[Angularjs 도입 선택 가이드] 본 문서는 네이버 개발자 블로그 hello world 를 통해서 공개되었습니다. [문서개요] 이 문서는 AngularJS를 사용한 애플리케이션 개발을 계획하고 있거나 AngularJS 도입을 고려 중일 때 참고 할 만한 내용을 기술한다. AngularJS를 사용하는 방법을 다루지는 않는다. 이 문서의 모든 내용은 AngularJS 버전 1.3.x를 기준으로 작성되었다.
Angularjs 도입 선택 가이드
Angularjs 도입 선택 가이드
NAVER D2
What's hot
(19)
Spring@mvc웹호스팅
Spring@mvc웹호스팅
HeadFisrt Servlet&JSP Chapter 2
HeadFisrt Servlet&JSP Chapter 2
Jsp convert to Servlet
Jsp convert to Servlet
Presentation1
Presentation1
아키텍트가 바라보는 Spring framework
아키텍트가 바라보는 Spring framework
T12_1_김나람_웹 기술로 구축하는 모바일 애플리케이션 - React Native
T12_1_김나람_웹 기술로 구축하는 모바일 애플리케이션 - React Native
Spring MVC
Spring MVC
Spring mvc
Spring mvc
(리액트기초강좌)Reactjs helloworld_리액트공부열심히하세요~
(리액트기초강좌)Reactjs helloworld_리액트공부열심히하세요~
Refactoring -chapter 7,8-
Refactoring -chapter 7,8-
Mvc 패턴
Mvc 패턴
HeadFisrt Servlet&JSP Chapter 3
HeadFisrt Servlet&JSP Chapter 3
혁신적인 웹컴포넌트 라이브러리 - Polymer
혁신적인 웹컴포넌트 라이브러리 - Polymer
[Codelab 2017] ReactJS 기초
[Codelab 2017] ReactJS 기초
Deview2013 track1 session7
Deview2013 track1 session7
하이브리드 앱 프레임워크의 구성
하이브리드 앱 프레임워크의 구성
Servlet design pattern
Servlet design pattern
역시 Redux
역시 Redux
Angularjs 도입 선택 가이드
Angularjs 도입 선택 가이드
Viewers also liked
게임 개발 스터디 2주차
왜 게임에 빠질까 Chap 3,4,5,6
왜 게임에 빠질까 Chap 3,4,5,6
SeungYeon Jeong
Asianajotoimisto Jussi Laaka - Luennoitsija Jussi Laaka
Raksystems kevät 2015 koulutus
Raksystems kevät 2015 koulutus
Asianajotoimisto Jussi Laaka Oy / Attorneys at Law Jussi Laaka Ltd.
Koulutuskierros kevät 2015, Kauppakirjamerkinnät ja hyvä kuntotarkastus. Kouluttajana Jussi laaka, Asianajaja, varatuomari. Http://www.laaka.fi
Raksystems kevät 2015 koulutus
Raksystems kevät 2015 koulutus
Asianajotoimisto Jussi Laaka Oy / Attorneys at Law Jussi Laaka Ltd.
Media Studies
Photo Options
Photo Options
joanneisabelperry
Azas-Azas Pengetahuan Lingkungan
Makalah 1
Makalah 1
topanogan
Project St Partick's day Sagrada Familia de Pinto Project Sagrada St Partick day
St patrick
St patrick
Stpatricksday
cv zainab
cv zainab
ZAINAB HADI
Alcalá del Jucar
Alcalá del Jucar
MRICHARTVALDES
This is my financial analysis of Danone.
Danone - 't Jaeckx Lovely - 2AF05
Danone - 't Jaeckx Lovely - 2AF05
Lovely Tjaeckx
Koulutuskierros Raksystems Anticimex. Kiinteistövälittäjän vastuu toimeksiantoa hoidettaessa. Kouluttajana Jussi Laaka, Asianajaja, Varatuomari http://www.laaka.fi
Koulutus raksystems syksy 2014
Koulutus raksystems syksy 2014
Asianajotoimisto Jussi Laaka Oy / Attorneys at Law Jussi Laaka Ltd.
moda para mujeres rockeras
Moda rock & musica angie paola sandoval 1103
Moda rock & musica angie paola sandoval 1103
angiepaolasandoval
estas fueron mis vacaciones
My vacation
My vacation
carol0224
Project St Partick's day Sagrada Familia de Pinto Project Sagrada St Partick day
4c geography Ireland
4c geography Ireland
Stpatricksday
First Grade examples of nonfiction text features.
1st Grade Nonfiction Text Features
1st Grade Nonfiction Text Features
kimberlyrues
TRO
Tro 1,2,3
Tro 1,2,3
Nixmah JR
s
Trabajo sistemas operativos
Trabajo sistemas operativos
Manuel Uroz Sorroche
한국디지털미디어고등학교 비전공자 프로그래밍 교육 동아리 teamair 교육자료입니다.
Ruby_01_Ruby Basic
Ruby_01_Ruby Basic
team air @ Dimigo
FINAL
FINAL
Dr. Adam Adrien-Kirby
한국디지털미디어고등학교 비전공자 프로그래밍 교육 동아리 teamair에서 진행한 교육자료입니다.
Web_04_Javascript
Web_04_Javascript
team air @ Dimigo
Makalah 1
Makalah 1
topanogan
Viewers also liked
(20)
왜 게임에 빠질까 Chap 3,4,5,6
왜 게임에 빠질까 Chap 3,4,5,6
Raksystems kevät 2015 koulutus
Raksystems kevät 2015 koulutus
Raksystems kevät 2015 koulutus
Raksystems kevät 2015 koulutus
Photo Options
Photo Options
Makalah 1
Makalah 1
St patrick
St patrick
cv zainab
cv zainab
Alcalá del Jucar
Alcalá del Jucar
Danone - 't Jaeckx Lovely - 2AF05
Danone - 't Jaeckx Lovely - 2AF05
Koulutus raksystems syksy 2014
Koulutus raksystems syksy 2014
Moda rock & musica angie paola sandoval 1103
Moda rock & musica angie paola sandoval 1103
My vacation
My vacation
4c geography Ireland
4c geography Ireland
1st Grade Nonfiction Text Features
1st Grade Nonfiction Text Features
Tro 1,2,3
Tro 1,2,3
Trabajo sistemas operativos
Trabajo sistemas operativos
Ruby_01_Ruby Basic
Ruby_01_Ruby Basic
FINAL
FINAL
Web_04_Javascript
Web_04_Javascript
Makalah 1
Makalah 1
Similar to Web_07_Rails Advanced
HTML5 강의안 - 4-3. jquery
4-3. jquery
4-3. jquery
JinKyoungHeo
2010 한국 자바 개발자 페스티벌 Track 1 Session 1 발표자료
E-Gov 기반 Mobile Web Friendly 개발
E-Gov 기반 Mobile Web Friendly 개발
JavaCommunity.Org
* isomorphic의 개념 * spring scriptTemplate 예제 (mustache, handlebars, react, ejs)
Isomorphicspring Isomorphic - spring web seminar 2015
Isomorphicspring Isomorphic - spring web seminar 2015
sung yong jung
플라스크도 이제 정리할 것
파이썬 플라스크 이해하기
파이썬 플라스크 이해하기
Yong Joon Moon
HTML5JS 모임 발표자료
자바스크립트 프레임워크 살펴보기
자바스크립트 프레임워크 살펴보기
Jeado Ko
JQuery를 이용하여 웹 위젯 작성하기_(주)시스포유아이앤씨
JQuery를 이용하여 웹 위젯 작성하기_(주)시스포유아이앤씨
sys4u
Express Framework Tutorial (New Ver.)
Express framework tutorial
Express framework tutorial
우림 류
Facebook은 왜 React를 만들었을까요? 웹 프론트엔드 UI 개발에 어떤 문제가 있었고, 그 문제를 왜 React가 이렇게 해결했는지 전후 맥락을 살펴봄으로써 React의 본질이 무엇인지 생각해보는 시간을 갖습니다.
Facebook은 React를 왜 만들었을까?
Facebook은 React를 왜 만들었을까?
Kim Hunmin
GDG Korea WebTech : 시작하세요, Polymer, Oct, 11, 2014. Let's learn about specifications before diving into Polymer: - Web Components - Web Animations This slide includes resources from HTML5Rocks, Polymer and PolyTechnic.
알아봅시다, Polymer: Web Components & Web Animations
알아봅시다, Polymer: Web Components & Web Animations
Chang W. Doh
프로덕션 환경에서 클라이언트 사이드 렌더링을 고집하기란 힘든 일입니다. 서버를 통해 웹사이트를 제공하면서도 React의 편리함을 누리려면 서버 사이드 렌더링(SSR)을 구현해야 하는데요. Create-React-App을 그대로 유지하면서 SSR을 구현하는 과정을 보여드리고자 합니다. TypeScript로도 가능합니다!
Create-React-App으로 SSR을 구현하며 배운 점 (feat. TypeScript)
Create-React-App으로 SSR을 구현하며 배운 점 (feat. TypeScript)
LanarkSeung
탑크리에듀교육센터(www.topcredu.co.kr)제공 스프링프레임워크 & 마이바티스에 대한 자료이니 참고하시어 많은 도움되시길 바랍니다. 교육/수강문의는 탑크리에듀홈페이지(http://www.topcredu.co.kr)를 통하여 하실 수 있습니다.
#22.스프링프레임워크 & 마이바티스 (Spring Framework, MyBatis)_스프링프레임워크 강좌, 재직자환급교육,실업자국비지원...
#22.스프링프레임워크 & 마이바티스 (Spring Framework, MyBatis)_스프링프레임워크 강좌, 재직자환급교육,실업자국비지원...
탑크리에듀(구로디지털단지역3번출구 2분거리)
http://thinkreals.com/1167
하이브리드앱 성능 극복
하이브리드앱 성능 극복
Mu-ik Jeon
React를 사용해 다양한 플랫폼에서 활용하는 방안을 "얕고 넓게" 다룹니다. 자세한 내용은 슬라이드에 있는 링크를 참고하세요. React, React Native, Electron, React Native Desktop 등이 소개되어 있습니다.
ReactJS로 시작하는 멀티플랫폼 개발하기
ReactJS로 시작하는 멀티플랫폼 개발하기
Taegon Kim
React를 이용하여 멀티플랫폼에서 개발하는 방법에 대해 알아봅니다.
React를 이용하여 멀티플랫폼에서 개발하기
React를 이용하여 멀티플랫폼에서 개발하기
WebFrameworks
XE 모듈함수들의 연계와 query I. XE 내장함수 사용방법 II. 모듈간의 연결 – Trigger III. 실시간반응 – exec_xml/json IV. 쿼리사용 - $oDB = &DB::getInstance();
Xe hack
Xe hack
sejin7940
AngularJS 2는 올해 릴리징된 프론트엔드 도구 중 가장 쿨하고 섹시한 도구라고 독자는 믿고있습니다. AngularJS 2를 실무환경에 적용함으로 얻는 이점. AngularJS 2와 1의 차이점과 성능. 그리고 ReactJS와 AngularJS 2를 비교하여 퍼포먼스 데이터를 보여줍니다. 마지막으로 AngularJS 2 사용을 위한 번들러(Bundler) 그 중 Webpack, Systemjs, JSPM에 대해서도 안내합니다. 해당 자료는 XECon 2016에 발표되었습니다.
AngularJS 2, version 1 and ReactJS
AngularJS 2, version 1 and ReactJS
Kenneth Ceyer
Dreamweaver CS5.5 를 이용한 jQuery Mobile 개발
Dreamweaver CS5.5 를 이용한 jQueryMobile 개발
Dreamweaver CS5.5 를 이용한 jQueryMobile 개발
JongKwang Kim
HTML5 강의안 - 4-2. ajax
4-2. ajax
4-2. ajax
JinKyoungHeo
RequireJS를 이용한 Javascript의 Ajax개발.
RequireJS를 이용한 모듈관리.
RequireJS를 이용한 모듈관리.
Hyung Eun Jin
Html5 앱과 웹사이트를 보다 빠르게 하는 50가지
Html5 앱과 웹사이트를 보다 빠르게 하는 50가지
yongwoo Jeon
Similar to Web_07_Rails Advanced
(20)
4-3. jquery
4-3. jquery
E-Gov 기반 Mobile Web Friendly 개발
E-Gov 기반 Mobile Web Friendly 개발
Isomorphicspring Isomorphic - spring web seminar 2015
Isomorphicspring Isomorphic - spring web seminar 2015
파이썬 플라스크 이해하기
파이썬 플라스크 이해하기
자바스크립트 프레임워크 살펴보기
자바스크립트 프레임워크 살펴보기
JQuery를 이용하여 웹 위젯 작성하기_(주)시스포유아이앤씨
JQuery를 이용하여 웹 위젯 작성하기_(주)시스포유아이앤씨
Express framework tutorial
Express framework tutorial
Facebook은 React를 왜 만들었을까?
Facebook은 React를 왜 만들었을까?
알아봅시다, Polymer: Web Components & Web Animations
알아봅시다, Polymer: Web Components & Web Animations
Create-React-App으로 SSR을 구현하며 배운 점 (feat. TypeScript)
Create-React-App으로 SSR을 구현하며 배운 점 (feat. TypeScript)
#22.스프링프레임워크 & 마이바티스 (Spring Framework, MyBatis)_스프링프레임워크 강좌, 재직자환급교육,실업자국비지원...
#22.스프링프레임워크 & 마이바티스 (Spring Framework, MyBatis)_스프링프레임워크 강좌, 재직자환급교육,실업자국비지원...
하이브리드앱 성능 극복
하이브리드앱 성능 극복
ReactJS로 시작하는 멀티플랫폼 개발하기
ReactJS로 시작하는 멀티플랫폼 개발하기
React를 이용하여 멀티플랫폼에서 개발하기
React를 이용하여 멀티플랫폼에서 개발하기
Xe hack
Xe hack
AngularJS 2, version 1 and ReactJS
AngularJS 2, version 1 and ReactJS
Dreamweaver CS5.5 를 이용한 jQueryMobile 개발
Dreamweaver CS5.5 를 이용한 jQueryMobile 개발
4-2. ajax
4-2. ajax
RequireJS를 이용한 모듈관리.
RequireJS를 이용한 모듈관리.
Html5 앱과 웹사이트를 보다 빠르게 하는 50가지
Html5 앱과 웹사이트를 보다 빠르게 하는 50가지
Web_07_Rails Advanced
1.
Rails Advanced Hello, World!
2.
Contents • Ajax • Partial
Template • Get Value By Model • Encryption
3.
하기전에.. 예제에 있는 파일들은
다 만드세요
4.
Ajax Browser와 Server가 내부적으로
통신
5.
로딩없이 서비스를 사용할
수 있다.
6.
Browser Ajax engine Web server
7.
Respond_to Action에 요청을 보낼
때, 요청을 받은 Action에서 응답을 할 때 사용한다.
8.
Example [/app/controller/main_controller.rb] def second respond_to do
|format| format.html format.js …. end end > html로 응답 > Ajax request를 javascript 템플릿을 render하며 응답
9.
Format.js Format.js가 찾는 템플릿은 따로
설정해놓지 않으면, request된 action의 이름과 동일하다.
10.
Format.js View/[controller_name]/[action_name.js.erb]
11.
Example [/app/views/main/second.js.erb] //jquery, javascript codes
here! $(‘.hello’).html(“안녕하세요!”); //또는 document.getElementByClassName(‘hello’).innerHTML=“안녕하세요!”
12.
끝 Submit을 누르면 새로고침
없이 밑에 있는 값이 바뀌는 것을 볼 수 있다. 안되면 손드세요
13.
Partial Template Html 템플릿을
함수처럼 불러와 사용할 수 있다.
14.
Basic Partial Template은 파일
이름 앞에 무조건 ‘_’가 붙어야 한다.
15.
Example [/app/views/main/_foo.html.erb] <p>잘됨?</p>
16.
불러오는 법 <%= render
partial: “template_name (맨앞‘_’제외)” %>
17.
데이터를 전송? object: [value]를
사용하자.
18.
Example [/app/views/main/index.html.erb] … <%= render partial:
“foo” %> …
19.
끝 잘됨? 이 출력되면
성공
20.
Get Value By
Model 제곧내
21.
Example [/app/controllers/main_controller.rb] def first @all_user =
User.all //모든 User데이터 가져옴 @part_user = User.find(1) //id가 1인 User가져오기 @if_user = User.find_by(user_name: ‘frostornge’) end
22.
사용하기
23.
Example [/app/views/main/index.html.erb] <% @all_user.each do
|u| %> <p><%= u.user_name %></p> <p><%= u.password %></p> <% end %>
24.
끝 User의 name과 password가
잘 출력되면 성공
25.
Encryption 암호화
26.
Digest Ruby시간에 못해서 내가
함
27.
Example require ‘digest’ gentle =
“This is password” tough = Digest::[암호화 방식].hexdigest(gentle) Puts tough Puts gentle
28.
끝 This is password eb20f29e2c9d9c3fe4106e31d4ffdcff 6fd901953649351902866c1b583c791f9bf7… 출력
= 성공
29.
숙제
30.
간단한 서비스 • 글
올리기 기능 (순수 글) • 회원가입 기능 • 아이디 중복 X • 비밀번호는 6자 이하 X • 계신지 확인 • 로그인 기능
31.
User user_name password Post user_id title
content DB구조
32.
끝 드디어 6/13일까지 노력해 보세요
Download now