reactjs-Example

2016년 12월 23일

• atom setting (http://stackoverflow.com/questions/22611377/auto-indent-code-in-atom-editor)
• intalled atom package react 시스템 변수에 git.exe 경로 넣어주기
• intalled atom pacakge standard-format
• intalled atom pacakge git-plus
• 설정
• 1장 Hello world 시작
• Hello world react
• 작동원리
• Raact.DOM.*
• 특수한 DOM 속성
• 리액트 데브툴 브라우저 확장
• 다음단계 : 커스텀 컴포넌트

2017년 1월 3일

• 2장 컴포넌트의 수명 시작
• 최소요건
• 프로퍼티
• propTypes (기본 프로퍼티 값)

2017년 1월 4일

• 상태
• 상태 저장 텍스트 영역 컴포넌트 getInitialState / this.state.text
• DOM 이벤트 참고 사항
• 기존의 이벤트 처리방식
• 리엑트의 이벤트 처리 {onChange : this._textChange}

2017년 1월 5일

• 프로퍼티와 상태
• 초기 상태의 프로퍼티 : 안티패턴
• 외부에서 컴포넌트 접근
• 작동 중 프로퍼티 변경
• 수명 주기 메서드
• 수명 주기 메서드 예제 스스로 작성