javascript/React

React 알아가기

정데브 2021. 10. 28. 20:36

2021.10.28일 시작으로 리액트에 대해서 공부해볼 예정이다.

독학을 위해서 [초보자를 위한 리액트 200제]책 구매 완료 🧡

 

  • 리액트는 UI 자바스크립트 라이브러리로써 싱글 페이지 어플리케이션의 UI를 생성하는데 집중된 라이브러리이다.
  • 리액트 장점은 코드이식성과 재활용성이 높고 화면 출력 속도가 빠르다.
  • 리액트는 화면을 구성하는 코드를 컴포넌트 단위로 나누고 필요한 부분에 이식해 사용할 수 있다!
  • 가상 돔(Virtual DOM)이라는 개념을 사용해 웹 어플리에키션의 최적화된 라이브러리이다.
  • 리액트만 사용해도 많은 기능을 구현할 수 있지만 웹사이트를 완성도 있게 만들기 위해선 백엔드가 필요하다.
  • 특히 프론트엔드 언어인 리액트는 데이터베이스를 연동할 수 없기 때문에 실무 파트에서는 node.js라는 백엔드 언어를 사용해 구현해야 한다.
  • 리액트는 페이지 전환 기능을 제공하지 않기 때문에, 리액트를 사용하여 페이지 전환을 해야한다면 React-route와 같은추가적인 라이브러리를 사용해야 한다.
  • 리액트에서는 JSX라는 독특한 문법을 가지고 있다. JSX는 자바스크립트와 HTML을 동시에 사용하며, HTML에 자바스크립트 변수들을 바로 사용할 수 있는 일종의 템플릿 언어이다.