React입니다..
드디어 소문이 무성한 React까지 왔습니다.
매일 새로운 걸 배우고 머리속에 집어넣다보니 아직 헷갈리는 개념도 많고 이해는 했지만 아직 낮선 불편한관계로 남아있는 녀석들이 많은데 그러던 도중 만만치 않아보이는 녀석을 만났습니다.
일단 정의 하자면 React는 UI를(사용하는 면?)만들기 위한 JaveScript 라이브러리 중 하나라고 합니다. 그런데 왜 React를 쓰는지 이유를 알고 넘어가면 개념을 이해하기 쉽습니다. 긍까 사이트의 규모가 커지면 DOM요소들의 변화를 관리하기 어려워서 DOM관리와 상태변화 관리를 최소화 한다 는 장점으로 라이브러리를 사용합니다 그중 React 라이브러리만의 장점은 다음과 같습니다.
라이브러리(영어: library)는 구성 데이터, 문서, 도움말 자료, 메시지 틀, 미리 작성된 코드, 서브루틴(함수), 클래스, 값, 자료형 사양을 포함할 수 있다.
1.Component 단위 작성
컴포넌트는 UI를 구성하는 개별적인 뷰 단위입니다 만리장성의 벽돌들이 Component와 같고 UI는 만리장성이 됩니다. 컴포넌트 단위로 코드를 작성하면 다른 앱애서 쉽게 재사용이 가능하고, 문제 발생 시 해당 컴포넌트만 수정하면 되기 때문에 유지보수에 용이하다는 장점이 있습니다.
2.JSX 문법 사용
JSX는 자바스크립트의 확장 문법으로 코드의 간결함과 편리함을 위하여 사용하고 있다 사용하기 앞서 주의해야할점을 알아보겠습니다.
-반드시 하나의 엘리먼트로 감싸야 합니다.
-자바스크립트 코드를 적용할땐 {}안에 작성해야합니다.
-if문을 사용할 수 없음으로 삼항 연산자를 사용합니다.
<div>
{
(1+1 === 2)?(<h1>정답</h1>):(<h1>오답</h1>)
}
</div>
```(삼항 연산자)
