# nextjs
Next.js에서 MongoDB를 사용한 간단한 유저 생성 조회 API 만들어보기
사실 진작에 적었어야 했던 글인데 조금 지나서야 쓰게 되었습니다. 자세한 명령어는 뒤로 하고 전체적인 흐름을 한번 살펴보도록 하겠습니다. MongoDB 설치 Mongoose 설치 Next.js에서 Mongoose를 이용해 DB에 연결 스키마 작성 API 작성 큰 틀로 보면 이런 순서로 진행을 하였습니다. 몽고디비와 몽구스의 설치는 했다고 가정하고 3번부...
FE.07 Day.01
코딩에 관심이 있는 사람이라면, 특히나 프론트엔드 쪽에 관심이 있다면 90% 이상의 사람들은 html, css, js(JavaScrip)을 떠올릴 것이다. 본인도 이 3가지 밖에 몰랐지만 첫 날부터 이 3가지언어를 좀더 편하게, 효율적으로 다루기 위해서 react라는
Next.js에 Naver map 얹기
개발자는 아니지만 친한 동생이 백엔드 서버 개발자인데 뜬금 프로젝트 하나 해보자고 해서 진행을 하게 되었는데 Next.JS에 네이버 맵을 띄워야 하는 상황이 오게 되어 이리저리 삽질(?) 하다가 확인된 내용들을 정리하고자 합니다.. 벨로그와 구글링을 통해 Next
pre-rendering 체크리스트: CSR SSR SSG ISR
페이지마다의 특징을 이해하고 렌더링 방식을 구분하는 것은 매우 중요합니다. 도대체 어떤 기준으로 선정해야할지 체크리스트와 함께 알아봅시다 ;) 개노답 3대장 CSR, SSR, SSG!! - 사견입니다
5월11일 회고록 3일차
오늘은 디자인 시안이 어느정도 나오는 날이였다.색상은 주로 블랙,화이트,회색3톤으로 결정을 했으며, 피그마를 만드는 중에 수정이 계속 있을 예정이다.디자이너분께서 피그마를 만드시는동안 여러기능을 했으면 좋겠다 라고 하신것중 셀렉을 하는데 이번에는 스케쥴 관련 기획을 하
5월10일 회고록 2일차
오전중에 팀회의가 진행이 되었다 . 프론트엔드쪽에서는 디자이너랑 얘기전 와이어프레임을 통해서 필요한 기능을 가져가며 디자인적인것을 수정 및 보안을 가져갔다.백엔드분이랑은 기능을 구사하는데 있어서 erd쪽 회의를 진행을 했으며 저와 팀장님은 git master쪽 계정에
GitHub Action으로 Next.js + Typescript 배포하기
NextJs + Typescript + Github Action으로 gh-pages 배포하기
[React] antd와 styled-components, _app.js와 Head, 반응형 그리드 사용, 로그인 폼 만들기
antd와 styled-components, _app.js와 Head, 반응형 그리드 사용, 로그인 폼 만들기
ssl 발급부터 nginx, nextjs, react 배포까지
맨날 서버 개발만 하면서 배포하는데 내부적으로 사용되는 서버만 사용하다보니 https 신경안쓰다가 드디어 https를 신경써야 될 때가 왔다. 먼저 ssl을 발급받아야 하는데 구글링을 해보면 개발자 자체 인증(self-signed)로 설명해놓은 것이나 openssl을
NextJS에서 NextUI 사용하기
NextJS에서 NextUI를 사용하기 위해선 \_document.tsx와 \_app.tsx를 세팅해야한다.공식문서install\_document.tsx\_app.tsx\_document.tsx와 \_app.tsx를 세팅한 뒤 NextUI components를 사용하면
react-query ssr 적용 (nextjs)
각기 다른 서비스가 공통으로 사용하는 컴포넌트를 만들어야 했다.문제는 다른 서비스의 apollo-client 버전이 다르다는 점.버전 차이에서 오는 기능 차이가 치명적인 상황이었다.이에 공통 컴포넌트 workspace는 react-query를 쓰기로 했다.
Next 배포시 Image Optimization 에러
최근에 NextJs + Typescript 를 gh-pages를 통해 배포 진행 중에 생긴 이미지 로더 에러를 파헤쳐 보았습니다.해당 에러가 무슨 이유로 뜨는지 알아 보자 공식문서(https://nextjs.org/docs/api-reference/next
