React(리액트)란? (웹프로그래밍)

React 공식 홈페이지

안녕하세요. 처음으로 블로그에 포스팅을 하게 되어 어색하면서도 매우 설렙니다 😄

첫번째 포스팅에서는 React란 무엇인가 정확히 알아보려고 합니다.

 

 

 

웹프로그래밍을 공부하기 시작했거나 이미 공부하고 계시다면

HTML, CSS, JavaScript에 대해서는 잘 알고 있을 것입니다.

이 세가지만을 사용해서 우리가 원하는 웹사이트를 충분히 만들 수 있습니다.

 

그런데 왜 계속해서 새로운 언어들이 등장할까요?

 

컴퓨터 언어는 개발자들이 더 쉽게 개발할 수 있게 발전해가기 때문입니다.

 

그 과정에서 기존 언어를 기반으로 더 쉽고 빠르게 코딩할 수 있도록

FrameWork(프레임워크)랑 Library(라이브러리) 가 탄생했습니다.

 

오늘 우리가 알아볼 React 는 JavaScript의 라이브러리 중 하나입니다.

 

 

그렇다면 라이브러리란 무엇일까요?

라이브러리는 간단히 말해서 사용자들이 편하게 일하기위해 만든 도구입니다.

구글에 '도구'를 검색하면 나오는 이미지들

 

여러분이 만약 벽에 액자를 걸고 싶어 못을 박고 싶으시다면 어떻게 하실건가요?

바위로 못을 내리칠 수도 있겠지만 아마 대부분의 사람들은 망치를 사용할 것입니다.

못을 쉽게 박게해주는 망치처럼 라이브러리도 코딩을 쉽게 할 수 있도록 도와주는 '도구'입니다.

 

'이런 거 있으면 개발할 때 편하겠는데?'라고 생각한 개발자들이 만든 것이 라이브러리입니다.

(앞선 개척자들과 모험가들의 노고에 박수를 보냅니다....)

 

리액트 공식 홈페이지에 가면 정의해주고 있습니다.

React 공식 홈페이지

UI(User Interface)를 만들기 위한 JavaScript 라이브러리

이것이 React입니다.

 

2011년 처음으로 개발되어 2013년 오픈소스화 되었습니다.

현재 (2021년 5월 26일) 기준으로 17.0.2 버전까지 나와있습니다.

 

리액트 공식홈페이지

에 가시면 문서, 자습서 등 많은 정보들을 확인할 수 있습니다.

한국어도 번역도 지원이 되기 때문에 더 쉽게 이해할 수 있습니다.

(다만 모든 번역이 완벽한게 아니라 영어랑 한국어 두개 다 확인하면서 보시는 걸 추천드립니다.)

 

 

그런데 React는 라이브러리라고만 불리기에는 애매모호한 면이 있습니다.

지금까지 라이브러리라면서요...

컴포넌트를 불러오는 등 프레임워크적인 특성도 가지고 있기 때문입니다.

사실 프레임워크랑 라이브러리를 뚜렷하게 구분하는 것은 쉽지 않은 일입니다.

하지만 둘의 공통점은 모두 개발자들이 더 쉽고 빠르고 효율적으로 코딩할 수 있게 도와준다는 것입니다.

그러니 누가 React가 뭐냐고 물어보면 공식홈페이지에 따라 답해줍시다.

 

'React는 UI를 만들기 위한 JavaScript 라이브러리야'

 

다음 번에는 React예제를 포스팅 해보겠습니다.

글 읽어주셔서 감사합니다😃