WHOAMI 프로젝트의 이름을 변경하였습니다. 이름하야...LETMEIN!!!🙋🏻‍♀️🙋🏻‍♀️🙋🏻‍♀️ LET ME INTRODUCE MYSELF 주제는 같은데 이름만 바꿨어요. 이유는..비슷한 제목을 찾아서.입니다. 저번 코드는 과감히 날렸습니다! 짬짬이 개발스킬을 키우기 위한 프로젝트이므로, 부족한 것이 많을 수 있습니다! - ...

styled components 스타일이 적용전에 렌더가 되는 문제 해결법 1. Install next.js 참고 https://dev.to/aprietof/nextjsstyled-components-the-really-simple-guide101c

Next.js에서 app.js는 초기에 기본 페이지들의 component로 사용된다. 당신은 app.js를 페이지들에서 사용하거나 무시할 수 있다. _app.js의 기능들은 아래와 같다. - 페이지들이 변화할 때 layout을 유지 - 페이지를 navigating 할 때 state(상태) 유지 - componentDidCatch로 고객들의 에러 관리 -...

SSR을 접해볼 기회가 지금 아니면 있을까 라는 생각이 들었고, Next.js에 대해서 간단하게 정리해보려 합니다.

기본요소 채우기 Screenshot 2019-10-18 14.05.30.png 가장 기본적으로 '로고', '검색바', '검색버튼', '사인업', '로그인' 이라는 요소들이 필요한 상황입니다. 단순하게 기능만 채워 넣어 보겠습니다. styled-components 파트...

주의 next.js의 workflow와 개념을 충분히 이해하지 못했기 때문에 다소 부정확한 정보가 포함되어 있음을 이해해주시길 바랍니다. Project 지도 저의 프로젝트는 카페 검색 사이트를 만드는 것입니다. Screenshot 2019-10-18 14.05.30.png 위쪽 빨간 박스를Header로 부르겠고 이번에 제가 설명할 부분입니다....

Next.js React, Vue로 프로젝트를 진행한다는 것은 SPA(Single Page Application)을 만들어야 한다는 것인데, SPA의 큰 단점은 클라이언트 서버 렌더링(CRS) 즉 첫 요청시 한페이지만 불러온 후 기존 페이지를 수정해서 보여주는 형태이기 때문에 아래와 같은 문제점이 생깁니다. 1. 검색엔진의 어려움, SEO의 최적화 ...