next getinitialproperty()

넥스트를 이용해서 초기 화면을 ssr 로 보여주는 경우에 초기페이지는 html과 css 만 가지고 렌더트리를 형성한 후에 보여준다.

 

근데 내가 만약 데이터를 로드한 이후에 그데이터가 반영된 페이지를 보여주고 싶을때 사용 하는 메서드가 getinitialproperty() 로 렌더트리형성하기 이전에 실행할 코드를 넣어주면 해당코드가 반영된이후에 렌더 하게된다

 

styled component 의 경우 css-in-js 방식이기 때문에 이전글에서 getinitialproperty() 메서드 안에서 필요한 작용을 해줬었다.