JSX2 [ReactJS] JSX 문법 JSX에서 element를 만들 때에는 함수 형식으로 만들어 이를 return 즉 반환하는 형태로 나타낸다. function Title() { return ( console.log("mouse enter")}> Hello I'm a title ); }; // arrow function const Button = () => ( console.log("I am clicked!")} > Click me ); const Container = () => ( // the first letter of component should be upper case // lower case -> HTML tages // upper case -> React component ); 위와 같이 일반 함수와 화살표 함수 둘 다 모두 .. 2023. 1. 5. [ReactJS] JSX 문법과 babel 설치하기 일반적인 JS문법을 좀더 사용하기 편리하게 한 버전을 JSX문법이라고 한다. 그리고 이러한 문법을 그대로 js로 사용하면 당연히 브라우저가 못알아듣기 때문에 다음과 같은 설치가 필요하다. 집중해야 할 부분은 아랫 부분인데, bable에서 제공하는 JSX신텍스 해독기와 매 script마다 type="text/label"을 넣어줘야하는 번거로움이 있다. 2023. 1. 5. 이전 1 다음
