ABOUT

성능과 운영 안정성을 함께 끌어올리는 개발자입니다.

92% Positional Error Reduction
79% p95 Latency Improvement
90%+ Long Tasks Reduction

2022.02 · 한국장학재단

우수 멘티

한국장학재단 사회 리더 대학생 멘토링 IT

2022.10 · 동작구청

우수 인재상

동작구청 우수 SW 인재

2025.05 · (주) 그랩

프로그래밍 우수상

(주) 그랩 우수 프로그램 개발

2025.05 · AWSKRUG

AWS한국사용자모임 발표

AI agent 스크립트 튜닝 관련 발표

ComputerScience

Development

Engineering

Trouble Shooting

GUESTBOOK

첫 마음부터
함께 나누는 온기

방명록 작성하러 가기

SUBSCRIBE

최신소식을
편하게 만나보세요.

Fragments

React에서 하나의 컴포넌트가 여러 엘리먼트를 반환하는 것

JSX문법을 사용 시에 return문 안에 최상위 태그가 있어야한다. ( 리액트는 하나의 컴포넌트만을 리턴할 수 있다.)

DOM에 별도의 노드를 추가하지 않고 여러 자식을 그룹화가 가능하게 한다.

사용 이유 : 불 필요한 <div>태그를 없앨 수 있다.

<Fragment> </Fragment> 대신 <> </> 이렇게 써도 된다.

 

사용 예시

map 을 사용해서 컴포넌트를 여러 개 만들 때, key attribute 를 fragment 에 넣어줄 수 있다.

728x90