# nextjs

134개의 포스트
post-thumbnail

Next.js Dynamic content

Next.js 시리즈의 세번째 포스팅과 이어집니다.네번째 글은 지난 포스팅에서 말했던 SSG로 Dynamic content를 만드는 법에 대해 좀 더 심도있게 다뤄봅니다.

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

Next.js API fetching

Next.js에서 rest api를 만드는 방법과 SSG, SSR 기능에 대해 알아봅니다.

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

[프로젝트 후기]사이퍼즈 아이템 세팅

프로젝트 링크깃허브 링크사이퍼즈는 내가 오픈 베타 부터 즐기기 시작했으니까거의 9년이나 한 게임이다...나는 예부터 선천적 아싸 기질 때문인지 롤이나 메이플 같은 소위 인싸들의 겜은 내 성에 맞지 않은 것이었다. 그런데 사이퍼즈란 게임은 인싸의 주류에서 벗어났지만 그렇

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

Next.js config setting (환경설정)

넥스트 환경설정에서의 css, next.config.js, typescript 환경 설정하기

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

Next.js 라우팅

Next.js에서 페이지 라우팅 구조, 페이지 네비게이션은 어떻게 사용할 수 있는가, all routes catch에 대해 알고 있는가?

4일 전
·
0개의 댓글

nextjs 배포 관련 읽어볼 글

nextjs 배포서버 검색 후 서버리스1서버리스2S3 + CodeDeploy(EC2)code pipe line 배포관련 삽질 후기(1)결국 다시 code pipe line으로 배포한 후기(2)

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

Next.js - SSR이라고만 알고있었다.

SSR은 사실 ..

2021년 9월 12일
·
8개의 댓글

Nextjs란?

Nextjs는 React의 SSR(Server Side Rendering)을 쉽게 구현할 수 있게 도와주는 간단한 프레임워크일반적인 React 렌더링 방식은 render() 함수가 먼저 실행되고, 그다음 ComponentDidMount()함수를 통해 데이터를 가져와서

2021년 9월 12일
·
0개의 댓글
post-thumbnail

useRouter, 동적라우팅

그냥 리액트만 사용할 때 나는 ... 페이지 이동을 위해서 많은 명령어를 사용했어야 했다. 하지만 넥스트라이브러리를 사용하니, 이렇게 세상 편하게 이동을 할 수가 없어!라우터는 이름에서 알 수 있듯이 페이지 이동을 위해 사용한다.길을 만들어 주는 것 기존의 리액트 라우

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

NextJS Styled-components background-image 속성 사용하기

Create-React-App에서 NextJS로 이전하는 과정에서 background-image속성이 제대로 적용되지 않는 다는 것을 알게되었습니다. 다음은 체킹 여부에 따라서 이미지가 바뀌는 커스텀 체크박스입니다. 아이콘 두개는 svg파일로 root 디렉토리의 pu

2021년 8월 30일
·
0개의 댓글

nextjs Tutorial 공부하며 정리하는 키워드

nextjs 공부중..

2021년 8월 29일
·
0개의 댓글

React 1. Udemy(5)

Deploying with firebase, Authentication(인증), NextJS

2021년 8월 27일
·
0개의 댓글
post-thumbnail

Front-end 개발자를 위한 첫걸음

2023년 3월 전역 전까지 무엇을 해야 개발자로 취업이 가능할지 고민한 내용

2021년 8월 24일
·
0개의 댓글
post-thumbnail

[TIL] nextjs/react - 라우터 변경시 함수 호출(fire actions when router changed - routeChangeComplete)

오늘 운영 이슈를 해결하다가 새롭게 배운 router event가 있어서 공유해봅니다.Route 주소가 변경됐을 때 특정 액션을 발생시켜야 하는 경우 사용할 수 있는 router 이벤트next/router로 이벤트를 감지해서 특정 이벤트가 발생하면 함수를 실행시킬 수

2021년 8월 23일
·
0개의 댓글
post-thumbnail

NextJS -4 (에러페이지, 환경변수)

이전 포스팅에서 SSR을 사용해서 더욱 나은 사용자 퍼포먼스로 다량의 데이터를 로딩할 때,사용자의 입장에서 기능을 추가해 봤는데요. 이번 포스팅에서는 개발자의 편의를 위한 기능 몇가지를 추가할 예정입니다.바로 에러페이지와 환경변수 입니다.🙋 에러페이지는 알겠는데 환경

2021년 8월 2일
·
0개의 댓글
post-thumbnail

NextJS에서 ToastUI Viewer 적용하기

지난 포스트에 이어서 ToastUI Viewer를 적용해보려고 한다. 여기서 Viewer란 Editor에서 만든 게시글의 내용을 보여주는 도구이다. Editor에서 소개한 방법과 비슷하게 dynamic import를 이용해서 적용하면 된다! 간단하지만 공식문서만 보았을

2021년 7월 23일
·
0개의 댓글
post-thumbnail

NextJS에서 Toastui Editor 적용하기

NextJS와 React를 사용하는 프로젝트를 진행하면서 게시글을 작성하고 읽는 기능이 필요해졌다. 이를 위해 찾아본 결과 ToastUI에서 제공하는 Editor가 있어서 사용해보았다. 그런데 공식문서대로 적용해보았으나 오류(~ is not defined)가 발생하며

2021년 7월 21일
·
0개의 댓글
post-thumbnail

Router

router를 기초적 부분만 본다면

2021년 7월 16일
·
0개의 댓글
post-thumbnail

Next JS Image src prop 오류

클라우디너리를 사용해서 이미지 컴포넌트를 썼는데 이런 오류가 떴다.그래서공홈에 있는대로 넣어줬다.하지만 기존 더미데이터의 이미지도 안나오는 문제도 발생이 되었다.공홈을 다시..자세히 읽어보니... 마지막에 이렇게 써져있었다.로더 옵션이 있을경우... 도메인 옵션이 무시

2021년 7월 13일
·
0개의 댓글
post-thumbnail

typescript, ESLint, Prettier, Jest, React-Testing-Library

nextjs에서 제공하는 명령어를 사용하여 nextjs 초기 프로젝트를 생성한다

2021년 7월 10일
·
0개의 댓글