Getting Started
React는 사용자 인터페이스를 작성하기 위한 JavaScript 라이브러리입니다.
- Try React
- Learn React
- Staying Informed
- Versioned Documentation
- Something Missing?
Try React
React는 처음부터 점진적으로 사용할 수 있도록 설계되었으므로 필요한만큼 React를 사용할 수 있습니다.
이 섹션의 링크를 참고하여 React를 맛보고, HTML에 간단한 기능을 추가하거나, 복잡한 앱을 만들 수 있습니다.
Online Playgrounds
온라인 코드툴(Codepen, CodeSandBox)을 이용하여 체험할 수 있습니다.
독자적인 텍스트 편집기를 사용하려면 HTML파일을 다운로드하여 편집하고 브라우저의 로컬파일 시스템에서 열어 볼 수 있습니다.
런타임 코드 변환을 수행하므로(느림) 간단하게 데모할 때만 사용하는것이 좋습니다.
Add React to a Website
1분안에 React를 HTML페이지에 추가할 수 있습니다.
그런 다음 점차 확장해 나가거나 동작 위젯에 포함시킬 수 있습니다.
Create a New React App
React 프로젝트를 시작할 때 스크립트 태그가 있는 간단한 HTML페이지가 최선의 선택일 수 있습니다.(설정하는데 1분밖에 걸리지 않습니다.)
응용 프로그램이 커질수록 통합 된 설정을 고려하는것이 좋습니다. 대규모 응용 프로그램에 권장되는 몇까지 JavaScript 툴체인이 있습니다. 각각의 구성은 거의 구성없이 동작할 수 있으며 풍부한 React echosystem을 최대한 활용할 수 있습니다.
Learn React
사람들은 서로 다른 배경과 다양한 학습 스타일을 갖고 있습니다. 이론적인 방법이나 실제적인 방법을 선호한다면 이 섹션이 도움이 될것입니다.
- 만약 당신이 실제적인 방법을 원한다면 튜토리얼부터 시작하세요.
- 단계별 이론적인 개념을 배우려면 기본 개념에 대한 안내부터 시작하세요.
First Examples
React 홈페이지에는 live editor를 사용하여 몇가지 예시가 포함되어 있습니다. React에 대해 아직 모르더라도 코드를 변경해보고 어떻게 바뀌는지 확인하세요.
React for Beginners
React문서가 어렵다고 생각한다면 React by Tania Rascia.를 참고 하세요. React개념을 상세하고 초보자에게 친숙한 방식으로 소개하고 있습니다. 어느정도 익숙해 졌다면 다시 React문서를 참고하세요
React for Designers
참고할만한 리소스
JavaScript Resources
React문서는 JavaScript언어로 프로그래밍하는데 익숙하다는 가정하에 작성되었습니다.
자바스크립트 개요를 통해 지식 수준을 확인하세요
팁
JavaScript를 사용하는데 익숙하지 않다면 MDN과 javascript.info를 참고하세요.
커뮤니티 포럼에서 도움을 요청하세요.
Practical Tutorial
실습 튜토리얼을 참고 하세요. 이 튜토리얼에서는 React에서 tic-tac-toe 게임을 빌드 합니다. 건너뛰고 싶을수도 있겠지만 해당 튜토리얼에서 배우게되는 기술은 어떤 어플리케이션을 만드는데 있어 근본적인 방법을을 제시하고 있습니다.
Step-by-Step Guide
단계별로 개념을 배우기를 원한다면 주요개념에 대한 안내서를 추천합니다.다음 장은 이전 장에서 소개된 지식을 토대로 작성됩니다.
Thinking in React
오래된 예시지만 가장 많은 React 사용자가 읽은 Thinking in React
Recommended Courses
서적 및 비디오 강좌가 공식문서보다 도움이 됩니다. 일부 무료인 관련된 코스
Advanced Concepts
기본 개념에 익숙하다면 고급 주제에 관심을 갖을 수 있습니다. 이 섹션에서는 일반적으로 사용하지 않는 강력한 기능들을 소개 합니다.(context, refs 등)
API Reference
이 섹션은 특정 React API에 대한 자세한 내용을 알고자 할때 유용합니다.
예를들어 React.Component API reference는 setState()작동 방식 및 컴포넌트 Lifecycle에 대한 세부 정보를 제공합니다.
Glossary and FAQ
React문서에서 사용하는 용어에 대한 설명을 제공합니다.
ajax Request, 컴포넌트 state, 파일 구조를 포함한 일반적인 질문과 답변에 대한 FAQ 섹션이 있습니다.
Staying Informed
React 블로그는 React팀에서 업데이트되는 내용을 제공합니다. 릴리즈 노트 또는 비추천 통지를 포함하여 중요한 모든것이 게제됩니다.
트위터에서 @reactjs 계정을 팔로우 할 수 있겠지만 블로그를 읽는 것만으로도 충분합니다.
모든 React릴리즈가 개별적인 게시글은 아니지만 React 저장소와 Releases페이지의 모든 릴리즈 내역을 CHANGE.md에서 확인할 수 있습니다.
Versioned Documentation
이 문서는 안정적인 React버전만 반영합니다. version 16이후, 이전 버전의 문서는 별도의 페이지에서 찾을 수 있습니다. 이전 버전에 대한 문서는 당시에스냅샷 처리 되어있으며 지속적인 업데이트는 되지 않습니다.
Something Missing?
설명서에 내용이 없거나 혼동을 주는 부분이 발견된다면 문제를 제기하여 개선 제안이나 @reactjs 계정에 트윗을 작성세요.
정주행 하겠습니다~