강원도지사
article thumbnail
useImperativeHandle | createPortal | forwardRef | Serveraction | middleWare에 대해 공부해봅시다
코딩/FrontEnd 2025. 3. 17. 09:27

useImperativeHandleuseImperativeHandle은 React에서 부모 컴포넌트가 자식 컴포넌트의 특정 메서드나 속성을 직접 제어할 수 있도록 도와주는 Hook이다. 보통 forwardRef와 함께 사용하며, ref를 통해 컴포넌트의 특정 기능만 노출하도록 할 수 있다. 일반적으로 React에서 부모 컴포넌트가 자식 컴포넌트의 내부 동작을 직접 제어하는 것은 권장되지 않는다. 하지만 특정 상황에서는 필요할 수 있다. 예를 들어, input 요소의 focus 메서드를 부모에서 호출하거나, 특정 컴포넌트의 메서드를 외부에서 실행할 필요가 있을 때 useImperativeHandle을 사용할 수 있다. 이 Hook은 forwardRef와 함께 사용되며, useImperativeHandle(..

article thumbnail
Next.js에 대해 알아보자 #2
코딩 2024. 9. 26. 08:49

포스팅 미리 보기metadata로 웹사이트 title 바꾸는 법dummyjson을 활용해보기신기술 suspense 사용해보기(feat. 동적라우팅)next에서 로딩 화면 간편하게 만들기 아래의 설명보다 좀 더 자세한 설명을 원한다면 공식문서를 참고하는 것이 좋다!   metadata로 웹사이트 title 바꾸는 법 본격적인 내용에 들어가기에 앞서 아주 간단하게 몸풀기하고 들어가도록 하겠다. 몸풀기로 준비한 것은 metadata라는 것으로 웹사이트 title을 바꾸는 법이다. //layout.tsx//정적인 페이지 사용시 쓸 수 있는 코드export const metadata = { title: 'Thank you next!', description: '넥스트야 고마워',}  나는 layouy.tsx안..