React18 React - 2장 : JSX 2-1. JSX란? - JSX는 자바스크립트의 확장 문법이며 XML과 매우 비슷하게 구성되어있다. - 브라우저에서 실행되기 전에 번들링 되는 과정에서 바벨을 사용해 일반 자바스크립트 형태의 코드로 변환된다. 2-2. JSX의 장점 1) 보기 쉽고 익숙하다 - 아래 두 코드는 JSX 코드와 일반 자바스크립트 코드로 변환된 코드이다. - 단순히 비교만 해봤을때에도 JSX코드가 가독성이 높고 작성하기도 쉽게 느껴진다. function App() { return ( Hello react ); } function App() { return React.createElement("div", null, "Hello ", React.createElement("b", null, "react")); } 2) 더욱 높은 활용.. 2023. 2. 2. React - 1장 : React 이해 앞으로 포스팅할 React 빠르게 복습하기 내용은 React를 익힌지 오래되었거나, 공부를 한 두번 해봤는데 맥락을 이해하기 어렵거나, 이해는 했는데 자주 잊어버리는 경우 훑어보면서 빠르게 복습할 수 있도록 간결화하여 포스팅합니다. 1-1. 리액트를 왜 쓰는가 1) React Library - 많은 프레임워크들이 순수한 자바스크립트만으로 다양한 어플리케이션을 편하게 관리하려고 노력해왔다. - React.js, Vue.js, Angular.js, Backbone.js, Ember.js 등등 - 이들은 주로 MVC(Model-View-Controller)패턴, MVVM(Model-View-View Model)패턴을 사용한다. - Model : 어플리케이션에서 사용하는 데이터/구조를 관리하는 영역 - View.. 2023. 2. 1. 이전 1 2 3 다음
