요즘 React가 대세라는데!
이거 대체 먼데!! 이렇게 인기가 많을까!!
라는 궁금증에서 시작되어
리액트에 대해 조사하며 공부를 시작해볼까 합니다.
그래도 얘가 도대체 어떤 놈인지는
알고 써야하지않겠습니까! ( •̀ ω •́ )✧
1. React 란?
리액트는 페이스북에서 제공해주는 Javascript 라이브러리입니다. 주로, SPA(Single Page Application)를 만들 때 페이지 전환이 부드럽게 가능하다는 특징을 지니고 있습니다. 또한, component 단위로 개발하여 html 재사용이 편리하여 유지보수하기에 매우 좋다고 합니다.
2. React의 특징
1) 가상 DOM 사용
DOM을 직접적으로 제어하는 것이 아닌, 가상 DOM을 두어 데이터가 변할때마다 화면에서 필요한 곳만 업데이트 하는 형식입니다. 이는 빠른 로딩 속도와 반응성 높은 UI를 구현할 수 있습니다.
2) component 단위 개발
코드의 가독성을 높여주고, 캡슐화, 확장성, 결합성, 재사용성에 유리합니다.
3) JSX 지원
자바스크립트에 대한 확장 구문으로서, 리액트에서 element를 제공해줍니다. JSX는 하나의 파일에 자바스크립트와 HTML을 동시에 작성하여 데이터가 자동 반영됩니다.
.
많은 기업에서 가장 선호하고 있는 라이브러리인만큼
굉장히 궁금증을 자아내는 기술 중 하나였구요!
리액트를 사용하기위해서는 자바스크립트에 대한 문법을 이미 익히고 있는 사람이라면 접근하기 쉽겠다는 생각이 들었습니다~~! 리액트 공부 시작 준비 완. ╰(*°▽°*)╯
'React' 카테고리의 다른 글
[React] 컴포넌트(Component) 만들기 (0) | 2024.06.25 |
---|