프론트엔드 공부 블로그
close
프로필 배경
프로필 로고

프론트엔드 공부 블로그

  • 분류 전체보기 (309)
    • 웹 개발 (20)
    • JavaScript (77)
    • TypeScript (24)
    • React (54)
    • React Native (25)
    • Node (17)
    • 코딩테스트 연습 (28)
    • 기타 (64)
  • 홈
  • 소개글
  • JavaScript
  • React Native
  • React
  • 기타
  • 구) 블로그
728x90

리액트 createPortal 사용하기

리액트는 트리구조로 위에서 아래로 작성하게 된다. 하지만 리액트의 portal을 사용하면, 하위 컴포넌트에서 상위 컴포넌트에 element를 넣을 수 있게 된다. 따라서 modal을 구현할 때 많이 사용되는 portal의 사용법에 대해서 알아보기로 하였다. import React from "react"; import ReactDOM from "react-dom/client"; import App from "./App"; import "./index.css"; ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render( ); 리액트의 최상위 파일은 다음과 같이 createRoot로 이루어진다. root라는 id를 갖는 element..

  • format_list_bulleted React
  • · 2023. 3. 18.
  • textsms
728x90
  • navigate_before
  • 1
  • navigate_next
공지사항
  • Github 🐈
전체 카테고리
  • 분류 전체보기 (309)
    • 웹 개발 (20)
    • JavaScript (77)
    • TypeScript (24)
    • React (54)
    • React Native (25)
    • Node (17)
    • 코딩테스트 연습 (28)
    • 기타 (64)
최근 글
인기 글
최근 댓글
태그
  • #프로그래머스
  • #코딩테스트
  • #html
  • #react
  • #javascript
  • #리액트
  • #알고리즘
  • #자바스크립트
  • #타입스크립트
  • #typescript
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바