React
-
JSX와 BabelReact 2022. 8. 22. 02:36
JSX는 자바스크립트의 확장 문법이며, XML과 매우 비슷하게 생겼다. 또한 리액트로 프로젝트를 개발할 때 사용되므로 공식적인 자바스크립트 문법은 아니다. JSX의 형식은 아래와 같다. 1 2 3 4 5 6 7 function App(){ return ( Hello react ); } cs JSX 코드는 Babel을 이용하여 아래와 같은 일반 자바 스크립트 형태의 코드로 변환됩니다. 1 2 3 function App(){ return React.createElement("div", null, "Hello", React.createElement("b", null "react")); } Colored by Color Scripter cs 매번 컴포넌트를 랜더링할 때마다 JSX코드를 작성하는 것이 아니라 위 ..
-
CDN 이란(리액트 REACT)React 2022. 8. 21. 13:43
오랜만에 다시 블로그에 글을 작성해보려고한다... 이전에는 개발하면서 잘안되던 부분들을.. 고생하여 해결했던것들을 주로 작성했었는데.. 이번에는 리액트 공부를 하면서 하나씩 정리하는 식으로 작성해가려고 한다. CDN(Content Delivery Network) 웹에서 사용되는 다양한 컨텐츠(리소스)를 저장하여 제공할 수 있는 기술 물리적으로 떨어져 있는 사용자에게 컨텐츠를 최대한 빠르게 제공하기 위해서, 서버를 분산시켜 캐싱해두고 사용자의 요청이 들어오면 가장 가까운 서버에서 요청된 컨텐츠를 제공해주는 방식으로 빠르게 데이터를 전달해준다. CDN을 통해서 리액트와 리액트DOM 라이브러리를 사용하기 위해서 아래와 같이 추가해줍니다. 1 2 cs 구글에서 "react document cdn"을 검색하면 최..