-
What is JSX?Study/React 2020. 5. 25. 13:17
What is JSX?
JSX is a syntax extension for JavaScript. It was written to be used with React.
JSX code looks a lot like HTML.
What does “syntax extension” mean?
In this case, it means that JSX is not valid JavaScript. Web browsers can’t read it!
If a JavaScript file contains JSX code, then that file will have to be compiled.
That means that before the file reaches a web browser, a JSX compiler will translate any JSX into regular JavaScript.
Codecademy’s servers already have a JSX compiler installed, so you don’t have to worry about that for now. Eventually we’ll walk through how to set up a JSX compiler on your personal computer.
JSX는 무엇인가?
JSX는 자바스크립트를 위한 확장된 문법이다.
이것은 리액션과 함께 사용된다고 쓰여있다.
JSX 코드는 HTML과 많이 닮았다."확장문법" 은 무엇을 의미하는가?
이 경우엔, JSX는 유효한 JS가 아니라는 것을 의미한다. 웹 브라우저들은 이것을 읽을 수 없다!
만약 JS파일이 JSX코드를 포함한다면, 해당파일은 컴파일되어야만한다. (컴파일 = 명령어를 번역하다)
즉, 파일이 웹 브라우저에 도달하기 전에 JSX 컴파일러가 JSX를 일반 JavaScript로 변환한다는 것이다.
코드카데미의 서버들은 이미 jsx파일러 설치가 완료되었다. 그래서 당신은 지금 이것에 대해 걱정할 필요가 없다.
마지막으로 개인 컴퓨터에 JSX 컴파일러를 설정하는 방법에 대해 살펴보도록 하겠다.
즉, react는 실제 html, js에는 없지만, jsx를 통해 js로 변환시켜서 볼 수 있게 하는 것 같다. 😏
출처: 코드카데미
번역: 본인 (오역이 있을 수 있습니다)
'Study > React' 카테고리의 다른 글
Attributes In JSX (0) 2020.05.25 JSX Elements And Their Surroundings (0) 2020.05.25 The Mystery, Revealed (0) 2020.05.25 Hello World (0) 2020.05.25 Why React? (0) 2020.05.25