JSX란 ? JSX는 자바스크립트의 확장 문법, 리액트에서는 이 JSX를 이용해서 화면에서 UI가 보이는 모습을 나타낸다. 자바스크립트와 HTML 구조를 같이 사용 -> 훨씬 편리 리액트를 사용할때 거의 모두가 JSX를 사용함 JSX를 이용하면 UI를 나타낼 때 자바스크립트(logic)와 HTML구조(markup)를 같이 사용할 수 있기 때문에 기본 UI에 데이터가 변하는 것들이나 이벤트들이 처리되는 부분을 더욱 쉽게 구현할 수 있다. 모든 요소를 다 createElement API 를 사용하면 매우 복잡해짐 -> createElement API를 손수 사용해서 요소를 생성하려면 너무 복잡하기 때문에 JSX와 바벨의 도움을 받아서 이 문제점을 해결해준다. 왼쪽: 바벨 오른쪽: 원래의 코드

보호되어 있는 글입니다.

오늘 리엑트에 대해 배운내용에대해 간략하게 서술했습니다. 리액트(React) 란 무엇인가 ? 자바스크립트 라이브러리 (사용자 인터페이스용) 1.라이브러리 : 자주 사용되는 기능을 모아놓은것 사용자 인터페이스(User Interface) :사용자와 컴퓨터프로그램이 상호작용을 하기위해 입력과출력을 제어해주는것 ex) 버튼, 텍스트입력창 등등 2.spa를 쉽고빠르게 할 수있게 도와주는 도구 spa란? 하나의 웹페이지를 구성할때 완전히 새로운 페이지를 불러오지않고, 현재페이지를 동적으로 다시 관리하는 방식 mpa와 반대, 효율성이 높음 3.React.js : 페이스북에서만든 오픈소스 자바스크립트 ui "라이브러리" 2013년경 첫 출시 (가장많이 사용되는 라이브러리 ui ) vue.js : 오픈소스 프로젝트, ..