리액트 너 누구세요?

프론트엔드를 목표로 공부하면 한번쯤은 들어봤을 리액트를 드디어 입문하게 됐다. 개발자 모집공고의 지원자격을 보면 항상 껴있는 리액트에 대해서 알아보자.

🔹 React.js

• React.js는 SPA(Single Page Application)을 위한 사용자 인터페이스를 구축하는 데 사용되는 오픈 소스 JavaScript 라이브러리이다. 리액트는 컴포넌트 단위로 개발을 한다. 리액트를 사용하면 개발자가 페이지를 다시 로드하지 않고도 데이터를 변경할 수 있다. 리액트의 주요 목적은 빠르고 확장 가능하며 단순한것이다.

🔹 프레임워크 VS 라이브러리

리액트는 라이브러리인데 항상 궁금했던 프레임워크와 라이브러리의 차이를 알아보자

• 프레임워크 : 소프트웨어의 특정 문제를 해결하기 위해서 상호 협력하는 클래스와 인터페이스의 집합 완성된 어플리케이션이 아닌 프로그래머가 완성시키는 작업을 해야합니다. 

  • 특정 개념들의 추상화를 제공하는 여러 클래스나 컴포넌트로 구성되어 있습니다.
  • 추상적인 개념들이 문제를 해결하기 위해 같이 작업하는 방법을 정의합니다. 
  • 컴포넌트들은 재사용이 가능합니다. 높은 수준에서 패턴들을 조작화 할 수 있습니다.

• 라이브러리 : 라이브러리는 단순 활용가능한 도구들의 집합을 말합니다.
  즉, 개발자가 만든 클래스에서 호출하여 사용, 클래스들의 나열로 필요한 클래스를 불러서 사용하는 방식을 취하고 있습니다.

구글링 하며 이해하기 쉽게 도움을 준 예시
​
라이브러리 는 톱, 망치, 삽같은 연장입니다.
사람이 들고 썰고, 바꿔들고 내려치고, 다시 바꿔들고 땅을 파는 겁니다.
​
프레임워크 는 차, 비행기, 배같은 탈 것입니다.
사람이 타서 엔진 켜고, 기어 넣고, 핸들 돌리고, 운전하거나, 조종하거나 해야합니다.
​
도구를 쓸 때, 급하면 썰어야 할 곳에 망치를 쳐도 됩니다. 땅 파야할 때 톱으로 땅을 긁어내도 됩니다.
사람은 도구를 선택하는 입장이기 때문에, 어떤 도구를 사용하든 원하는 것을 만들어낼 수 만 있으면 됩니다.
​
반면에, 탈것은 정해진 곳으로만 다녀야 합니다.
차를 타고 하늘을 날거나, 배를 타고 땅으로 갈 수는 없습니다.
그 목적에 맞게 만들어져 있기 때문에 그저 정해진 규칙에 맞춰서 엔진, 기어, 핸들만 잘 돌리면 되는 것입니다.

🔹 컴포넌트(component)란?

• 컴포넌트(Component)란 프로그래밍에 있어 재사용이 가능한 각각의 독립된 모듈을 뜻한다.