[뷰쟁이의 리액트 시작하기] 리액트를 알아보자.

[!이시중] 2021년 5월 21일 22:33에 최초 작성된 글로써 원글은 https://yuniel.tistory.com/33 에서 확인할 수 있음.

 

글을 시작하며..

(첫 시작을 알리는 벅찬 잡담이 시작됩니다... 지루하신 분은 스크롤을 시원하게 한 번 내려주시길..!)

 

인생을 흘러 흘러 살아오다가 문득 눈을 떠서 바라본 지금의 나는 VUE를 사용하는 프론트엔드 개발자가 되었다. 세상에 여러 직업이 많고, 하고 싶은 것도 참 많은 나였지만 그 중에 프론트엔드 개발자는 없었고, 생각도 해 본 적이 없었다... 아무튼 프론트엔드의 세계에 발을 들이게 되었는데, 기왕 할거면 전문가가 되어야 하지 않겠는가..! VUE에만 국한 될 수 없어 React를 하자고 마음먹은지 엄~청 오랜 시간이 지났지만 도무지 하지 않는 나를 채찍질 하기 위해 또 그간 많은 블로그들의 도움을 받았기에 이제는 나도 도움을 주고자 오늘부터 리액트를 포스팅하기로 했다- 작심삼일이 되지 않기를 바라며..

순서는 아마 내가 하고 싶은대로~ 배우고 싶은대로~ 궁금한대로~ 마음대로 작성해 나갈듯 한 느낌적인 느낌적인 느낌적인 느낌...

 

그럼 이제부터 진짜 시~작-!

 

(이렇게 글을 쓰고 있자니 내가 그 옛날 닮지 않겠다던 많은 개발자 분들의 모습과 똑같다는걸 느껴버렸다. 나쁜말 아님!)

 

JS란 무엇인가

리액트를 파헤치기 전 JS 혹은 javascript은 빠질 수 없는 단어라고 생각한다.

js란 사전적 정의로는 '자바스크립트는 객체 기반의 스크립트 프로그래밍 언어이다. '  라고 명시하고 있으나 더 심플하게 내 마음대로 정의해보자면 (주로)웹 브라우저에서 동적인 행동을 위하여 쓰는 프로그래밍 언어 정도가 아닐까 싶다.

 

잘 몰라서 그렇지 이 페이지에서도 엄청 많은 스크립트가 사용되고 있을 것이다.

 

그럼 자바스크립트와 리액트는 무슨 관계일까?

 

REACT란 무엇인가

react란 자바스크립트 라이브러리 중 하나이다.

TMI로 리액트는 페이스북에서 만들었으며, 인기가 좋다. 또 프레임워크랑 많이들 헷갈려한다.(나중에 기회가 되면 포스팅 찜!)

 

REACT 장점

리액트는 컴포넌트 기반이고, 선언형이다. 또 개발 친화적이며, DOM 사용으로 뛰어난 성능을 자랑한다. 간결하게 사용할 수 있어, 코드량이 현저히 줄어든다.

 

REACT 단점

리덕스나 라우터와 같은 라이브러리 사용이 필요하다. 또 단방향 데이터 바인딩을 사용한다.

 

왜 REACT인가

흔히 삼대장으로 앵귤러, 뷰, 리액트를 꼽는다. 그 중에서 가장 많은 곳에서 사용되며, 인기가 좋은 것은 당연 리액트이다. 물론 뷰의 인기가 날로 높아지고 있으며, 정부과제에서는 여전히 앵귤러가 사용된다고 하지만 그보다 더 대중적으로 사용되는 것이 리액트이기때문에 프론트앤드에서는 필수불가결하게 배워야하는 영역이라고 생각한다. 또 DOM과 같은 기능이 상당히 매력적이라고 한다.

 

글을 마치며..

이 포스팅은 개인 공부를 하기 위한 포스팅이지만 조금이나마 도움이 될 수 있는 부분이 있을까 싶어 공개 포스팅으로 작성하게 되었다. 스크립트로 먹고 사는 사람이라 스크립트에 대한 이해가 있긴하지만 최대한 쉽게 풀어쓰려고 노력했고, 앞으로도 그럴 것이다. 잘 아시는 분들께는 너무 쉬운 포스팅일 것이겠지만 전혀 모르는 분들께도 어렵지 않은 포스팅이길 바라는 마음이다. 이 심플한 포스팅을 위하여 수 많은 페이지들과 여러 책, 동영상 강의들을 찾아보았으니, 이 포스팅 안에는 그 모든게 들어있는 셈이다.