728x90 728x90 Frontend54 React와 JSX React와 JSX JSX란? Html은 XML이라고 할 수 있고 JSX는 자바스크립트 XML을 의미한다. npm start를 통해서 렌더링 전에 자바스크립트 코드를 더 브라우저 친화적인 코드로 변환시킨다. JSX 구문은 일반적으로 브라우저에서 지원되지 않지만 우리가 코드를 작성하면 자동적으로 브라우저에서 작동하는 코드로 변환될 것이다. 그래서 두 가지 장점을 가지는데 하나는 브라우저에서 잘 작동하는 것이고 하나는 개발자가 작성하기 쉽다는 것이다. JSX의 특징 1. JSX에서의 속성은 HTML 속성과 다를 수 있다. function Form() { return ( username ); } export default Form; HTML에서 사용하는 class나 for 속성 같은 경우 자바스크립트의 예약어.. 2023. 1. 5. React를 사용하는 이유와 컴포넌트 React를 사용하는 이유와 컴포넌트 React란? React.js는 클라이언트 사이드의 자바스크립트 라이브러리이다. 전통적인 웹사이트에서는, 예를 들어 우리가 링크나 버튼을 클릭하면 그 요청이 서버에 전송되고 새로운 html페이지가 브라우저로 보내져 화면에 보여졌다. 그래서 전통적으로 웹사이트들은 약간 무겁고 불편하게 느껴졌다. 브라우저에서 자바스크립트는 DOM을 조작할 수 있는데 이를 통해 html의 요소들이 화면에 렌더링된다. 우리는 새로운 html 페이지를 불러오지 않고도 이것을 자바스크립트로 조작할 수 있고 사용자들이 보는 것들을 변경할 수 있다. 이러한 방식을 SPA(Single Page Application)라고 하며 SPA는 화면 전환도 거의 동시에 이루어지고 여기서 뭔가 로딩되느라 기다리.. 2023. 1. 4. 이전 1 ··· 11 12 13 14 다음 728x90 728x90
