유튜브관련 (78) 썸네일형 리스트형 [React강좌] 12강 useState를 통한 Form 유효성검사 - 오쌤의 니가스터디 보호되어 있는 글입니다. [React강좌] 11강 useState를 통한 Form 데이터관리 - 오쌤의 니가스터디 보호되어 있는 글입니다. [React강좌] 10강 useState를 통한 Input 데이터관리 - 오쌤의 니가스터디 보호되어 있는 글입니다. [React강좌] 9강 useState를 통한 컴포넌트 값 관리 - 오쌤의 니가스터디 보호되어 있는 글입니다. [React강좌] 8강 React Conditional Rendering - 오쌤의 니가스터디 보호되어 있는 글입니다. [React강좌] 7강 React Event - 오쌤의 니가스터디 보호되어 있는 글입니다. [React강좌] 6강 React Props - 오쌤의 니가스터디 보호되어 있는 글입니다. [React강좌] 5강 JSX문법 - 7가지 규칙 - 오쌤의 니가스터디 1. JSX란? ## 정의 - JavaScript XML의 약자입니다. - 리액트에서 UI를 표현할 때 쓰는 문법입니다. - 자바스크립트의 확장문법, XML과 매우 비슷하게 생겼습니다. - JSX를 반드시 사용해야 하는 것은 아니지만 JSX를 사용하면 React 애플리케이션을 더 쉽게 작성할 수 있습니다. ## 변환 - 브라우저에서 실행되기 전에 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환됩니다. ## 장점 - HTML코드 작성과 비슷하기 때문에 보기 쉽고 익숙합니다. - 컴포넌트들도 HTML 태그를 쓰듯이 그냥 작성하여 활용도가 높습니다. 2. JSX문법 - JSX문법을 자손 컴포넌트에 저장 후 [index.js]로 불러오겠습니다. ## index.js 코드 import React from '.. 이전 1 ··· 5 6 7 8 9 10 다음
