프래그먼트1 <div> 대신에 <Fragment>, 프래그먼트 축약형 문법 쓰기 이번 포스팅에서는 리액트의 Fragment 기능에 대해서 설명하려고 한다. 하나로 감싸진 태그로 작성해야 하는 JSX 리액트에서 JSX 문법을 사용할 때에는 반드시 하나로 감싸진 태그로 작성해야 한다. 아래처럼 태그와 태그를 연달아서 사용하게 되면 오류 표시(빨간색 밑줄)가 나타난다. 이것을 브라우저에서 실행하면 역시 오류가 발생한다. 이 코드를 하나의 로 감싸주면 아래와 같이 오류가 발생하지 않는다. 프래그먼트(Fragment) 사용하기 리액트에서는 외에 라는 기능을 제공한다. 대신에 라는 코드를 자동완성 기능으로 입력한다. 그러면 상단에 프래그먼트가 import 되는 것을 확인할 수 있다. 코드 저장 후에 미리보기를 실행해 보면, 로 감싸지 않아도 화면이 제대로 출력되는 것을 확인할 수 있다. 이런식.. 2023. 1. 8. 이전 1 다음