React

리액트 ( React )란?

둥구는 지굴다 2022. 8. 8. 21:33
글을 읽으시기전 필자는 아직 코딩을 공부하고 있는 학생입니다.
여러 책과 블로그 글, 수업을 바탕으로 정리한 내용이니 부족한 부분있다면 댓글로 남겨주시기 바랍니다.

 

리액트( React )란?

리액트는 한마디로 축약하자면 JavaScript 라이브러리입니다.

리액트는 페이스북에서 만든 JavaScript이며 복잡한 사용자 인터페이스 즉, UI를 쉽게 구축하기 위해서 만들어진 자바스크립트 라이브러리입니다.

 

React의 특징

각각의 독립적인 컴포넌츠 단위들을 서로 조립해서 만드는 것입니다.

 

컴포넌츠 ( Components )란?

컴포넌츠는 한가지의 기능을 수행하는 단위입니다.

이렇게 말하니까 쉽게 안 와닿으시죠?

쉽게 생각해서 "네이버"를 예로들면 검색창, 뉴스 , 로그인창, 등등으로 나누어져있는데

이런 것들을 하나하나 컴포넌츠라고 생각하시면 쉽습니다.

 

React(리엑트)의 사용이유

 

가상 돔( virtual Dom)

어떻게 보면 리액트의 가장 큰 사용이유중에 하나 입니다.

기존의 Dom은 페이지가 변경될 때 마다,새 HTML을 로드하여 Dom 전체를 바꿨습니다.

하지만 리액트는 virtual dom즉, 가상돔이 존재하여 Dom전체를 바꿨던 것에 비해

컴포넌트가 리턴하는 값에 의해 만들어 지기 때문에 실제 Dom과 virtual Dom과 비교해서 바뀐부분만 찾아내기때문에

컴포넌츠 단위로 개발이 가능하게 만들어주는 것이 가상돔 입니다.

 

React Native의 앱 개발가능

리액트는 리액트 하나만 잘 활용해도 React native로  NativeMobileApp을 만들 수 있습니다.

따라서 활용성이 무궁무진합니다.

따라서 위의 내용을 종합 해 보자면 

  • 복잡한 코드를 편리하게 짤 수있습니다.
  • 유지보수가 편해집니다.
  • 코드의 가독성이 높아집니다. 즉, UI의 재사용성이 좋아집니다.
  • SPA에 적합합니다. 
  • React Native로 인하여 모바일 확장성이 좋아집니다.

자! 오늘은 요즘 유행하는 리액트에 대하여 알아보았는데요 사실 리액트말고도 정말 다양한 라이브러리가 사용이 됩니다. 하지만 Angular, vue등등 정말 다양한 라이브러리가 실무에서 사용되고있지만 그중 제일 실무에서 많이 사용되는  리액트를 알아보았습니다. 다음 포스팅에는 리액트 기초 설정방법과 기본 사용방법을 알아보겠습니다.

이상! 포스팅 마치겠습니다.!!