# next

139개의 포스트

[Next] svg import 하기

여러가지 방법이 있는데, 그 중 내가 사용했던 방법은 두가지였다.첫번째 방법은 next/Image에서 바로 svg를 불러와서 사용하는 방법이다. 이렇게 하면 손 쉽게 사용할 수 있지만, svg의 color 등을 조절하기 힘들다. 따라서 두 번째 방법을 사용하는 것을 추

약 3시간 전
·
0개의 댓글

Next.js Basic

Library - 개발자가 library를 불러와서 내가 그것을 사용하여서 무엇을 만든다.Framework - 나의 코드를 불러오는것(특정한 규칙을 따라서 특정한것을 해줘야하는경우도 있다.)파일의 이름이 url을 결정하게 된다.ex) about.js라면 localhos

3일 전
·
0개의 댓글

Next.js 란 무엇인가?

Next.js 는 한마디로 React Server Framework 라고 할 수 있다.우리는 Next.js 의 도움을 받아 각종 Front-end & Server configurations, Webpack, Babel, TypeScript 등의 골치아픈 설정을 더이상

4일 전
·
0개의 댓글

[React] React-helmet과 그 한계. (next로 migrate하려는 이유)

React는 기본적으로 SPA를 서비스해주기 때문에 SEO관리가 어렵다는 한계를 지니고 있다. 그래서 public폴더의 index.html에 직접 meta tag를 적어서 관리해주고 있는데, 이를 react-helmet이라는 라이브러리를 통해 js를 사용해서 관리할 수

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

NextJS 파일 구조

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

초등학생이 너보다 잘하겠다!(feat. next/image)

하이지금 Next.js 12 + recoil로 사이드프로젝트를 진행 중임Riot에서 제공해주는 API로 재밌는걸 만드는 중이고 챔피언 사진 불러오려고 하는데Next 에서는 외부URL을 쓰려면 아래처럼 next.config.js에서 도메인을 추가해줘야함근데 안됨 ; 어제

2022년 1월 12일
·
0개의 댓글

SSR react next 쓰는이유

요약해서 말하자면 1\. 제일먼저 처음 접속한 웹 페이지 로딩 시간 단축하기 위해검색엔진 노출을 위해 react router 사용 간략화Next.js는 기본적으로 빌드 시에 만든 모든 페이지를 미리 렌더링을 하여 사용자에게 빠르게 보여준다. (전형적인 SSR 방식)그

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

[nextjs] grid에서 image 사이즈 맞추기 (css)

아래 문제는 css문제로서, nextjs와 무관하지만, next/image와 혹시 연관지어 고민하는 분들이 있을까 하여 nextjs포함 시켰습니다.next에서 Image를 사용하는데 grid를 튀어나갑니다.layout과 objectFit을 하여도 해결되지 않는 상황입니

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

구글 애널리틱스 적용 (with Next.js)

동그라미 프로젝트에 구글 애널리틱스를 적용시킨다.구글 애널리틱스(이하 GA)는 구글에서 제공하는 무료 웹 분석 툴로, 구글의 고유한 통계 및 머신러닝 기술로 사이트 및 모바일 애플리케이션 방문자들의 행동 데이터를 분석하고, 마케팅의실적이나 웹 사이트의 경험을 개선할 수

2021년 12월 28일
·
0개의 댓글

[Next] 개념 잡기

이 글은 Next JS의 공식 문서를 읽고 개념을 요약해놓은 글입니다. 자세한 내용은 Next JS 공식홈페이지 참고page-based routingprerendering (SSG, SSR)code splittingCSS-in-JSCRA처럼 비슷한 템플릿을 제공next

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

CSR(클라이언트 사이드 렌더링) vs SSR(서버 사이드 렌더링)

CSR과 SSR 각각의 개념을 이해하고둘의 차이를 분석한다.서버로부터 HTML 파일을 받아 브라우저에 뿌려주는 과정 정의 - 최초 한 번 페이지를 불러온 이후에는 데이터만 변경하여 사용할 수 있는 웹 어플리케이션 과거의 웹 사이트 - 전통적인 웹 페이지는 데이터의

2021년 12월 24일
·
0개의 댓글

PHP - next() :: 배열의 내부 포인터를 한 칸 앞으로 이동합니다.

PHP 함수 next 요약 배열의 내부 포인터를 한 칸 앞으로 이동합니다. 함수 원형 파라미터 $array 영향받을 배열입니다. 설명 PHP 4 버전부터 제공됩니다. next()는 current()처럼 동작하지만 한 가지 차이점이 있습니다. 요소 값을 반환하기

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

Next.Js 12 업데이트 정리

Next.js 12 업데이트 리액트의 프레임워크인 넥스트 js가 6일전 12버전으로 업데이트 되었습니다. 얼마전 11버전이 업데이트 됐다는 소리를 들었던 것 같은데, 참 열일하네요 Vercel🔥

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

Next.js - styled-jsx로 스타일링 하기

next에서 지원하는 styled-jsx와 date 라이브러리인 date-fns를 활용하여 컴포넌트를 스타일링 합니다.

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

Nuxt, Next, Nest? 무엇이 다른가

출처 : https://tenmilesquare.com/resources/software-development/nuxt-next-nest-my-head-hurts/Nuxt, Next, Nest에 차이점을 알아보기 위해 찾다가 이 원글이 가장 설명을 잘해놓은 것

2021년 10월 18일
·
1개의 댓글
post-thumbnail

Next.js - 개발 환경 설정

Next.js 프로젝트 생성 및 수동으로 적용하는 방법에 대해서 알아봅니다.

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

eslint-prettier-stylelint 세팅 총종리

react + next.js + typescript 조합에서 협업 시 사용하는 eslint + prettier + stylelint 세팅에 대해 총정리한 글입니다..eslintrc.jsoneslint에서 code convention은 plugins와, extends와

2021년 10월 4일
·
1개의 댓글
post-thumbnail

antd 사용해 SNS 화면 만들기 - 2

4. antd로 프론트 디자인하기 - 3 4-1. 크롬 확장 프로그램 4-2. 프로필 페이지 만들기 4-3. 회원가입 페이지 만들기(커스텀 훅)

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

TIL 66 | Routing, Dynamic Routes

NEXTjs - Routing, Dynamic

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