analogcoding

prerender 의 주요 장점은 각 페이지의 핵심 내용을 크롤러가 얻을 수 있다는 것 뿐만 아니라 브라우저는 JS 파일이 렌더링을 시작하기 위해로드 될 때까지 기다릴 필요가 없으므로 SEO 뿐만 아니라 성능상의 이점도 존재한다. 1 SSR 을 사용하지 않고 SEO 최적화 적용 react-helmet 과 react-snap 사용 react-helmet https://www.npmjs.com/package/react-helmet react-helmet A document head manager for React www.npmjs.com spa 에서 각 route 마다 html head 를 설정할 수 있게 도와준다. import React from "react"; import { Helmet } from "..

ComponentDidMount 컴포넌트가 만들어지고 render가 호출된 이후에 호출되는 메소드. ( example : fetch or TImer ) // Class class Example extends React.Component { componentDidMount() { ... } } // Hook const Example = () => { useEffect(() => { ... }, []); } ComponentWillUnmount React 엘리먼트를 실제 DOM 노드에 추가하기 직전에 호출되는 메소드. DOM이 생성되지 않았으므로 DOM을 조작할 수 없고, render가 호출되기 전이기 때문에 setState를 사용해도 render가 호출하지 않음. // Class class Example ..

Change Scroll Multiple Input Focus