프론트엔드(Front-End) (25) 썸네일형 리스트형 [REACT] React와 JSX 💡 알고 가기! 본 포스트는 React CLI 환경이 모두 갖춰진 상태라는 가정 하에 글을 작성하였습니다. 혹시 처음 본다면 아래의 글을 먼저 보시거나, React 시작하기 등의 가이드를 참조해주세요. 1. JSX란? JavaScript + XML의 약자로 자바스크립트와 html 문법을 함께 쓸 수 있는 문법입니다. 정말 말 그대로 자바스크립트와 html 을 같이 사용 가능합니다. const element = Hello World! 물론, 무작정 빈 자바스크립트 파일에 저렇게 작성한다고 JSX가 지원되지는 않습니다. 리액트 CLI가 깔려 있거나, babel을 cdn 방식으로 사용하는 등의 추가 설정이 필요합니다. 본 포스트에서는 cdn 방식의 jsx 사용법은 다루지 않습니다. 2.1. 리액트로 화면 구성.. 이전 1 2 3 4 다음