adsense728x90


rails에서 reactjs쓰면서 Javascript 시작하기 Web frontend





_.union([34,35,45,48,49], [48,55]);

<script src="http://documentcloud.github.io/underscore/underscore.js"/>
을 추가하면, reactjs가 잘 작동 안했다.

$ bower install underscorejs

//= require underscore/underscore

bower, require로 추가했을 땐 문제 없었다.


var titles = Array.prototype.slice.call(document.getElementsByTagName('title'))  .map(function(node) {    return node.innerText;  });



es5의 모듈관리방법이 두가지 AMD형식이랑 CommonJS가 있어


npm이 원래는 nodejs모듈위주여서 web용은 많지않았고

포맷이 정해져있지않았나? 해서 트위서에서 web library전용으로 만든게 bower

그래서 npm에는 없고 bower에만 있는것도 잇어서


bower.json이 bower모듈관리파일

package.json이 npm

같은게 안들어가 있으면 되고

require(‘module_name’)로 npm모듈을 이용하는데

bower는 node_modules에 다운로드 안되고

bower_components폴더에 다운로드 되서

require(‘module_name’)로 import가 안되거든 path를 다 지정해야되

require(‘../../bower_components/material-design-lite/xx.js’)이런식으로

이걸 생략하기 위해서 browserify를 이용하는경우에는 debowerify를 같이써




es6을 쓰기 위해서

https://babeljs.io/docs/setup/#rails


rails update하고, bundle update하고, sass-rails 에 버전 지정 빼서 

gem 'sprockets-es6’

설치됐다 ㅎㅎ


Rails.application.config.browserify_rails.commandline_options = [
"-t coffeeify --extension=\".js.coffee\"", # こっちはcoffee使うなら
"-t reactify --extension=\".js.jsx.coffee\""
]



api 통신은

/superagent







덧글

  • NABU 2015/08/05 23:12 # 답글

    다음은 react native???
댓글 입력 영역