검색 본문
서비스 안내 Kakao가 운영하는 책 서비스 입니다. 다른 사이트 더보기 Beyond the Dark Portal 저자 애런 로젠버그, Go... 출간 2008.6.27. 도서 9,420원 간 문맥압 항진증 (Portal Hypertension) 저자 기춘석 출간 2004.10.30. 도서 40,000원 The Portal to a Parallel Universe 저자 Xlibris 출간 2017.4.19. 도서 33,320원 IBM WebSphere Portal: Expert Guidance to Build & Deploy Portal Applications 저자 Ben-Natan R... 출간 2004.6.1. The Portal Adventure-Planet L23 저자 Raon Kim 출간 2023.3.31. 도서 7,700원 Portal Hypertension IV 저자 Roberto de ... 출간 2014.4.1. Last Portal 저자 Tree Amy 출간 2012.9.7. 도서 5,530원 Portal Hypertension 도서 108,850원 Dark Portal 저자 Jarvis Robin 출간 2001.8.1. Last Portal 저자 Tree Amy 출간 2021.1.1. 더보기 (주)카카오는 상품판매의 당사자가 아닙니다.법적고지 안내 (주)카카오는 통신판매중개자로서 통신판매의 당사자가 아니며 상품의 주문 배송 및 환불 등과 관련한 의무와 책임은 각 판매자에게 있습니다.
namu.wiki Portal(게임) - 나무위키 2 포탈 시리즈의 첫 번째 작품. 밸브 코퍼레이션에서 제작한 1인칭 퍼즐 플랫포머 게임이다. 뛰어난 아이디어를 바탕으로 한 퍼즐과 독특한 스토리를 접목시켜 매우 높은 평가를 받았다. 개발사 밸브 코퍼레이션 유통사 패키지(일렉트로닉 아츠), Steam(밸브 코퍼레이션), 한국(일렉트로닉 아츠 코리아) 출시일 2007년 10월 9일 장르 1인칭 퍼즐 플랫포머/FPS 엔진 소스 엔진 개요 특징 스토리 도전과제 제작진 ARG MOD 포탈 스피드런 2024.05.27 웹문서 검색 더보기 Portal: Companion Collection - 나무위키 LFG Portal - 나무위키 100.daum.net 백과사전 포털 포털, 포탈은 다음과 같은 뜻을 가지고 있다. 포털(portal)은 ‘현관’, ‘관문’, ‘현관문’의 뜻을 가진 말이다. 포탈은 두 개의 서로 다른 위치를 연결하는 마법이나 기술적인 문이다. 포털 사이트의 준말이다. 포탈 (시리즈) 포탈 (비디오 게임)은 밸... 백과사전 검색 더보기 출처: 위키백과
모바일앱 Portal finger quest - science 2.2 Android Portal Knights 4.4 iOS tukorea portal 3.2 Android Lost Portal CCG 0.0 iOS Portal Hero 3D: Action Game 4.6 iOS 뉴스통 - News Portal for android 3.9 Android FINAL FANTASY PORTAL APP 2.3 iOS Time Portal: 사진 속 세계의 역사 4.5 iOS Bridge Constructor Portal 4.7 iOS Portal Pacjenta LUX MED 0.0 Android Google Play , 앱스토어 ramincoding.tistory.com 코딩하는라민 [React] React Portal 사용하기 모달 or 툴팁 대표적으로 모달 혹은 툴팁과 같은 팝업 요소 렌더링하는 경우에 사용한다. 모달은 사용자에게 어떤 작업을 진행하기 전 확인 요청, 추가 정보를 입력하도록 유도하는 경우 사용한다. 툴팁은 추가적인 정보를 제공하고, 기능에 대해 설명할 때 사용한다. 이런 요소들은 다른 요소 위에 나타나거나 특정 위치에 표시되어야 하기 때문에 Portal 을 이용하면 이를 세밀하게 제어할 수 있다. Portal 사용법 기본 문법 Portal 을 생성하는 방법은 `createPortal()` 을 이용하면 된다. createPortal 을 호출하여 JSX 를 domNode 로 전달한다. createPortal(children, domNode, key?) children : 사용하고자 하는 컴포넌트 혹은 문자열/숫자/배열 등 React 로 렌더링할 수 있는 요소들 domNode : chidlren 을 렌더링할 위치(모달 진입점) key? : 선택 요소로 고유 문자열 혹은 번호 1. index.html 에 새로운 진입점 만들기 Portal 은 이미 존재하는 Node 에 렌더링이 가능하기 때문에 기존 진입점 외의 새로운 진입점을 생성해준다. <!doctype html> <html lang="en"> <head> // ... </head> <body> <div id="root"></div> <div id="modal-portal"></div> // ✅ 새로운 진입점 <script type="module" src="/src/main.tsx"></script> </body> </html> 2. createPortal( ) 공식 문서에는 다음과 같이 사용하고 있다. import { createPortal } from 'react-dom'; function MyComponent() { return ( <div style={{ border: '2px solid black' }}> <p>This child is placed in the parent div.</p> {createPortal( <p>This child is placed in the document body.</p>, document 3. 사용할 모달 컴포넌트 생성 // src/components/modal/Modal.tsx const Modal = ({ close, }: { close: () => void }) => { return ( <Overlay onClick={close}> <Container onClick={e => e.stopPropagation()} > 모달창입니다. </Container> </Overlay> ) } 4. Portal 내부에 사용할 컴포넌트 감싸기 // src/page/Home.tsx const Home = () => { const [isOpen, setIsOpen] = useState(false); const open = () => setIsOpen(true); const close = () => setIsOpen(false); return ( <Container> <Button onClick={open}> 열기 </Button> {isOpen && ( <ModalPortal> 3 Portal 을 생성하는 방법은 `createPortal()` 을 이용하면 된다. createPortal 을 호출하여 JSX 를 domNode 로 전달한다. createPortal(children, domNode, key?) children : 사용하고자 하는 컴포넌트 혹은 문자열/숫자/배열 등 React 로 렌더링할 수 있는 요소들 domNode : chidlren 을 렌더링할 위치(모달 진입점) key? : 선택 요소로 고유 문자열 혹은 번호 포탈 portal 모달 createportal 리액트 모달 리액트 포탈 react portal 2024.04.30 블로그 검색 더보기 mongsira.tistory.com minTech [React] react portal로 모달창 만들기 (feat. 이벤트 버블링) 🕵️ React Portal "포탈"이라는 단어를 생각해보면 말 그대로 순간이동의 느낌이 든다. 원하는 목적지를 선택하면, 그 목적지로 바로 이동할 수 있다. https://giphy.com/gifs/stakefish-cosmos-atom-game-of-zones-fw90GAvm9cVn5bMuzu react potal를 사용하면 이러한 간단한 원리를 통해 모달창을 표시할 수 있다. 먼저 내가 필요한 모달 컴포넌트를 생성하고, 모달이 화면에 표시되어야 할 목적지만 설정해주면 부모 컴포넌트가 무엇이든 상관없이 설정된 목적지로 해당 컴포넌트가 바로 이동하여 렌더링 👀 왜 사용할까? 모달창을 하나의 컴포넌트로 만들어 해당 페이지 내에서 필요할 때 호출하면 되는데 왜 굳이 portal을 사용하여 모달창을 구현하는지 궁금했다. 다양한 인터넷 속의 글을 보았고, 정말 여러가지 다양한 이유들이 있었다. 많은 이유들을 간단하게 작성해보겠다. (해댱 출처는 아래에 작성하였습니다.) 1. CSS 스타일링의 단순화 기존의 react portal을 사용하지 않고 모달창을 구현했을 때는 모달 창이 모달창이 아닌 모든 요소들보다 위로 띄워야하기 때문에 이렇게 다른 요소들간의 계층 구조를 z-index 속성 값을 넣어주어 직접 다루 ✏️ 그렇다면 사용법을 파헤져보자 1. 모달창의 목적지 선택하기 모달 창이 열리면 화면의 어떠한 컴포넌트보다 모달창이 우선순위이다. 따라서 다른 컴포넌트에 밀리지 않기 위해서 목적지는 제일 우선순위가 높은 최상단 root 로 설정해주어야한다. 해당 코드에서는 최상단에 위치한 layout.tsx 파일 속 root의 바디에 "modal-root" 라는 id 명을 부여했다. // layout.tsx import type { Metadata } from 'next'; import React from 'react'; export const metadata: Metadat 😭 주의할 점 react 공식 문서를 보면 " 포털은 DOM 노드의 물리적 배치만 변경할 뿐 이벤트는 react 트리에 따라 자식에서 부모로 버블린된다. " 라는 글이 나온다. 이 부분을 자세하게 읽지 않고 모달창을 막무가내로 구현하다가 문제가 발생했다 ㅜ 😂 문제 발생 필요한 모달을 띄우고, 팝업창을 통해 그 자리에 다른 모달을 띄우려는 상황이었다. 하지만 두 번째로 띄워지는 모달을 클릭만 해도 해당 모달이 닫히는 것이었다! 정말 한 2,3 시간...? 정도 오류와 사투를 벌인 후 문제의 원인을 알아냈다...!! 🤷♂️ 문제 원인 문제의 원 4 모달창을 하나의 컴포넌트로 만들어 해당 페이지 내에서 필요할 때 호출하면 되는데 왜 굳이 portal을 사용하여 모달창을 구현하는지 궁금했다. 다양한 인터넷 속의 글을 보았고, 정말 여러가지 다양한 이유들이 있었다. 많은 이유들을 간단하게 작성해보겠다. (해댱 출처는 아래에 작성하였습니다.) 1. CSS 스타일링의 단순화 기존의 react portal을 사용하지 않고 모달창을 구현했을 때는 모달 창이 모달창이 아닌 모든 요소들보다 위로 띄워야하기 때문에 이렇게 다른 요소들간의 계층 구조를 z-index 속성 값을 넣어주어 직접 다루 2024.05.08 to-ar.tistory.com ARUnity [Project] Portal 15 Portal 평면을 인식하고 버튼을 누르면 터치 Transform값으로 포탈 생성 포탈 안으로 들어가면 생성된 맵을 탐험 ※포탈 외의 밖에서는 맵이 보이지 않는다※ Map Environment Envirionment Portal Door Plane으로 맵을 만들고 나무, 건물, 자연환경, 자동차, UFO, 흩날리는 파티클, 안개를 추가해 맵을 구성 했다... c MR XR AR Unity 2024.02.08 통합웹 더보기
서비스 안내 스토리의 글을 대상으로 검색결과를 제공합니다. 자세히보기 Louis 커리어 분야 크리에이터 Diary.26 - Galaxy AI is here 20 제품이 반응이 좋기 때문일까? 한 달 만에 다시 방문한 매장, 인테리어가 바뀌어 있음을 발견했다. 검은색 테이블이 메탈릭 마감으로 바뀌었고 입구에는 LED portal이 추가되었다. 지난 2월에 방문했을 때보다 좀 더 밝아진 느낌이 더 나은 것 같다. <리모델링된 매장 입구와 제품 전시> 매장에 들어가면, 스태프가 안내... 삼성매장 홍콩 Galaxy 2024.03.06 브런치스토리 검색 더보기 romerday.com 베짱이의 신나는 하루 게임 Portal 개발여정 스토리 시각 디자인과 미학 개발여정 게임 "Portal"의 개발 여정은 그 이면에 있는 팀의 창의성, 혁신 및 협업을 강조하는 흥미로운 이야기입니다. 밸브 코퍼레이션(Valve Corporation)에 의해 개발된 "Portal"은 학생 프로젝트로 시작하여 게임 산업에 지속적인 영향을 남긴 획기적인 게임으로 발전했습니다. "Portal"의 개발 이야기는 밸브(Valve... 2024.04.16 티스토리 검색 더보기 story.kakao.com im in 4eVer im in 4eVer - 카카오스토리 easier, to help you love yourself more and to show that real relationship shouldn't be a test, but a portal for the inner growth of those who meet through love." ~ Malakat D Art | by Dorina Costras 2024.05.09 카카오스토리 검색 더보기 커리어 크리에이터 보기
포탈2 www.thinkwithportals.com/ 1인칭 퍼즐 게임. 밸브 코퍼레이션 개발, 게임 소개, 블로그, 미디어, 다운로드 제공. 부산광역시 도서관포털 library.busan.go.kr/portal/ 도서관 이용, 자료검색, 강좌신청, 독서문화행사 안내. 전화고객센터: 051-310-5400 채널 Portal portal.netpas.net/ 해운메일 자동분석서비스, 항구 정보, Vessel, Canal 운임 Bunker 정보 제공. 사이트 더보기
서비스 안내 Melon Company가 운영하는 음악 서비스입니다. 다른 사이트 더보기 Portal 김도언 앨범 Damage 2022.05.10. Portal Atom Music Audio 앨범 Dystopia 2020.03.10. PORTAL veil 외 4명 앨범 FUTURE TAPE... 2023.04.26. Portal LIGHTS 앨범 Little Mach... 2014.09.19. portal daine 앨범 shapeless 2023.02.24. Portal (Solo Piano Version) Wide Eyed 앨범 Portal (Sol... 2023.01.27. Portal Mukai Taichi (무카이 타이치) 앨범 Antidote 2022.05.11. Portal Hyrr 앨범 Portal 2019.03.16. Portal (Feat. Esther Abrami) Wide Eyed 앨범 Portal (Fea... 2023.01.06. The Portal Nellie McKay 앨범 Home Sweet ... 2010.09.27. Portal Pinegrove 앨범 Skylight 2018.10.05. Portal Mary Mesk 앨범 Portal 2024.02.19. Portal Rebuke 앨범 Portal / Ec... 2023.08.11. Portal Sunscreem 앨범 O3 1993.02.02. The Portal (From "Treasure Planet"/Score) James Newton Howard 앨범 Treasure Pl... 2002.01.01. Portal Meikle & Max Adrian 앨범 Portal 2018.10.17. Portal (Montclair, NJ) Pinegrove 앨범 Montclair (... 2023.05.12. Portal Toxe 앨범 The Story O... 2023.02.17. Portal (Feat. NGHS) VIMOKA (비모카) 앨범 합리화 (RATION... 2021.04.15. Portal Henyao 앨범 Coffee And ... 2018.08.03. 더보기