[React] 리액트를 왜 공부해야 하는가?

Intro

처음에 비전공자라는 포지션에서
공부를 뼈빠지게 하는 한에 있어도 개발자를 해야겠다고 마음을 굳혔을 때,

그리고 프론트와 백엔드의 차이도 모르고 국비 백엔드 과정을 들어 4개월동안 Spring을 배웠음에도 불구하고 프론트엔드 개발자가 되기를 결심했을 때,

HTML, CSS, Javascrip

이렇게만 제대로 할 줄 안다면 좋은 개발자가 될 수 있을 것이라고 생각했다.

그런데 왠 걸?

React, Vue, Angular, Node.js, Next.js ...

그들의 존재를 마주하는 순간 나는 위의 생각이 크나큰 착각이었다는 것, 그리고 개발자는 평생 공부를 달고 살아야 한다는 것을 깊이, 깊이 체감하는 순간이었다.

이 중 지원을 원하는 기업들 대부분이 React 사용이 가능한 개발자임을 알게 되었고, 이 후 React 공부를 시작하게 되었는데 공부 중 떠오르는 많은 질문 중 첫 번째는

❓왜 기업들은 React를 다룰 줄 아는 개발자를 찾으며, 현재 React는 프론트엔드 개발자의 필수 아닌 필수 스택 중 하나가 되었을까?

React의 장점을 설명하기 이전에 잠시 Web-app의 특징을 살펴보자.
(이유는 아래에..)

Main

인스타그램 같은 웹페이지는 마치 app과 같이 화면이 구성되어 있는 것을 볼 수 있는데 이를 Web-app이라고 부른다. 실제 app이 아니지만 모바일을 통해서 Web을 보아도 마치 app을 사용하는 것처럼 사용에 불편함이 적다는 특징이 있다.

Web-app의 장점은
1. 모바일로 보아도 어려움이나 어색함이 없다는 것
2. UI가 깨지지 않고 유지된다는 것
3. 실제로 Web-app으로 만들어진 서비스는 비즈니스 측면에서 전보다 우수한 성과를 가진다는 것

이렇게 3가지를 얻을 수 있다.

이 Web-app을 쉽게 만들 수 있는 프로그래밍 언어로 React, Vue, Angular가 있는데 이 중에서도 사용자가 가장 많은 언어가 React.

React의 가장 큰 특징은 HTML, CSS, JS 3개의 파일로 분리하는 것이 아닌 React 하나의 파일로 이 3개의 특징을 모두 아우른다는 것이다.

그리고 웹 설계를 하다보면 반복되는 요소들이 있는데 이를 재생성하거나 그려내기 위해서 React를 사용하기 이전에는 무수하고 지저분한 코드를 사용했지만 React를 사용하면 컴포넌트(Component) 단위로 분리한 코드를 재사용하기 때문에 위와 같은 문제를 해결할 수 있다.

또한 요새 넷플릭스와 같은 인기 있는 서비스들의 웹페이지를 보면 새로고침을 하지 않아도 컨텐츠들이 유저의 액션에 따라 변형되는 것을 볼 수 있다. 이 같은 웹페이지를 만들 수 있는 이유 중 하나가 React를 사용하기 때문이다. React를 사용하기 이전에는 유저의 액션에 따라 설계된 시나리오에 맞춰 HTML을 불러왔지만, React를 사용해 웹을 만들면 하나의 HTML로 관리되며 액션에 따라 별도의 HTML이 아닌 컴포넌트들을 끼워맞춘다. 이를 SPA(Single Page Application)이라고 한다. 위와 같이 작동되기 때문에 로딩 시간이 짧아 웹페이지의 작동이 부드럽고 상대적으로 빠르다고 유저들이 인식할 수 있다.

마무리

Web-app을 쉽게 만들 수 있다는 특징,
그리고 재사용성을 보장해 효율성과 유지보수에 큰 장점을 가졌다는 특징과 빠르고 자연스러운 액션을 구현하는 웹페이지를 만들 수 있다는 특징 등등..

위의 내용들이 지금 개발 세계에서 React가 환영받는 이유인 것이다.

그러니까 결론은 JS만 고집하지 말고 React를 배워 써먹자!!

"오늘도 도움주신 개발자분들, 감사드립니다. 항상 배워갑니다"