[REACT] beta.react.org 공식 문서 번역 : [퀵스타트] 리액트란?
Quick Start
A JavaScript library for building user interfaces
beta.reactjs.org
리액트는 무엇인가요?
리액트는 UI를 만들기 위한 자바스크립트 라이브러리 입니다.
리액트는 디자인과 프로그래밍의 교차로에 서 있습니다. 복잡한 UI를 '감쌀 수 있고', '재사용가능한' 조각들인 '컴포넌트'들로 서로를 조화롭게 해줍니다. 만약에 당신이 프로그래밍 기반이 있다면, 리액트가 함수로 만들어진 프로그램을 만드는 것 이라고 생각이 들게 만들 수 있겠습니다. 만약 당신이 디자이너라면, 이것은 레이어 밖의 디자인을 구성하는 느낌이 들게 만들 것 입니다. 만약 당신이 두 분야의 어떤것도 해보지 않았다면... 괜찮습니다!
많은 사람들은 리액트로 프로그래밍과 디자인에 입문합니다. 리액틑를 사용하는것은 아마 벽돌 장난감으로 성을 짓는 듯한 느낌을 줄 것 입니다.
리액트는 당신의 전체 애플리케이션을 어떻게 짓는지에 대해 정확히 규정하지 않습니다. 이것은 컴포넌트의 정의와 구성을 돕지만 돕기만 할 뿐 다른 질문에 대해서는 손 대지 않습니다. 무슨 이야기냐면, 리액트를 사용하면서 당신이 라우팅, 스타일링 그리고 데이터 패칭 혹은 다른 좋은 초기설정을 해주는 프레임워크를 선택할 수 있다는 것 입니다.
리액트로 무엇을 할 수 있나요?
진짜로 많은 것을 할 수 있어요! 사람들은 버튼과 같은 작은 컨트롤들 부터 전체 앱의 드롭다운까지의 모든 종류의 UI를 리액트로 만들어냅니다. 이 문서는 당신에게 웹에서의 리액트 사용에 대해 알려드릴거에요. 그러나, 대부분 당신이 여기서 배우는 것 들은 안드로이드, ios, 그리고 windows와 macOS 앱을 만들 수 있는 리액트 네이티브랑 비슷 할 것 입니다.
만약 당신이 매일 사용하는 프로덕트 중에 어떤 프로덕트가 리액트로 만들어졌는지 궁금하다면 'React Developer Tools'를 설치하시면 됩니다. 이 웹사이트같은 리액트로 만들어진 앱이나 웹사이트를 방문할 때 마다, 툴바(역자: 크롬 웹스토어에서 다운 받으실 수 있습니다.)에 리액트 아이콘 불이 켜질 거에요.
리액트는 자바스크립트를 사용합니다.
당신은 리액트로 자바스크립트를 이용햔 비주얼 로직을 만들 것 입니다. 이것은 연습이 필요해요. 만약에 자바스크립트랑 리액트를 동시에 배우는 중 이라면, 당신은 혼자가 아닙니다! 그러나 떄때로, 이것은 도전이 될 수 있어요. 거꾸로, 리액트를 깊이 배우는 것은 진짜 자바스크립트를 배우는 것 입니다. 당신의 학습을 리액트 저 너머로 데려갈 수 있다는 것 이지요.
이 자바스크립트 오버뷰로 자바스크립트 지식을 체크해보세요. 30분에서 한 시간 정도 걸릴건데 리액트를 배우는데 좀 더 자신감이 붙었다고 생각할 것 입니다. MDN과 javascript.info 이 두 좋은 웹사이트는 레퍼런스로 좋은 리소스입니다.