JSX란? JSX는 Javascript XML의 약자로, 리액트에서 사용되는 javascript의 확장 문법이다. JSX는 JavaScript 코드 안에서 XML 형태로 마크업을 작성할 수 있게 해준다. 이전 게시물과 이어지는 내용이니 참고하세요. https://bbingbbong.tistory.com/9 [React] 리액트 시작하기, 설치하기 ep.00 리액트를 시작하기전, 먼저 리액트가 무엇인가 알아보고자 한다. 리액트란 ? 웹프레임 워크중 하나로, 자바스크립트에서 사용할 수 있는 라이브러리이다. 페이스북에서 효율적이고 편리한 UI를 bbingbbong.tistory.com 이전 게시물에서 리액트를 시작해 보았다. 리액트 시작하면, src 폴더의 App.js 파일을 살펴보겠다. import logo..

리액트를 시작하기전, 먼저 리액트가 무엇인가 알아보고자 한다. 리액트란 ? 웹프레임 워크중 하나로, 자바스크립트에서 사용할 수 있는 라이브러리이다. 페이스북에서 효율적이고 편리한 UI를 만들기 위하여 만들었다고 한다. 리액트를 시작할때 등장하는 단어들을 간단히 정리해 보겠다. [Component] 컴포넌트는 UI를 구성하는 독립적이고 재사용 가능한 코드블록이다. 컴포넌트는 자체적으로 상태(state)와 속성(props)을 가질 수 있으며, 화면에 표시될 내용과 동작을 정의하는 역할을 한다, 리액트는 작고 재사용 가능한 컴포넌트를 조합하여 구성된다. 예를들어 버튼, 목록 등의 요소들은 각각 개별적인 컴포넌트로 구현할 수 있다. [Rendering] 렌더링은 리갱트 컴포넌트의 'render()' 메서드가 호..