e:I[50313,["1345","static/chunks/1345-9cce9003361149c3.js","1252","static/chunks/1252-ebd18985bba615a5.js","6457","static/chunks/app/post/%5Bid%5D/page-f10e08b3d78367ee.js"],"default"] f:T761,$$config title: [ReactJS] JSX 문법 개념과 함수화 keywords: - JSX - function - ... $$ # JSX 문법 JSX문법이란 JavaScript를 확장한 문법으로 HTML과 유사하게 생김. => 편하게 사용 가능. >JSX문법 사용하기 위해서 `Babel`(Babel standalone) 이 필요함. 필요 코드 2가지 - Babel standalone 설치(import) 코드 (우리가 쓰려는 script 위에) ```js ``` - 우리가 쓰려는 script의 type속성 바꾸기 -> Babel로 ```js ``` # JSX 문법으로 함수화하는 방법 : 2가지 ? : 여기서 함수의 이름은 무조건 첫글자가 대문자로 시작 (소문자는 HTML 태그로 인식함.) > 함수화 하기 이전 JSX문법 코드 ```js const Button = ( ); ``` - function, return 활용 : `function 함수명() { return( ... ); }` 형식 이용 ```js function Button() { return ( ); } ``` - arrow function : `const 함수명 = () => ( ... );` 형식을 이용함. ```js const Button = () => ( ); ``` arrowfucntion은 이미 function문과 return문을

게시글 상세