React
유저 인터페이스를 만들기 위한 자바스크립트 라이브러리
페이스북에서 만든 오픈소스 라이브러리
ux: user experience (사용자 경험)
ui: user interface(사용자 인터페이스)
프레임워크: 전체 설계와 구현을 주도
라이브러리: 불러와 사용되는 도구
즉 react는 ui담당임으로 프레임워크가 아니라 라이브러리임.
jsx문법
하나의 요소로 감쌈
이렇게 div태그로 감싸면 의미없는 div태그가 하나 추가되는거임 이래서
이렇게 fragment태그로 감싸주면 나중에 fragment태그가 저절로 생략이됨.
이것을 축약형으로쓸수있음.
이렇게 축약형으로 사용이 가능함 코드 깔끔해짐.
조건부 렌더링하는 방법
논리 연산자를 이용하여 코드를 더 줄일수있음.
num이 1이 맞으면 num은 1이맞습니다를 return하고 1이 아니면 num은 1이 아닙니다를 return함.
'REACT' 카테고리의 다른 글
| React (0) | 2022.11.09 |
|---|---|
| useRef (0) | 2022.07.28 |
| React virtual DOM (0) | 2022.07.28 |
| jsx문법 (0) | 2022.07.21 |
| React yarn 설치 및 vscode yarn 오류 해결 (0) | 2022.07.21 |