눕라이크 눕라이크

svg as component

• Dynamic Layout 적용 + Svg as Component

  Front-end/Nextjs (12버전) 2022. 11. 27. 16:34

  1. 페이지마다 다른 Layout 적용 페이지마다 다른 Layout을 적용하고 싶을 때 매 페이지마다 Layout을 불러와서 render에 입히는 방법도 있습니다. 다만 그렇게 할 경우 매번 리턴문에 Layout 소스를 적용해줘야 하는 불편함이 있습니다. 이 문제는 컴포넌트에 custom속성을 부여하여 해결할 수 있습니다. 우선 Layout을 하나 만듭니다. 깃헙 링크: https://github.com/biglol10/tistory_source/tree/main/layoutandsvg Layout1.jsx 파일 소스 const Layout1 = ({ children }) => { return ( Link1 Link2 Link3 {children} footer ); }; export default Lay..

  Read More