ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • Hello World
    Study/React 2020. 5. 25. 12:21

    Hello World

    Take a look at the following line of code:

    const h1 = <h1>Hello world</h1>;

    What kind of weird hybrid code is that? Is it JavaScript? HTML? Or something else?

    It seems like it must be JavaScript, since it starts with const and ends with ;. If you tried to run that in an HTML file, it wouldn’t work.

    However, the code also contains <h1>Hello world</h1>, which looks exactly like HTML. That part wouldn’t work if you tried to run it in a JavaScript file.

    What’s going on?

     


    Hello World

    다음 코드라인을 보세요.

    const h1 = <h1>Hello world</h1>;

    뭐 이런 이상한 하이브리드한 코드야? 자바스크립트인가? html? 아님 다른거?

     

    이것은 자바스크립트 처럼 생겼다. const로 시작하고 ;로 끝나기 때문이다. 

    만약  html 파일로 구동하려고한다면 동작하지 않을 것이다. 

     

    그러나 이 코드에는 HTML과 똑같이 생긴 <h1>Hello world</h1>도 들어 있다.

    자바스크립트 파일로 실행하려고 하면 그 부분이 작동하지 않을 것이다.

     

    무슨일일까..?

     

    ㅎㅎㅎ계속해서 살펴보자.

     

     

    출처 : 코드카데미

    번역 : 김신영(오역이 있을 수 있습니다.)

     

    'Study > React' 카테고리의 다른 글

    Attributes In JSX  (0) 2020.05.25
    JSX Elements And Their Surroundings  (0) 2020.05.25
    What is JSX?  (0) 2020.05.25
    The Mystery, Revealed  (0) 2020.05.25
    Why React?  (0) 2020.05.25

    댓글

Designed by Tistory.