문법

프론트엔드/React

1. JSX 문법

첫 리액트 포스팅은 !! React에서 사용하는 문법 JSX에 대해 쓰려고 한다. 바로 본론으로~ ⭐️ JSX가 뭘까?? JSX(Javascript XML)는 Javascript에 XML을 추가한 확장문법. JSX는 리액트로 프로젝트 개발할 때 사용되므로 공식적인 Javascript 문법은 아님. 브라우저는 Javascript형태의 코드를 읽기 때문에, 브라우저에서 실행하기 전에 바벨을 사용하여 JS 형태의 코드로 변환. JSX는 하나의 파일에 JS와 HTML 동시 작성. 위의 이유 때문에 가독성이 높고 작성이 쉬움. 🖋️ 그럼 JSX를 어떻게쓰는거야?? (문법) JSX는 기본 규칙이 존재한다. 어떤게 있는지 살펴보자! 1. 구성요소에서 여러 요소를 반환하려면 단일 상위 태그로 요소를 래핑해야함. 쉽게 ..

plla2
'문법' 태그의 글 목록