어서 오십시오

틀리면 메시지를 남겨주세요...m(_ _)m

교재

https://facebook.github.io/react/docs/tutorial.html

What React.js？

다음 슬라이드는 저에게 큰 이해를 주었습니다...
http://reactjs-meetup.connpass.com/event/11232/presentation/

추적 슬라이드 귀찮은 사람을 위한 대략적인 요약

Ajax로 서버에서 데이터를 얻고 jQuery로 삐걱삐걱 표시하는 것은 좋지만 데이터 업데이트 등 문제가 번거롭다.그건 DOM만 데이터가 있으니까요.

React.js에서 어떤 DOM 요소에 어떤 JSON을 넣을지 지정하고 데이터가 업데이트되면 필요한 DOM만 고칩니다.필요한 DOM만 그리기 때문에 고속으로 그릴 수 있습니다.

React.js 섹션만 그리기

HTML을 직접 토출하지 않기 때문에 보안상 좋은 것 같다 (우클릭 -> 페이지 원본 표시 등, React.js에 묘사된 페이지는 HTML을 추가하지 않음)

만약 네가 이렇게 많이 묻는다면, 너는 이런 문제를 생각할 것이다

Console을 사용하는 Devic은 일반적으로 사용되지 않습니다...

Javascript에 HTML 요소를 쓰면 안 되는데...

이 복선을 회수할 수 있을지 모르겠지만 먼저 전진하세요.

1.react-tutorial

clone이나 zip 다운로드를 선택하십시오.

2. 먼저 이동

# 上記のリポジトリルート上で
$ ruby ./server.rb # Ruby以外にも多数の言語でサーバサイドプログラムが用意されてます

에서 서버를 시작한 후 public/index.html를 열면 현재 제작할 것을 알 수 있습니다.

한마디로 댓글을 쓰면 바로 샘플 앱을 만들 수 있다.
댓글 작성 후 저장...이러한 처리는 Example에 이미 준비된 것을 사용합니다.React.js는 항상 표시 부분을 쉽게 쓸 수 있도록 하는 것이기 때문에 따로 필요합니다.
참고로 추가된 댓글은comments입니다.제이슨에 저장된다고 합니다.

3. 삐걱삐걱 쓰는 자바스크립트 파일 준비

public/index.html

<script type="text/babel" src="scripts/example.js"></script>
↓
<script type="text/babel" src="scripts/tutorial.js"></script>

그리고

$ touch ./public/scripts/tutorial.js

이렇게 해서 이번에 네가 쓸 자바스크립트 파일이 만들어졌다.다음에 쓸게요.