# next
Next.js-Tutorial-1
안녕하세요. thsoon입니다.이번에 포스팅이란걸 처음 써봐 부족한 뉴비지만 차근차근 써보도록 하겠습니다.포스팅을 시작하게 된 이유는 언제 한번 블로그를 만들고 싶은 생각이었기도 하고, 지금 하고 있는 프로젝트가 인원들이 서로 다른 분야의 기술을 가지고 있어, 기술 교
LETMEIN #1. SETTING
WHOAMI 프로젝트의 이름을 변경하였습니다. 이름하야...LETMEIN!!!🙋🏻♀️🙋🏻♀️🙋🏻♀️ LET ME INTRODUCE MYSELF 주제는 같은데 이름만 바꿨어요. 이유는..비슷한 제목을 찾아서.입니다. 저번 코드는 과감히 날렸습니다! 짬짬이 개발스킬을 키우기 위한 프로젝트이므로, 부족한 것이 많을 수 있습니다! - ...
[next.js] styled components 스타일이 적용전에 렌더가 되는 문제 해결법
styled components 스타일이 적용전에 렌더가 되는 문제 해결법 Install next.js Add styled-components add babel plugin and .bablerc file 루트 파일에 .babelrc 파일 만들기 .babelrc Create the _document.js file pages 폴더 아래에 _doc...
[Next.js] _app.js에 대해서
Next.js에서 app.js는 초기에 기본 페이지들의 component로 사용된다. 당신은 app.js를 페이지들에서 사용하거나 무시할 수 있다. _app.js의 기능들은 아래와 같다. 페이지들이 변화할 때 layout을 유지 페이지를 navigating 할 때 state(상태) 유지 componentDidCatch로 고객들의 에러 관리 페이지들에 추가...
TIL - 191025 - Next.js
SSR을 접해볼 기회가 지금 아니면 있을까 라는 생각이 들었고, Next.js에 대해서 간단하게 정리해보려 합니다.
[Project 개발 일지] next.js로 header생성 과정2
기본요소 채우기 Screenshot 2019-10-18 14.05.30.png 가장 기본적으로 '로고', '검색바', '검색버튼', '사인업', '로그인' 이라는 요소들이 필요한 상황입니다. 단순하게 기능만 채워 넣어 보겠습니다. styled-components 파트 Header function 파트 코드 작성시 이런 기본적인 형태의 헤더가 완성...
[Project 개발 일지] next.js로 header생성 과정1
주의 next.js의 workflow와 개념을 충분히 이해하지 못했기 때문에 다소 부정확한 정보가 포함되어 있음을 이해해주시길 바랍니다. Project 지도 저의 프로젝트는 카페 검색 사이트를 만드는 것입니다. Screenshot 2019-10-18 14.05.30.png 위쪽 빨간 박스를 Header로 부르겠고 이번에 제가 설명할 부분입니다. ...
Next의 탄생 배경
Next.js React, Vue로 프로젝트를 진행한다는 것은 SPA(Single Page Application)을 만들어야 한다는 것인데, SPA의 큰 단점은 클라이언트 서버 렌더링(CRS) 즉 첫 요청시 한페이지만 불러온 후 기존 페이지를 수정해서 보여주는 형태이기 때문에 아래와 같은 문제점이 생깁니다. 1. 검색엔진의 어려움, SEO의 최적화 문제...
Javascript iterator와 iterable, generator 어떻게 구현하고 사용할까?
iterable? [Symbol.iterator] iterator? generator? 어떻게 구현하고 어떻게 사용하지?