티스토리 뷰
[REACT] beta.react.org 공식 문서 번역 : [퀵스타트] 리액트란?
adore_voy 2021. 12. 7. 08:42리액트는 무엇인가요?
리액트는 UI를 만들기 위한 자바스크립트 라이브러리 입니다.
리액트는 디자인과 프로그래밍의 교차로에 서 있습니다. 복잡한 UI를 '감쌀 수 있고', '재사용가능한' 조각들인 '컴포넌트'들로 서로를 조화롭게 해줍니다. 만약에 당신이 프로그래밍 기반이 있다면, 리액트가 함수로 만들어진 프로그램을 만드는 것 이라고 생각이 들게 만들 수 있겠습니다. 만약 당신이 디자이너라면, 이것은 레이어 밖의 디자인을 구성하는 느낌이 들게 만들 것 입니다. 만약 당신이 두 분야의 어떤것도 해보지 않았다면... 괜찮습니다!
많은 사람들은 리액트로 프로그래밍과 디자인에 입문합니다. 리액틑를 사용하는것은 아마 벽돌 장난감으로 성을 짓는 듯한 느낌을 줄 것 입니다.
리액트는 당신의 전체 애플리케이션을 어떻게 짓는지에 대해 정확히 규정하지 않습니다. 이것은 컴포넌트의 정의와 구성을 돕지만 돕기만 할 뿐 다른 질문에 대해서는 손 대지 않습니다. 무슨 이야기냐면, 리액트를 사용하면서 당신이 라우팅, 스타일링 그리고 데이터 패칭 혹은 다른 좋은 초기설정을 해주는 프레임워크를 선택할 수 있다는 것 입니다.
리액트로 무엇을 할 수 있나요?
진짜로 많은 것을 할 수 있어요! 사람들은 버튼과 같은 작은 컨트롤들 부터 전체 앱의 드롭다운까지의 모든 종류의 UI를 리액트로 만들어냅니다. 이 문서는 당신에게 웹에서의 리액트 사용에 대해 알려드릴거에요. 그러나, 대부분 당신이 여기서 배우는 것 들은 안드로이드, ios, 그리고 windows와 macOS 앱을 만들 수 있는 리액트 네이티브랑 비슷 할 것 입니다.
만약 당신이 매일 사용하는 프로덕트 중에 어떤 프로덕트가 리액트로 만들어졌는지 궁금하다면 'React Developer Tools'를 설치하시면 됩니다. 이 웹사이트같은 리액트로 만들어진 앱이나 웹사이트를 방문할 때 마다, 툴바(역자: 크롬 웹스토어에서 다운 받으실 수 있습니다.)에 리액트 아이콘 불이 켜질 거에요.
리액트는 자바스크립트를 사용합니다.
당신은 리액트로 자바스크립트를 이용햔 비주얼 로직을 만들 것 입니다. 이것은 연습이 필요해요. 만약에 자바스크립트랑 리액트를 동시에 배우는 중 이라면, 당신은 혼자가 아닙니다! 그러나 떄때로, 이것은 도전이 될 수 있어요. 거꾸로, 리액트를 깊이 배우는 것은 진짜 자바스크립트를 배우는 것 입니다. 당신의 학습을 리액트 저 너머로 데려갈 수 있다는 것 이지요.
이 자바스크립트 오버뷰로 자바스크립트 지식을 체크해보세요. 30분에서 한 시간 정도 걸릴건데 리액트를 배우는데 좀 더 자신감이 붙었다고 생각할 것 입니다. MDN과 javascript.info 이 두 좋은 웹사이트는 레퍼런스로 좋은 리소스입니다.
'Basic_Studies > React & Next.js' 카테고리의 다른 글
[Next.js] Dynamic title 만들기 (0) | 2022.01.21 |
---|---|
[REACT] beta.react.org 공식 문서 번역 : [퀵스타트] 리액트 배우기 (0) | 2021.12.10 |
[REACT] 그래서 virtual DOM이 왜 필요한데? (0) | 2021.12.01 |
[REACT] 공식문서 요약(본인공부용) (0) | 2021.12.01 |
[React] 리액트 vs 바닐라 자바스크립트 (왜 프레임워크를 쓰는거지?) (0) | 2021.03.07 |
- Total
- Today
- Yesterday
- getserversideprops redirect
- 글래스모피즘 구현
- 리액트 스크롤
- 카페음료테스트
- nextjs 파라미터 넘기기
- NextJS
- nuxt 공식문서 한글
- 자바스크립트
- 리액트 파라미터 넘기기
- css 글래스모피즘
- 글래스모피즘 애니메이션 구현
- 파이썬 크롤링
- next.js 리다이렉트
- react router
- Til
- bs4 크롤링
- 움직이는 글래스모피즘
- css marquee
- vscode venv
- 파이썬 정렬
- 백준 10989 파이썬
- 리액트 컴포넌트
- 리액트
- 화이팅
- 10989 파이썬
- nextjs 스크롤
- nuxt 공식문서
- 파이썬 flask
- dvd 효과
- 리액트 라우터
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |