모각소 6주차 <React>

1. JSX란?

자바스크립트의 확장 문법
1. 속성명은 카멜케이스로 작성하기
2. 자바스크립트 예약어와 같은 속성명은 사용 불가 (for, class 등)
3. 반드시 하나의 요소로 감싸기
4. 자바스크립트 표현식 넣기 ( { } 활용)

2. 컴포넌트

html 요소를 자바스크립트 함수에 넣는 것
(JSX 문법으로 만들어야하고 함수 이름 첫글자는 대문자로 써야한다)

function Hello() {
	return <h1>안녕 리액트</h1>
    }	
    

컴포넌트 태그 : <'Hello />

이미지 컴포넌트

import 속성명 from './file/image.svg';
function 함수명() {
return <img src={속성명} alt="텍스트 속성" />;
}

export default 함수명;

3. Props (리액트 컴포넌트 속성 지정)

컴포넌트에 데이터를 전달하는 것

함수에서 인자를 받아 매개변수로 값을 전달하는 개념과 비슷하다.

4. 소감

지난 시간 복습을 한다고 시간을 많이 잡아 먹어서 많은 진도를 나가지는 못했다. 못나간건 추가적으로 더 시간을 들여 학습해야겠다.. 마지막까지 유종의 미를 거두자!