# next

455개의 포스트
post-thumbnail

next 커스텀서버란?

next.js는 자체의 서버를 제공하기떄문에 ( dev서버) 꼭 express나 Fastify와 같은 별도의 웹 서버를 사용할 필요가 없다. 하지만 기존에 제공하는 서버의 기능을 확장해야한다면 커스텀서버가 필요하다.그 경우는 Next.js 웹 애플리케이션을 기존 서버에

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

Next.js nodemailer로 메일보내기

Next.js 13.2 버전에서 Nodemailer를 이용한 메일전송 기능을 정리해보자

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

next프로젝트를 하다가 만난 에러모음

next 12 버전에서의 root페이지는 index.tsx로 고정이고next 13 버전에서의 root페이지는 page.tsx로 고정이다.현재 프로젝트는 next12버전으로 하고있지만 13버전을 같이 공부하다가 파일명을 page.tsx로 에러가 났다,,next 12 버전

5일 전
·
0개의 댓글
·

Next.js 장점

Next.js을 사용하는 기업이 날로 늘고 있다. 왜 Next.js의 인기가 많은지 이해하고, 장점을 이해해보도록 하자. 리액트 기반의 프레임워크로 React(SPA)의 단점을 커버해 주는 역할을 의미합니다.SPA는 사이트에 접속할 때 하나의 페이지를 불러옵니다.하나의

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

ReactQuill 에러 해결 기록

react-quill : ImageResize module Error

2023년 3월 17일
·
0개의 댓글
·
post-thumbnail

Github-blog 개발 - 리소스

💡 전 단계에서 배포한 후 살펴보면 이미지나 비디오 css등의 리소드가 제대로 import되지 않는 걸 확인 할 수 있다.public 폴더에 담긴 리소스들이 빌드하고 나면위 처럼 홈페이지 루트 경로를 prefix로 가지고 있기 때문이다.그래서 위 처럼 홈페이지 루트경

2023년 3월 14일
·
0개의 댓글
·
post-thumbnail

Github-blog 개발 - 시작해볼까?

🔥 회사일에 치이다가 이제야 개인 개발을 할 시간이 날 정도로 짬이 찼다. 🔥 협업프로젝트를 진행하면서 느낀건 Next.js 이놈 참 물건이라는 점이다. 물론 대부분의 회사가 React(or Vue)쓰라고 칼들고 협박 하기 때문에 그 안에서의 최선의 선택지로써 물

2023년 3월 14일
·
0개의 댓글
·
post-thumbnail

Next-Auth 소셜 로그인 [구글]

NextJS 에서 next-auth를 이용하면 google , facebook , naver 같은 소셜 로그인 기능을 쉽게 만들 수 있어요.next 13버전, next-auth 4버전을 사용했습니다..env 파일을 이용해서 google 클라이언트 키와 시크릿키를 저장합

2023년 3월 13일
·
0개의 댓글
·
post-thumbnail

[React-Query] 상태관리 라이브러리 뭐쓰세요?

제가 받은 프론트엔드 면접 질문으로 가장 자주 받는 질문은 상태관리 라이브러리 뭐쓰세요? 였습니다. 보통 상태관리 라이브러리는 recoil과 react-query를 둘 다 사용하는데, 서버 상태 관리를 하면 뭐가 좋은지, 어떻게 할 수 있는지에 대한 글입니다.

2023년 3월 12일
·
0개의 댓글
·
post-thumbnail

SSR CSR SSG ISR 이해하기

서론 안녕하세요 ! 요즘 next.js에 입문을 다시 시작했는데 시작하기전에 배경지식이 좀 필요하더라구요 ! 그래서 그 배경지식중에 일부분이지만 중요한 SSR,CSR,SSG,ISR에 대해서 정리를 해보려구합니다 😆 재밌겠다.. 웹사이트가 어떤 렌더링방식으로

2023년 3월 10일
·
0개의 댓글
·
post-thumbnail

Next.js 이미지가 안올라간다고?

NextJs를 사용해 프로젝트를 하던 도중 이미지가 안올라가는 버그를 만났다. 항상 리액트만 사용했었던 나여서 Next는 굉장히 생소했다. 평소 구글링을 잘못해서 구글링을 해도 나오지 않았다 그러다가 이미지를 console 찍었더니객체로 나오는 모습을 볼 수 있었다.

2023년 3월 8일
·
1개의 댓글
·
post-thumbnail

[Next.js] next-redux-wrapper, redux-toolkit 사용하기

redux-toolkit: 리덕스 툴킷(redux toolkit) 은 리덕스를 불편한 점을 보완하기위해 나온 개발 도구이다. 리덕스는 복잡한 저장소 구성, 수많은 라이브러리에 대한 의존성, 그리고 하나의 작업마다 많아지는 코드양 등의 문제점이 있었다. 하지만 리덕스 툴

2023년 3월 6일
·
0개의 댓글
·
post-thumbnail

Next.js - Pages와 라우팅

굉장히 스타워즈 같은 시작 1. 준비물:pages 폴더 왼쪽은 가장 기본적인 폴더 구조, pages가 있다.오른쪽은 src와 app을 설정한 폴더 구조, pages가 없다. 만일 app 폴더와 src 폴더를 설정하지 않으면, Next.js에 들어오자마자 p

2023년 3월 5일
·
0개의 댓글
·
post-thumbnail

Next.js - 프로젝트 생성하기

Next.js 시작해보기

2023년 3월 2일
·
0개의 댓글
·
post-thumbnail

Graphql-초기셋팅

Graphql apollo-client 초기셋팅 설정

2023년 2월 28일
·
0개의 댓글
·
post-thumbnail

Next.js 12 -> 13 바뀐 점 [Next]

Routing, SSR

2023년 2월 24일
·
0개의 댓글
·
post-thumbnail

Server component vs. Client Component

Next.js 13버전을 사용하면서 Server Component와 Client Component의 존재에 대해서 알게 되었고, 대충 개념은 이해한 것 같지만 뭔가 애매해서 Next.js의 공식문서 등을 참고해서 다시 한국어를 섞어서 정리해보려고 한다.참고: https

2023년 2월 23일
·
0개의 댓글
·
post-thumbnail

유저의 인터넷이 동작하지 않을 때를 대비하자

와이파이가 동작하지 않을 때 보여줄 화면을 만들자

2023년 2월 22일
·
0개의 댓글
·
post-thumbnail

[React] react + AWS

react 올렸다. 다음은 docker도?

2023년 2월 22일
·
0개의 댓글
·
post-thumbnail

Next란, _app파일, _document파일 정리

Next란리액트 라이브러리에 프레임워크이다.pre-reloading을 통해 미리 데이터가 렌더링 된 페이지를 가져올 수 있게 해준다.검색엔진에 잘 노출 될 수 있도록 해주고, SSR과 CSR도 혼합해 사용 가능하다.💡ServerSide 동작 원리Next Server가

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