let's get IT with DAVINA 💻

window.open(새창 열기) 웹브라우저에서 새창(팝업창) 열기 window.open('팝업주소', '팝업창 이름', '팝업창 설정'); window.open(url, name, option); window.open( res.data.url, "카카오톡 결제", "top=100px, left=100px height=800px, width=500px" ); url 새창(팝업창)에 보여질 주소, 기본값: blank ⇒ 빈 창이 보임 name 새로 열릴 창의 이름 또는 속성 지정 기본값: _blank (새 창으로 연다) _parent: 부모 프레임에 열린다. _self: 현재 페이지를 대체한다. _top: 로드된 프레임셋을 대체한다. _name(임의의 이름): 새 창이 열리고 창의 이름 지정 option ..

방법 1 (컴포넌트 별로 적용할 때) src/util/useScrollTop.jsx 적용된 컴포넌트 진입시 페이지 맨 위로 스크롤해주는 커스텀 훅 import { useEffect } from "react"; const useScrollTop = () => { useEffect(() => { if (window) window.scrollTo(0, 0); }, []); return; }; export default useScrollTop; import useScrollTop from "../util/useScrollTop"; const BlogDetails = () => { useScrollTop(); return ( //생략... ); }; export default BlogDetails; 방법 2 (전..

React scrollintoview 사용하기 특정 요소를 누르면 다른 특정 element까지 도달 가능 const App = () => { const scoll1Ref = useRef(); const goBox = () => { scoll1Ref.current.scrollIntoView({behavior: "smooth"}) } return ( 이동하기 ) } → 1번째 버튼을 누르면 3번째 div까지 스크롤이 되며 이동할 수 있다. 이 때, behavior: “smooth”를 주면 부드러운 효과 적용이 된다.