Ruby on rails - 구글 계정 연동 로그인 구현하기 아래 실습은 devise gem이 설치되었다고 가정하고 진행되니, 참고바랍니다. > 1. google developer 에서 프로젝트 생성하기 https://console.developers.google.com 에서 프로젝트 생성 Create Credentials 을 누르고 OAuth client ID. 눌러서 web-application으로application type을 선택한다.authorized redirect URL에 http://localhost:3000/users/auth/google_oauth2/callback을 추가해준다. 그렇게 되면 아래와 같은 창이 뜨게 되는데 그 text들을 복사해두자! > 2. omniauth -googl..
Ruby on rails-세션과 쿠키(로그인 기능) >http 프로토콜의 문제점 (멋사 운영진 강의 참고) 요청간의 관계가 없다!stateless protocol (요청을 받으면 서버에서 응답을 보내고 거기서 끝)로그인과 장바구니와 같은 기능은 문제가 있다.>SESSION 과 COOKIE세션일정시간(브라우저 종료시 까지) 반 영구적으로 상태를 유지(서버)ex) 로그인, 장바구니쿠키사용자의 브라우저에 저장되는 텍스트 정보(클라이언트),쿠키를 통해 세션을 구현 >SESSION 을 만들어보자.rails g controller Sessions new create destroy->sessions 컨트롤러 생성Resources :sessions, only [:new, :create, :destroy]
Ruby on rails -tiny mce 새로고침해야 에디터창이 뜰때 해결방법 https://stackoverflow.com/questions/26962995/tinymce-only-loads-on-page-refresh를 참고하기 바란다. 1.gem “turbolinks 를 삭제2.bundle 명령어 입력3.//= require turbolinks를 application.js파일에서 제거해준다.4.data-turbolinks-track 이라는 키워드가 들어간 줄을 application.html 에서 제거해준다.
Ruby on Rails - 파일업로드, 다운로드 구현 https://www.tutorialspoint.com/ruby-on-rails/rails-file-uploading.htm 참고하여 기능을 구현하였다.앞서 진행하던 tinymce와 연결되어 이미 구현되어있는 프로젝트로 진행하는 점을 참고하기 바란다. 1. carrierwave gem 설치하기 gem "carrierwave" 를 gem file에 추가해주고,bundle install 해주기 or gem install carreierwave 터미널에 치기 2.작성 되어있는 모델에 attachment 속성 추가해주기 class CreatePosts 이 속성을 추가해주었다. t.timestamps end end end 기존 rails g model Po..
Ruby on rails- 스캐폴딩 게시판에 TinyMCE 에디터 적용하기 | 시작하기에 앞서 앞서, 중앙대 멋사 사이트 구축을 위한 대략적 설계를 하고, 그다음단계로는 스캐폴딩된 게시판 구조에 tinymce를 적용시키기로 했다. http://blog.naver.com/PostView.nhn?blogId=kbs4674&logNo=221012826088 참고 예전에 tinymce를 적용했던 경험도 있고, 위블로그에 매우 잘정리되어 있기에 이 에디터를 적용하게 되었다. 1.tinymce.yml toolbar: undo redo | forecolor | bold italic | alignleft aligncenter alignright | fontselect | code | link | uploadimage ..
Ruby on rails 웹 설계하기 멋사 중앙대 사이트 구축 이번에 제작하게 되는 rails로 제작하게 되는 웹은 REST API 규칙을 지키면서 설계하고, 필요한 기능에 따라 필요한 모델과 컨트롤러만 만들고, 불필요한 작업을 줄이기위해 주저리주저리 적어본다. 기능 일단 웹에서 주요로 제공하는 기능은 1. Landing page (기능이라기 보다는 페이지이지만..)ui 애니메이션 요소 집어넣기 (시선을 끌만한)운영진 소개contact us를 여기다 넣어도 될듯? 굳이페이지를 하나 파지않고. 2. 스터디팀용 스터디게시판 (스터디 자료 업로드,다운로드 )게시판 editor 적용시키기, 파일첨부기능 (업로드,다운로드 ), 팀별 접근권한 3 .contact us-우리사이트에 contact하고 싶은 분들을 위한..
은행권 공동 오픈 플랫폼 api 가져와 레일스로 만든프로젝트에 출력해보기! 말은 거창하지만 별거없슴다 하하 먼저 실습을 하기에 앞서, 간단히 숙지해야 할 내용을 정리하겠습니당. 1. API 호출 api 를 사용할때, 발급받은 액세스 토큰으로 API에 요청할 수 있다.이를 전달 토큰(bearer token)이라 하고, 주로 헤더에 넣어 보낸다.우리는 미리 발급된 액세스 토큰을 사용할 예정이다. "Authorization: Bearer 액세스 토큰" 2. Postman get 방식이나, post 방식으로 데이터를 요청하거나 전달 받을때 사용하는 프로그램이다! https://chrome.google.com/webstore/detail/postman/fhbjgbiflinjbdggehcddcbncdddomop 위..