2025. 1. 23. 13:32ㆍReact
React가 무엇인가?
- 사용자 인터페이스를 만들기 위한 Javascript 라이브러리
프레임워크는 개발을 위한 기본 틀 및 뼈대 라면, 라이브러리란 개발에 필요한 도구 또한 그 집합을 의미한다.
- SPA(Single Page Application)
클라이언트(브라우저)에서 화면을 그리는 방식으로 JavaScript를 통해 HTMl 작성한다.
React 외에 Vue, Angular 등이 존재한다.
왜 배워야 하는가?
1. 트렌드
- 수요가 많고 방대한 생태계를 가지고 있다.
2. 편리함
- 유용한 라이브러리가 많이 존재한다.
- SPA: 싱글 페이지 어플리케이션으로 서버에 부하가 적다.
- 화면을 여러 단위로 쪼개고, 재사용하는 식으로 코드 관리가 용이하다는 장점을 가진다.
React 특징
1. 컴포넌트 기반 설계
- 스스로 상태를 관리하는 캡슐화된 코드 조각으로 의미단위로 컴포넌트를 구성하는 것이다. 이 방법은 재사용성과 유지보수성이 좋다.
- 컴포넌트는 부모, 자식 관계를 가진다는 특징을 갖고 있다.
2. Virtual DOM(가상돔)
- 실제 DOM의 복사본으로 SPA에서의 동적인 변화를 효율적으로 관리하기 위해 사용한다.
- DOM을 직접 변경하여 발생하는 비효율을 해결할 수 있다.
3. CSR(Client Side Rendering)
- SPA 방식이기에 자바스트립트를 통해 서버가 아닌 클라이언트 브라우저에서 화면을 렌더링 하게 된다.
4. 풍부한 생태계
- 단순 웹 개발뿐만 아니라 React Native와 같은 앱 개발을 위한 라이브러리도 존재한다.