# nextjs

324개의 포스트

Next js

test

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

AWS EC2 인스턴스에 Next.js 프로젝트 올려보기

내가 만든 멋쟁이 프로젝트를 온 세상 사람들에게 공유하자

어제
·
0개의 댓글
post-thumbnail

Next.js에서 MongoDB를 사용한 간단한 유저 생성 조회 API 만들어보기

사실 진작에 적었어야 했던 글인데 조금 지나서야 쓰게 되었습니다. 자세한 명령어는 뒤로 하고 전체적인 흐름을 한번 살펴보도록 하겠습니다. MongoDB 설치 Mongoose 설치 Next.js에서 Mongoose를 이용해 DB에 연결 스키마 작성 API 작성 큰 틀로 보면 이런 순서로 진행을 하였습니다. 몽고디비와 몽구스의 설치는 했다고 가정하고 3번부...

어제
·
0개의 댓글
post-thumbnail

FE.07 Day.01

코딩에 관심이 있는 사람이라면, 특히나 프론트엔드 쪽에 관심이 있다면 90% 이상의 사람들은 html, css, js(JavaScrip)을 떠올릴 것이다. 본인도 이 3가지 밖에 몰랐지만 첫 날부터 이 3가지언어를 좀더 편하게, 효율적으로 다루기 위해서 react라는

어제
·
0개의 댓글
post-thumbnail

Next.js에 Naver map 얹기

개발자는 아니지만 친한 동생이 백엔드 서버 개발자인데 뜬금 프로젝트 하나 해보자고 해서 진행을 하게 되었는데 Next.JS에 네이버 맵을 띄워야 하는 상황이 오게 되어 이리저리 삽질(?) 하다가 확인된 내용들을 정리하고자 합니다.. 벨로그와 구글링을 통해 Next

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

pre-rendering 체크리스트: CSR SSR SSG ISR

페이지마다의 특징을 이해하고 렌더링 방식을 구분하는 것은 매우 중요합니다. 도대체 어떤 기준으로 선정해야할지 체크리스트와 함께 알아봅시다 ;) 개노답 3대장 CSR, SSR, SSG!! - 사견입니다

3일 전
·
0개의 댓글

5월11일 회고록 3일차

오늘은 디자인 시안이 어느정도 나오는 날이였다.색상은 주로 블랙,화이트,회색3톤으로 결정을 했으며, 피그마를 만드는 중에 수정이 계속 있을 예정이다.디자이너분께서 피그마를 만드시는동안 여러기능을 했으면 좋겠다 라고 하신것중 셀렉을 하는데 이번에는 스케쥴 관련 기획을 하

4일 전
·
0개의 댓글

5월10일 회고록 2일차

오전중에 팀회의가 진행이 되었다 . 프론트엔드쪽에서는 디자이너랑 얘기전 와이어프레임을 통해서 필요한 기능을 가져가며 디자인적인것을 수정 및 보안을 가져갔다.백엔드분이랑은 기능을 구사하는데 있어서 erd쪽 회의를 진행을 했으며 저와 팀장님은 git master쪽 계정에

6일 전
·
0개의 댓글

[TIL] input value clear 😂

리셋.. 하고.. 싶다...

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

GitHub Action으로 Next.js + Typescript 배포하기

NextJs + Typescript + Github Action으로 gh-pages 배포하기

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

[React] antd와 styled-components, _app.js와 Head, 반응형 그리드 사용, 로그인 폼 만들기

antd와 styled-components, _app.js와 Head, 반응형 그리드 사용, 로그인 폼 만들기

2022년 5월 9일
·
0개의 댓글
post-thumbnail

전역할때까지 개발할 스트리밍 프로젝트 계획서

23년 9월까지 계속해서 완성해나갈 프로젝트

2022년 5월 8일
·
0개의 댓글
post-thumbnail

NextJS Roadmap

NextJS 공부가 막막한 사람들에게 필요한 Roadmap

2022년 5월 5일
·
8개의 댓글

NextJS

React의 SSR(Server Side Rendering)을 쉽게 구현할 수 있게 도와주는 프레임워크.

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

ssl 발급부터 nginx, nextjs, react 배포까지

맨날 서버 개발만 하면서 배포하는데 내부적으로 사용되는 서버만 사용하다보니 https 신경안쓰다가 드디어 https를 신경써야 될 때가 왔다. 먼저 ssl을 발급받아야 하는데 구글링을 해보면 개발자 자체 인증(self-signed)로 설명해놓은 것이나 openssl을

2022년 5월 4일
·
0개의 댓글
post-thumbnail

맨날 하는 폼, 좀만 더 쉽게 해보자 React-hook-form

React Hook Form으로 폼을 더 쉽게 써보자

2022년 5월 3일
·
3개의 댓글

NextJS에서 NextUI 사용하기

NextJS에서 NextUI를 사용하기 위해선 \_document.tsx와 \_app.tsx를 세팅해야한다.공식문서install\_document.tsx\_app.tsx\_document.tsx와 \_app.tsx를 세팅한 뒤 NextUI components를 사용하면

2022년 5월 2일
·
0개의 댓글
post-thumbnail

react-query ssr 적용 (nextjs)

각기 다른 서비스가 공통으로 사용하는 컴포넌트를 만들어야 했다.문제는 다른 서비스의 apollo-client 버전이 다르다는 점.버전 차이에서 오는 기능 차이가 치명적인 상황이었다.이에 공통 컴포넌트 workspace는 react-query를 쓰기로 했다.

2022년 5월 1일
·
0개의 댓글
post-thumbnail

Next 배포시 Image Optimization 에러

최근에 NextJs + Typescript 를 gh-pages를 통해 배포 진행 중에 생긴 이미지 로더 에러를 파헤쳐 보았습니다.해당 에러가 무슨 이유로 뜨는지 알아 보자 공식문서(https://nextjs.org/docs/api-reference/next

2022년 4월 30일
·
0개의 댓글
post-thumbnail

How Next.js Works

How Next.js Works

2022년 4월 28일
·
0개의 댓글