React

오늘 배운 내용은 React의 기초다.
오늘 배운 학습 내용을 상기하며 블로깅을 하려한다

React란 무엇인가?

React란 프론트엔드 개발을 위한 JavaScript 오픈소스 라이브러리다
Why? 왜 프론트엔드 개발을 위한 일까?
그 이유를 서술해보려 한다

React의 특징

• Component 기반이다
• 선언형이다
• 범용성이다

특징에 대해서 좀 더 부연 설명을 덧붙히자면

컴포넌트(Component) 기반

React는 하나의 기능 구현을 위해 여러 종류의 코드를 묶어 놓은 컴포넌트를 기반으로 개발한다
컴포넌트로 분리하면 독립적이고 재사용하기에 용이하기 때문에, 기능 자체를 개발하는데에 있어 효율적이다
독립적이고 재사용하기에 용이하기 때문에 기능작동에 집중적으로 개발할 수 있고 유지보수나 기능테스트에서 이점이 있다고 생각한다

선언형

React는 한 화면을 보여주기 위해 HTML/CSS/JS 로 나눠서 적기 보다는
하나의 파일에 명시적으로 작성할 수 있게 JSX를 활용한 선언형 프로그래밍을 지향한다
기존의 방식에선 JS를 실행하기 위해선 DOM을 활용하여 태그들을 지정하여 실행했는데 보기에도, 쓰기에도 간편해졌다

범용성

React는 JavaScript 프로젝트 어디에든 유연하게 적용될 수 있다
Facebook에서 관리되어 안정적이고, 가장 유명하며, 리액트 네이티브로 모바일 개발도 가능하다
프론트엔드 개발자라면 다 알고 있는 오픈소스인 만큼 누구나 쉽게 접근할 수 있고, 누구나 알고 있다는게 가장 큰 장점이라 생각한다

React의 문법

React는 JSX라는 JavaScript를 확장한 문법을 사용한다
이는 JavaScript XML의 줄임말로 문자열도 아니고 HTML도 아닌 특징이 있다
React에서 UI를 구성할 때 사용하는 문법으로, 이 문법을 이용해서 우리는 React 엘리먼트를 만들 수 있다