반응형 리액트와 JSX1 [REACT] JSX란 - 공식 문서랑 같이 공부하기 시리즈4 JSX란? Javascript를 확장한 문법으로 Javascript 파일 안에 HTML과 유사한 마크업을 작성할 수 있다. 리액트에서 렌더링 로직과 마크업이 같은 위치에 있는 이유 전통적인 웹은 HTML, CSS, Javascript로 이루어져 있고 HTML은 컨텐츠, CSS는 디자인, Javascript로는 로직을 작성해 보통은 분리된 파일로 관리를 해왔다. 하지만 웹이 동적인 환경으로 변화하면서 로직이 컨텐츠를 결정하는 경우가 많아졌다. 그래서! 리액트에서 렌더링 로직과 마크업(컨텐츠)가 컴포넌트에 묶여 사용된다고 보면 된다. HTML에서 JSX로 변환하기 아래는 HTML로 작성한 파일이다. Hedy Lamarr's Todos Invent new traffic lights Rehearse a movi.. 2023. 11. 15. 이전 1 다음 728x90 반응형