본문 바로가기

kohigowild

검색하기
kohigowild
프로필사진 kohi ☕

  • 분류 전체보기 (83)
    • Project (5)
    • mitmitwiki (10)
    • JavaScript (14)
      • TypeScript (2)
    • React (12)
      • NextJS (3)
    • HTML | CSS (2)
    • Algorithm (40)
Guestbook
Recent Posts
Recent Comments
Link
  • GitHub
  • Notion
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록jsx (1)

kohigowild

React JSX 문법과 예제 정리

🔎 JSX란? JSX는 자바스크립트의 확장 문법이다. React에서 HTML을 표현할 때 JSX를 사용한다. 즉, 자바스크립트의 공식적인 문법은 아니다. 브라우저에서 실행하기 전에 코드가 번들링되는 과정에서 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환된다. 자바스크립트에서 HTML을 작성하듯이 비슷하게 작성할 수 있도록 해 주는 것이 JSX의 가장 큰 장점이다. JSX를 사용하지 않은 React Element const element = React.createElement( "div", null, React.createElement( "a", null, "Hello World", "" ) ); JSX 문법 사용 const element = ( {"Hello World"} ); 🔎 JSX 문법 💡..

React 2022. 11. 9. 12:14
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바