Front-End/React
검색결과
1
개
[React 기초] JSX ~ Component와 Props
JSX const element = Hello, world!; JSX는 Js의 확장 문법으로, 리액트 엘리먼트를 생성한다. function getGreeting(user) { if (user) { return Hello, {formatName(user)}!; } return Hello, Stranger.; } JSX 컴파일이 끝나면, JSX 표현식이 정규 JavaScript 함수 호출이 되고, Js 객체로 인식된다. 즉, JSX를 if구문이나 for 루프 안에 사용하고, 변수에 할당하고, 인자로 받아들이고, 함수로부터 반환할 수 있다. 리액트의 컴포넌트는 마치 레고 조각처럼 유닛으로 관심사들을 분리한다. 또한 Js의 최신문법으로 작성하지 않아도 컴파일링 될때 사용해준다는 장점이 있다. JSX는 HTML보..
Front-End/React
2021. 12. 3. 10:21



