React JSX는 javascript에 XML을 추가한 자바스크립트 확장 문법인데요. 리액트에서 JSX 사용은 필수가 아닙니다.
선택이죠. 하지만 HTML 코드와 비슷하기 때문에 가독성이 좋고 이해가 쉬워 활용도가 높습니다.
그래서 JSX가 React에서 필요한 이유이기도 합니다. 이번 시간에도 App.js 파일을 가지고 놀아 볼게요. let str =
Hello, world!
; 어디서 본 적 없는 이상한 문법아닌가요? 문자열을 변수에 저장할 때는 따옴표로 묶는 것이 일반적이나 html 태그로 감싸고 있네요. {str} 변수 str을 출력해 보면 어떻게 나올지 궁금합니다. 리액트에서 자바스크립트 변수 내용 확인은 중괄호 {}로 감싸면 됩니다.
변수 str에 담긴 html 코드 내용이 그대로 출력되는 것을 알 수 있어요. let str = "
Hello, world!
"; 만일 큰따옴표를 사용한다면 어떻게 될까요?태그를 문자열로 인식해...
