sukill-Programming

무한스크롤 (Infinite Scroll) 그리고 페이지네이션 (Pagination)

Superkill — Tue, 30 Dec 2014 15:08:13 +0900

무한스크롤 예)

페이스북

페이지네이션 예)

일반적인 게시판에서 볼수 있는 페이지 이동 방식

[ruby on rails]InvalidAuthenticityToken

Superkill — Tue, 9 Dec 2014 00:07:58 +0900

Ruby on Rails

POST를 하게 되면 [ InvalidAuthenticityToken ] 오류가 종종 발생한다.

1. CSRF 기능을 끄거나

2. <FORM> 태그 대신 레일스의 폼 헬퍼 메서드 즉 form_tag 등의 기능을 사용하는 방법

레일스 2.0에는 CSRF (Cross-Site Request Forgery) 공격을 막기 위한 기능이 포함되어있으므로

CSRF를 위해 form에 안전한 키를 숨기고 서버사이드에서는 내가 발급한 키가 맞는지 확인해서 값을 비교

이 때 뭔가 문제가 있으면 InvalidAuthenticityToken 예외가 발생

ruby controller 파일에 skip_before_filter :verify_authenticity_token 을 적으면 해결되긴 함

블로그에 소스코드 작성하기

Superkill — Thu, 23 Oct 2014 22:54:25 +0900

링크

- http://daver.kr/tools/geshi/

링크 들어가서 소스코드 넣고 변환 한 후 복붙하면 끝!

[Ruby on Rails] 4.1 Release Notes

Superkill — Thu, 23 Oct 2014 14:24:22 +0900

루비 온 레일즈 4.1 릴리즈 노트

주목할 만한 것들

Spring의 Application Preloader
새로 생긴 config/secrets.yml 파일
액션팩(ActionView와 ActionController 모듈을 합쳐 부르는 것) 의 변수들
Action Mailer 미리보기

1. Rails 4.1 버전으로 업그레이드 하기

- http://edgeguides.rubyonrails.org/upgrading_ruby_on_rails.html#upgrading-from-rails-4-0-to-rails-4-1

2. 주요 특징

2.1 Spring

- Spring은 rails의 preloader 이다. 프로그램을 백그라운드에 돌아가게 해줘서 테스트 실행을 할 때나 rake 작업이나 migration 할때마다 시작 할 필요가 없게 해줌으로 개발 속도를 높여준다.

- Rails 4.1 버전은 "springified" binstubs를 포함한다. 즉, bin/rails 와 bin/rake는 preloaded spring 환경으로 부터 긍정적 효과를 본다는 것이다.

(binstubs 는 실행가능한 파일 감싸는 코드<wrapper script> 인데 실행 가능한 파일을 호출하기 전에 환경을 준비하는 역할을 한다. 루비에서는 보통 RubyGem이 executable을 포함하는 gem을 설치하고 나서 binstub을 생성한다.)

Spring README

-> https://github.com/rails/spring/blob/master/README.md

2.2 config/secrets.yml

- Rails 4.1 버전은 이전에 없던 secrets.yml 파일을 생성하게 된다.

이 파일은 기본적으로 application의 secret_key_base를 포함하는데 이것은 외부 API를 위한 액세스 키 같은 비밀 data를 저장하는데 쓰일 수 있다.

- secrets.yml에 추가된 비밀 데이터들은 Rails.application.secrets를 통해 접근이 가능하다.

- 예를 들면

"키 : 키값" 이 secrets.yml 파일에 있을때

development 환경에서 "Rails.application.secrets.키" 는 키값을 리턴한다.

2.3 Action Pack 변수

- 주로 스마트폰, 타블렛, pc 브라우저에 따라 다른 HTML/JSON/XML 템플릿들을 렌더링 할때 쉽게 할 수 있게 해준다.

2.4 Action Mailer Previews

- 특별한 URL을 통해 email을 시각적으로 볼 수 있게 해주는 방법을 제공한다.

- ActionMailer 패키지

http://api.rubyonrails.org/v4.1.0/classes/ActionMailer/Base.html#class-ActionMailer::Base-label-Previewing+emails

2.5 Active Record enums

- http://api.rubyonrails.org/v4.1.0/classes/ActiveRecord/Enum.html

2.6 Message Verifiers

- Message Verifiers로 서명된 메세지를 생성하고 확인할 수 있다. 민감한 데이터를 안전하게 전송할 때 유용하다.

- Rails.application.message_verifier 메소드는 secret_key_base 와 message verifier 이름으로 부터 키를 얻어 메세지에 서명을 하는 message verifier를 생성한다.

2.7 Module@concerning

- mix-in으로 생기는 단점을 제거함으로써 자연스럽고 low-ceremony^[각주:1]적인 방법으로 하나의 클래스의 역할을 분리해서 관리 할 수 있다.

- 링크 : http://api.rubyonrails.org/v4.1.0/classes/Module/Concerning.html

2.8 CSRF protection from remote <script> tags

- Cross site request forgery(CSRF) protection 은 GET 요청을 통한 자바스크립트 응답도 처리할 수 있다. 즉, 제 3자의 사이트에서 당신의 자바스크립트 URL을 참조하는 것과 중요한 데이터를 추출해내기 위해 자바스크립트를 구동하는것을 예방해 준다.

- 자바 스크립트 url이 xhr을 이용하지 않는 이상 CSRF protection에 막혀 실패할 것이다. 그러므로 XmlHttpRequests 를 명시적으로 사용하도록 post:create, format: : js 대신 xhr : post, :create, format: :js 를 사용하라.

3 Railties (rails 네임스페이스 안의 class이다. Object 클래스를 상속받음)

3.1 제거된 것들

Removed update:application_controller rake task
Removed deprecated Rails.application.railties.engines
Removed deprecated threadsafe! from Rails Config
Removed deprecated ActiveRecord::Generators::ActiveModel#update_attributes

- ActiveRecord::Generators::ActiveModel#update 가 대체한다.

Removed deprecated config.whiny_nils option

Removed deprecated rake tasks for running tests : rake test:uncommitted and rake test:recent

3.2 주목할 만한 변경사항

Spring application preloader 가 기본적으로 새 어플리케이션에 설치된다.

- 그러나 이것은 develop group의 Gemfile을 사용하므로 production 모드에서는 설치가 안될 것이다.

BACKTRACE 환경 변수가 사라지는 현상

- https://github.com/rails/rails/commit/84eac5dab8b0fe9ee20b51250e52ad7bfea36553

환경 설정에 노출된 MiddlewareStack#unshift

--------------------미 완 성-----------------------------------

하아.. 너무 많다... 글 쓰기 싫다.. 아직 절반도 못한거 같은데

이 내용을 다 옮겨야 되나..

릴리즈 노트 링크

http://edgeguides.rubyonrails.org/4_1_release_notes.html

[term]low-ceremony 참고 참고 [본문으로]

Ruby on Rails API

Superkill — Thu, 23 Oct 2014 13:48:01 +0900

2014년 10월 23일 기준으로 4.1.6 버전 api을 보여준다.

링크 : http://api.rubyonrails.org/

low ceremony

Superkill — Thu, 23 Oct 2014 12:43:00 +0900

rails release note 4.1을 보다가 low-ceremony way 라는 표현이 나와서 무슨 뜻인지 찾아봤다.

찾다 보니 high ceremony 라는 말도 있던데 도무지 찾아도 용어에 대한 정의는 나오지 않고

뒤적뒤적 거리다가 힌트를 얻은 글이 있었다.

In this paper, we draw on numerous empirical studies of end-user and professional programmers to show that the reusablity of code can be inferred on the basis of "low-ceremony" evidence. This evidence is information that is often informal, possibly unreliable, but that can be quickly gathered, interpreted and synthesized without the investment of substantial effort or skill by code producers or consumers.

위에 써있는 대로 low ceremony는

"정형화 되지 않고, 믿을 수 없겠지만 , 개발자와 고객이 상당한 노력이나 기술을 가지고 조사할 필요 없이 빠르게 (정보가) 모아지고 이해되고 종합되는"

이런 것 이라고 보면 될 것 같다.

정리하자면

'정형화 되지 않았지만 보고 이해하고 종합하기 쉬운' 이 정도 의미라고 하면 될 것 같다.

글 링크 (pdf 파일입니다)

- http://web.engr.oregonstate.edu/~cscaffid/papers/eu_20081031_eupwebsharing.pdf

[DevKit] 1.DevKit이란?

Superkill — Wed, 22 Oct 2014 17:20:28 +0900

네이티브 c/ c++ 확장 플러그인을 RubyGem을 통해 쉽게 다운로드, 설치, 사용할 수 있게 해주는

toolkit-addon 이다.

http://rubyinstaller.org/downloads/

-> 여기서 다운 받을 수 있다.

설치 과정은 다음에 포스트..

[Markdown] 마크다운 문법

Superkill — Wed, 22 Oct 2014 17:07:18 +0900

마크다운 문법은 일반 텍스트문서의 양식을 편집하는 문법이다.

이렇게 작성된 문서는 쉽게 HTML 등 다른 양식의 문서로 변환이 가능하다.

예를들면

HTML에서 쓰던

<strong>굵게</strong> 를

이렇게

**굵게**

표현한다고 할까

아래 나오는 툴로 마크다운 문서를 HTML로 변환 할 수 있다.

http://daringfireball.net/projects/markdown/

-> 요거 많이 쓰이는 것 같다.

RDiscount – Markdown for Ruby

루비 Devkit이 지원하는 확장 플러그인? 프로그램? 인 Rdiscount

Rdiscount 사이트

http://dafoster.net/projects/rdiscount/

About RDiscount

http://www.pell.portland.or.us/~orc/Code/discount/#Language.extensions

CDN - contents delivery network

Superkill — Wed, 22 Oct 2014 05:43:00 +0900

CDN(Contents Delivery Network)는 인터넷(Internet) 사용 환경에서 게임 클라이언트(Client)나 콘텐츠(Contents)를 사용자의 PC로 효율적으로 전달하기 위해 분산된 서버(Server)에 데이터(Data)를 저장해 전달해주는 시스템(System)을 말한다. CDN은 보통 인터넷 서비스 제공자(ISP, Internet Service Provider)에 직접 연결해 데이터를 전송하는데, 이렇게 되면 한꺼번에 많은 사용자가 몰렸을 때 데이터 전송 속도가 느려지는 등의 콘텐츠 병목 현상을 피할 수 있다는 장점이 있다. 이렇게 연결된 구조는 콘텐츠 공급자에게 안정성과 더불어 비용 절감효과를 가져다 준다.
[네이버 지식백과] CDN [Contents Delivery Network] (게임용어사전: 기관/용어, 2013.12.12)

jquery를 쓸때 http://code.jquery.com/jquery-latest.min.js 를 헤더에 넣으면

자동으로 최신 jquery 버전을 쓸 수 있었는데 이것이 CDN 이었다.

jquery 뿐만 아니라 bootstrap등 다른 것들도 CDN을 지원하는 것을 보았다.

[Sass] sass/scss -css 작성을 편리하게

Superkill — Tue, 21 Oct 2014 23:07:45 +0900

Sass에는 두가지 문법이 있다.

하나는 Sass 3 버전 부터 새로 생긴 문법인 Scss 이다.

CSS3를 지원하고 .scss 확장자를 사용한다.

구버전인 Sass는 대괄호와 세미콜론을 사용하지 않는 표현식을 사용한다.

Scss가 나왔지만 여전히 지원되고 있고 .sass 확장자를 사용한다.

Sass는 CSS3의 확장 정도로 볼 수 있다.

추가된 기능을 몇개 보자면

변수 선언,사용 가능
nesting 규칙

(element 안에 다른 element가 있는 것을 구분하기 쉽게 해줌)

partial 기능

(partial은 소량의 css 코드를 가지며 모듈화 하기에 좋다)
(단, partial 파일은 _partial.scss 형태로 네이밍)

import 기능

(@import 를 사용하서 import 한다)
(단점은 각 @import 마다 하나의 http 요청을 생성한다는 것)

mixin 기능

(@mixin 을 사용해서 템플릿 처럼 만들어 쓸 수 있다)

상속

(@extend를 사용해서 상속과 같은 효과를 볼 수 있다)
(같은 코드를 반복할 필요가 없음)

연산자

(width : 300px / 960px * 100 이렇게 쓰면 웹 상에서는 width : 62.5%로 자동변환)

참고 링크

http://iyakiggun.blog.me/100165592587

공식 사이트

http://sass-lang.com/