| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 |
Tags
- 클린코드
- MFA
- vite
- 아키텍처
- 접근성
- 리팩토링
- Function Region
- 웹워커
- 자바스크립트
- CRA
- 리액트
- frontend
- sharedworker
- 이것저것
- 티스토리챌린지
- AI
- CustomHook
- JavaScript
- 에세이
- Web
- TypeScript
- 오블완
- Aria
- react
- provider 패턴
- Webworker
- 프론트엔드
- MicroFrontEnd
- 회고
- context.api
Archives
- Today
- Total
목록fragment (1)
Lighthouse of FE beginner
[React] return condition && <></>
보통은 삼항 연산자를 사용해 null을 리턴하거나 && 연산자를 사용해 랜더링을 하지만 Fragment가 빈 Element라고 생각하고 비어있는 Fragment를 리턴하는 경우도 있다. 사실 성능적으로 눈에 띄는 차이는 없지만 Fragment 또한 React에서 제공하는 API라는 점을 생각해야 한다. Fragment?React.Fragment란 리액트에서 제공하는 API이다. 컴포넌트를 만드는 경우 컴포넌트의 구성요소 들은 그룹화 되어야 한다. 리액트의 컴포넌트는 반드시 하나의 최상위 태그를 가지고 리턴되어야 하기 때문이다. 때로는 그룹화를 위해 html 태그를 사용하는 것이 낭비라고 생각될 수 있다. 자칫 잘못하면 태그가 무더기로 있는 컴포넌트를 확인할 수 있기 때문이다. 이때 그룹화를 위해 htm..
[WEB] 프론트엔드
2024. 7. 9. 11:54