# nextjs

9개의 포스트
post-thumbnail

Next.js 라우팅

Next.js의 라우팅에 대해서 적어볼거에요. 요즘 팀프로젝트를 하면서 NEXT를 쓰게 됐거든요. 그래서 기록을 남길겸 혹시 도움 될까 싶어서 써봅니다ㅎㅎㅎ일단 NEXT 프로젝트를 셋팅해야겠죠?을 사용하여 초기세팅을 해줍니다!아니면 직접 세팅할 수도 있어요!!을 입력해

2020년 2월 18일
·
0개의 댓글
post-thumbnail

Next js_getInitialProps

Next js에서 데이터를 가져오기 위해서는 'getInitialProps'라 불리는 비동기 함수를 이용한다. async 함수로 'pages' 폴더 아래 어떤 페이지에서든 'static method'처럼 이용할 수 있다.fetch를 통해 받아온 데이터를 'props'로

2020년 2월 16일
·
0개의 댓글

Next.js Styling

https://nextjs.org/blog/styling-next-with-styled-jsx

2020년 2월 10일
·
0개의 댓글

Next.js + typescript 환경설정 (ESLint, Prettier)

Setup project with create-next-app -e with-typescript (details : https://medium.com/@ss_81611/how-to-setup-a-nextjs-project-with-typescript-4a8a966353f2) .eslintrc.js .prettierrc.js package.json d...

2020년 2월 9일
·
0개의 댓글

Next.js + Sass

Import .sass or .scss files in your Next.js project https://github.com/zeit/next-plugins/tree/master/packages/next-sass

2020년 2월 6일
·
0개의 댓글
post-thumbnail

CHAPTER1. 프로젝트 생성하기

Nextjs 와 graphql 을 사용해보자 mkdir (project-name) 프로젝트 파일 생성 cd (project-name) 프로젝트 파일 이동 yarn init -y package.json 생성 및 업데이트 yarn 을 설치해야 사용 가능 -y : package.json default 생성하는 옵션 package.json 추가 tsc ...

2019년 11월 10일
·
0개의 댓글
post-thumbnail

SPA에서의 SSR과 CSR

이 글은 SPA(Single Page Application)에서의 SSR과 CSR을 비교하기 위해 작성되었다(편의를 위해 반말 사용). - 최근 수정: 2019. 09. 22 초기 View 로딩 속도 먼저 전통적인 SSR과 CSR의 가장 큰 차이 중 하나인 '초기 View 로딩 속도'를 살펴보도록 하자. 전통적인 SSR의 경우에는 View를 서버에서 ...

2019년 3월 30일
·
12개의 댓글

NextJS는 왜 쓰는 걸까?

이 글을 쓰기 전에 NextJS에서 제공하는 Quick Start를 따라 간단한 예제를 구현한 경험이 있었다. 하지만, 그저 쓰면 좋다고만 알았지, NextJS를 왜 써야하고 무엇을 위해 존재하는지를 알지 못했기 때문에 이번 기회를 통해 제대로 NextJS를 사용한다는 것이 무엇을 의미하는지를 이해하고 입문해보려 한다. 더불어 지금 회사에서 인턴 생활을...

2019년 3월 30일
·
0개의 댓글
post-thumbnail

[아주 짧은 글] Next.js에서 ScSS파일 sourcemap 기능 사용하기!

영어 실력이 빈약해서 그런지 간단한 기능같아 보이는데 찾지를 못하고 sourcemap이 되어 있지 않은 scss파일로 작업을 계속 했는데, 아무래도 불편하다고 느껴져서 다시 한 번 찾아보니까 아래와 같이 하면 되는 것이었다.

2019년 2월 22일
·
0개의 댓글