React에서는 JSX를 사용할 것을 권유한다.
바닐라 JS 혹은 일반적?으로는 html을 사용하고, Vue에서는 .vue 파일을 사용하는 것과 같이
.jsx 확장자를 가진 jsx파일을 사용한다.
간단하게 설명하자면 원래는 html과 javascript는 한 공간? 내에 공존할 수 없다.
같은 파일 내에 있어도
<html> </html> <script></script>
이렇게 태그로 나누어주고, 그 내에서 코드를 작성해야했다.
하지만 JSX는 공존한다.
<html> 태그 내의 내용을 변수처리 할 수 있는 등 원래 html이나 js에서는 하지 못했던 것들을 할 수 있다.
물론 그래서 일반적인 js나 html 코드가 아니기 때문에 jsx은 Babel로 변환해주어야 한다.
반응형
'Coding > React.js' 카테고리의 다른 글
| Next.js, Node.js, React.js Error: Could not find a valid build in the '/Users/이름/폴더/폴더이름/.next' directory!Try building your app with 'next build' before starting the server. 오류 해결 방법 (0) | 2020.08.27 |
|---|---|
| JavaScript React Debounce useState 오류 (1) | 2020.06.14 |
| Reduce, Action, Dispatch ( 계속 추가 중 ) (0) | 2020.05.10 |
| React에 GA( Google Analytics ) 적용하는 법 (0) | 2020.04.30 |
| React에서 로컬 json 파일 읽어오는 법 (0) | 2020.04.27 |