# nextjs

1021개의 포스트
post-thumbnail

Next.js의 렌더링

Next.js넥스트의 렌더링 방식에 대해 알아보자!

약 23시간 전
·
0개의 댓글
·
post-thumbnail

Node & React basic3 #3

TypeScript 출현배경(?) JS가 클라이언트 측 언어로 도입되었으나 Node.js를 통해 JS를 클라이언트 측 뿐 아니라 서버 측 기술로도 활용할수 있게 되었다. 그러나 JS코드가 커질수록 소스코드가 복잡해져 코드 유지관리가 어려워졌고, Type검사나 컴파일 시

어제
·
0개의 댓글
·
post-thumbnail

[NextJs]Lighthouse로 웹페이지 최적화하기

🔴 LightHouse > LightHouse는 웹 사이트의 성능 및 품질을 평가하고 개선하는 도구이다. Google이 개발하였으며 사용자 경험, 성능, 접근성, SEO 등 다양한 측면을 평가할 수 있도록 도와준다. 간단히 이 정도만 알아보고 실제 어떻게 평가가 이

2일 전
·
0개의 댓글
·
post-thumbnail

Next.js 13 정적/동적 라우팅

Next.js를 학습하면서 편하다라고 느낀것은 바로 라우팅이다. Next.js는 기본적으로 페이지 기반의 라우팅 시스템을 제공한다. 파일 시스템에 기반한 라우팅은 빠르고 쉽게 웹 애플리케이션의 구조를 만들 수 있게 해주며 구조는 다음과 같이 직관적이다. 기존13버전 이

2일 전
·
0개의 댓글
·

Next js API Routes

next js에 대해서 공부하다 보니 API Routes에 대해서 알게 되었다. Rest API 의 request URL을 숨기고 싶어서 방법을 찾아 보게 되었는데 Next js에서 자체 api endpoint 를 만들수 있어서 숨길수 있을까 생각하며 시도해보았다

3일 전
·
0개의 댓글
·
post-thumbnail

Node & React basic3 #2

NextJS에서 데이터를 가져오는 방법을 알아보자.ReactJS에서는 useEffect를 통해 가져오지만 NextJS에서는 다른 방법을 통해서 가져오게 된다.getStaticPropsStatic Generation으로 빌드할 때 데이터를 불러온다.(무슨 말인지 잘 모르

3일 전
·
0개의 댓글
·
post-thumbnail

react query 커스텀 훅으로 로그인 유지하기 (with. HOC - 고차 컴포넌트)

유저가 로그인하게 되면 헤더에 있는 로그인 / 회원가입 이 마이페이지 / 로그아웃 으로 바뀌어 보여야 했다.처음 헤더에 넣어 바로 유저 상태를 유지했는데, 헤더가 없다면 어떻게 하겠냐는 물음에 제대로 답하지 못했다.헤더에 넣기보단, 유저 상태를 유지해야하는 페이지에 훅

3일 전
·
0개의 댓글
·
post-thumbnail

azure next.js static-web-app 빌드 error

azure로 next를 초기설정하고 바로 static web app 빌드를 진행하였다. 아무것도 건들이지 않고 npx create next 로 바로 생성하고 빌드를 진행한터라 npm run dev 도 잘되고 문제가 없을것이라고 생각하였다.

4일 전
·
0개의 댓글
·
post-thumbnail

Next.js 13 master course - router handler

API를 호출할 수 있는 route handler에 대해 알아보겠습니다.

4일 전
·
0개의 댓글
·
post-thumbnail

Node & React basic3 #1

이제까지 유튜브 만들기 강의를 따라하고 있었는데 영상 업로드하는 부분에서 해결이 안되는 오류가 계속 떴다. request를 못 읽어온다든지 504에러라든지.. 강의 자체도 오래되어서 질문에 대한 답 받기도 쉽지 않을 것 같아서 chatGPT에서 삽질하다가 일단 최신 강

4일 전
·
0개의 댓글
·
post-thumbnail

next.js api routes를 활용한 admin페이지 생성하기(with redux-persist)

next.js 프로젝트에서 관리자 로그인 페이지 구현하기.

4일 전
·
0개의 댓글
·
post-thumbnail

NextJs NextSeo태그(공부 4)

NextSeo란 무엇이며 왜 쓰는건가

5일 전
·
0개의 댓글
·
post-thumbnail

[Next.js 13] Next-auth 커스텀 로그인 페이지 구현하기

넥스트JS 13.2 버젼 이상일 때, next-auth를 통해 커스텀 소셜 로그인 페이지를 구현해보자

5일 전
·
0개의 댓글
·
post-thumbnail

[classpick 개발일지 #1] Next.js13으로 마이그레이션하기 - emotion 써도 되나? 고민하기

내 마음을 대변하는 누군가의 리플....classpick 개발은 꼭 NextJs로 해보고 싶어서 프로젝트 세팅을 하던 중, 저번달에 NextJs 13가 정식 출시되었고 어느정도 안정화 되었다는 소식이 있어서 꼭 사용해보고자 하여 기존에 Nextjs 12로 세팅해놨던 프

5일 전
·
1개의 댓글
·
post-thumbnail

2023.05.29 TIL

프로젝트 끝, next.js 시작

5일 전
·
0개의 댓글
·
post-thumbnail

[Next] Next 시작하기

제대로 한번 적용해보죠?

5일 전
·
0개의 댓글
·
post-thumbnail

(번역) 유쾌하게 이상한 자바스크립트 생태계

자바스크립트가 이상하다는 말을 하려는 것은 아니지만, 분명 이상하긴 합니다. 그러나 이 글의 요점은 그게 아닙니다.

5일 전
·
0개의 댓글
·
post-thumbnail

Next.js 13 master course - loading / error UI

Next.js 13 app directory의 loading / error ui 핸들링에 대해 알아보겠습니다.

6일 전
·
0개의 댓글
·
post-thumbnail

[React] NextJs로 앱 만들기(2)

index.tsx 파일에 getStaticProps 함수를 정의한다. 함수명을 적을 때에는 함수 이름에 토씨 하나도 틀려서는 안된다. 그 다음 type annotation을 통해서 함수 type을 지정해주고 getStaticProps는 async 함수로 정의해주어야 한

2023년 5월 27일
·
0개의 댓글
·