반응형 React & NextJS1 JSX 이것만 알면 된다: React 와 NextJS 를 위한 UI 오늘은 React JS 나 Next JS에서 사용되는 JSX에 대해서 정리해 보도록 하겠습니다. 1. JSX JSX는 Javascript의 extention 인데요. Javascript 파일안에서, HTML과 유사한 마크업언어를 사용하도록 해 줍니다. 기존의 HTML지식에, 몇가지 사용 규칙들만 알면 쉽게 익숙해질 수 있습니다. 2. JSX 사용 규칙들 2-1. 하나의 root attribute 를 return JSX에서는 괄호 () 안에 HTML 태그를 넣어 UI를 만들어야 합니다. 이때 모든 태그는 하나의 루트 엘리먼트로 감싸져야 해요. 예를 들어, 여러 태그를 와 같은 한 개의 루트 엘리먼트로 묶어서 사용합니다. 아래에서는 태그를 루트 엘리먼트로 사용하였네요. const right = ( 테스트1.. 2023. 12. 30. 이전 1 다음
