미루고 미루던 react 공부를 시작했다.

리액트가 node.js 기반의 Javscript UI 라이브러리라는 말을 듣고, 리액트 공부를 하기전 자바스크립트를 정말 제대로 이해해야겠다는 생각에 지금껏 쭉- 자바스크립트 공부만 주구장창했다. 여기저기서 들려오는 말로는 자바스크립트 개념이 탄탄히 잡히지 않는 상태에서 리액트를 공부해버리면 오히려 배웠던 개념이 무너질 수 있다는 말도 들어서,,,

리액트 공부전 투두리스트, 웹사이트만들기, 바닐라자바스크립트를 이용한 게임 만들어보기, 자바스크립트로 알고리즘 문제 풀기 등등등 작은 프로젝트도 해보고 개념공부도 나름 깊이 있게 했다.

이제 좀 자바스크립트랑은 친해진 것 같어.... ^^

이제는 리액트랑 친해질 차례 ㅎ,ㅎ

우선 리액트가 무엇인지, 왜 필요한지부터 차근차근 알아보자✏️❗️

🙋‍♀️React.js?

React란? ui를 그리기 위한 자바스크립트 라이브러리

🔖 ui : user interface. view라고도 함.

🙋‍♀️ Why React.js

리액트는 왜 필요한 걸까?

▪️ React는 Component 기반의 UI 라이브러리이다.
👉 재사용할 코드를 component로 만듬으로써 중복코드를 방지한다. (Shotgun Surgery 방지)
▪️ 리액트는 선언형 프로그래밍이다. (그냥 목적을 바로 말한다.)
👉 좀더 간편하고 가독성이 좋다.
▪️ Virtual DOM(가상의 DOM)
👉 가상의 DOM에 re rendering 하다가 한번에 DOM에 그려낸다.

참고)
🔖 Component : 재사용 가능한 독립된 UI 단위 (react에서의 component 의미)
🔖 Shotgun Surgery : 하나의 문제로 인해 수많은 파일 동시에 수정해야하는 상황
🔖 선언형의 반대되는 개념으로 명령형 프로그래밍이 있다. 명령형은 절차를 하나하나 다 나열해야한다. (ex jquery)

🍯 마무리

다음 포스팅에서부터 차근차근 리액트를 실행하기위해 알아두어야할 JSX, CRA, node.js 등에 대해 정리해보려고 한다❗️

사실 새로운 프로그래밍 언어를 배우는 것은 익숙해지는 과정인 것 같다. 처음에만 써보지 않아서 어색하고 어렵게 느껴지는 것이지 계속 반복해서 사용하다보면 '아 이런 상황에서 이렇게 쓰는구나'하고 자연스레 체감하게 되는 순간이 온다. 리액트를 배우는 것도 사실 처음에만 어렵지 계속 쓰다보면 '아 이래서 리액트를 배워야하는구나 정말 편하다!' 라고 생각하게 될 순간이 곧 올 거라고 생각한다. 그러니까 내가 해야할 것은 그저 꾸준히 공부하고 반복하는 것이다. 오늘도 화이팅👊🏻🔥