행복한 떠돌이

JSX 란? JSX란 JavaScript(자바스크립트)의 확장 문법이라고 합니다. JSX는 React JS에서 Element(요소)라는 것을 제공하여 이를 이를 활용하여 화면을 구성하며, 자바스크립트와 비교했을 때, HTML와 비슷하기 때문에 가독성이 높고 작성하기 편리한 이점을 가지고 있습니다. 또한, 앞으로 활용한 컴포넌트라는 것도 JSX 안에서 작성할 수 있으며 이러한 컴포넌트는 render() 함수를 활용하여 항상 렌더링을 수행한다는 특징이 있습니다. 기본적으로 element(요소) 안에 HTML 태그 및 문자열, 속성 등을 작성하는 것이라고 대략적으로 일단은 알아두는게 좋을 것 같습니다. 이러한 JSX는 바벨(Babel)이라는 JSX로더를 사용하여 JSX가 동작되게 됩니다. JSX 활용 예제 이..

* 블로그를 하면서 최근 관심있는 React JS기술을 대해 혼자 독학하며 내용을 정리하면 좋을 것 같아 얼마되지 않은 블로그에 지속적으로 올리려고 합니다. 이번 내용은 React JS의 개요 및 개발할 때 필요한 것들에 대해 정리해보고자 합니다. React JS 개요 리액트(React)는 페이스북에서 UI를 효과적으로 구축하기 위해 만든 라이브러리로서 JavaScript 기반입니다. 그러므로 React JS는 JavaScript의 대한 선행과정이 있다면 비교적으로 수월하게 공부하실 수 있을것입니다. 저는 현재 JavaScript를 사용하고 있고 플러터에 비해 비교적으로 레퍼런스가 많이 나와있는 리액트를 공부하면서 최종적으로는 React 네이티브를 이용한 앱 개발하는 데 목표를 두고 있습니다. 리액트 특..