Next

[nextjs] 특정 컴포넌트를 정확히 클라이언트에서만 렌더링하기

useEffect useEffect는 클라이언트에서만 실행하도록 되어있다. import { useEffect, useState } from 'react'; import 대충 클라이언트에서만 실행할 수 있는 컴포넌트 from 'ASDF'; export default function Test() { const [isClient, setIsClient] = useState(false); useEffect(() => { setIsClient(true) }, []) return ( {isClient && } ) } 서버 사이드에서는 useEffect가 실행되지 않으니 isClient가 항상 false이고, 대충 클라이언트에서만 실행할 수 있는 컴포넌트가 실행되지 않는다. typeof 서버사이드에서는 window ..

jquery til1

next() var content = $('selector').next() // 바로 다음의 형제 요소 선택 children() var arrow = $('selector').children() // selector 의 자손 모두 선택 var arrow = $('selector1').children('selector2') // selector1 의 자손 중 selector2 만 선택 switchClass() // 스위치클래스는 jquery UI 라고 따로 뭘 해야 된다. // 우리가 흔히 쓰는 그냥 jquery 에서는 사용 불가 arrow.addClass('class1').removeClass('class2') arrow.addClass('class2').removeClass('class1') // cl..