Next.js

1.[Next] Next js를 사용하여 SSR, CSR 구현

post-thumbnail

Next.js를 사용하면 React에서도 CSR, SSR을 혼합하여 빠른 성능을 구현할 수 있다.

2020년 12월 5일

2.[Next] TypeScript & Next.js & styled-components 초기 세팅 (CNA)

post-thumbnail

## Next.js와 TypeScript를 사용하기 위한 초기 세팅 방법 **_app.tsx, _document.tsx는 다음 블로그에서 다루도록 하겠습니다.** ### CNA (create-next-app)

2020년 12월 11일

3.[Next] CNA (Next, TypeScript, Styled-components) 세팅 후 SSR시 css 적용 안되는 현상

post-thumbnail

아래처럼 Next js에서 제공되는 코드도 있지만 깜빡거리는 현상이 있을 수 있습니다.깜빡인다면 하기의 코드를 사용하시면 됩니다.하기의 코드는 참고 링크 첨부합니다.위 처럼 .babelrc와 \_document.tsx를 설정한다면 SSR되기 전에 스타일을 적용 시킨 후

2020년 12월 15일

4.[Next] useEffect로 받은 데이터는 SSR될까? ( getInitialProps 사용 )

post-thumbnail

React useEffect를 사용했을 경우에 SSR이 될까? ☀️ 답 : useEffect안에서 동작하는 데이터는 SSR되지 않는다. useEffect(() => {}, []) 는 마운트 되었을 때, useEffect는 실행된다. 그렇기 때문에 SSR로 받은 htm

2020년 12월 17일

5.[Next] Next에서의 alert, window, document , localStorage 사용 가능할까?

post-thumbnail

= 우리가 기존에 사용하던 대로 사용한다면 SSR에서는 해당 객체나 메소드에 접근하지 못하고 에러가 출력됩니다. CSR에서는 접근이 가능하지만, SSR에서는 접근하지 못하고 에러가 출력됩니다.useEffect(() => {},\[]) 는 렌더링이 되고 난 후 실행되기

2020년 12월 19일