Q&A
커뮤니티
지식
이벤트
더보기
OKKY
Q&A
지식
커뮤니티
이벤트
부트캠프
Jobs
Contact
Search Bar
로그인
회원가입
nextjs
전체
기술
커리어
기타
카테고리
전체
최신순
질문하기
해결
1
greatbk
·
4개월
485
0
해결 1
Nextjs 클라우드 컨테이너에 배포 설정
안녕하세요. Nextjs 프로젝트는 웬만해서 손안대려고 했는데 이번에 해야 할것 같아서.. 배포와 관련해서 몇가지 여쭤보고자 합니다. SSR 기능 구현시 Nginx 같은 웹서버에 배포가 안되고 SSR 기능이 지원되는 서버에 배포해야 하는것으로 알고 있습니다. 애저같은 클라우드 컨테이너에 배포해야 한다면.. 서버 패키지만 설치(pnpm install 과 같이)해서 배포가 가능한가요? 이 경우 프런트앤드 컨테이너가 여러개로 구성되고 LB를 통해서 묶을
답변
1
벼랑끝Cub
·
4개월
468
0
답변 1
React SPA 와 React Native 유지하면서, SEO 필요한 페이지만 Next.js로 분리 배포하는 구조가 현실적으로 가능한가요?
React SPA + React Native 유지하면서, SEO 필요한 페이지만 Next.js로 분리 배포하는 구조가 현실적으로 가능한가요?앱은 React Native(Expo),웹은 기존 react 19.2.1, react dom, CRA 사용을 유지하되,SEO가 필요한 페이지와 영역만 Next.js로 점진 도입하고모든 SEO가 필요한 페이지와 영역의 UI/로직은 공통 패키지로 공유한다 하는 웹은 단일 Vercel 프로젝트로 배포하기.이렇게
답변
1
정중식
·
7개월
962
0
답변 1
nextjs에서 401에러시 jwt accessToken재발급 질문있습니다.
안녕하세요, nextjs에서 401에러시 토큰 재발급에관해서 방법이 여러가지인거를 알고있습니다. 먼저 저희 회사는 fetch를 채택해서 사용하고있기때문에 fetch를 래핑해서 각각 clientAPI와 serverAPI로 구성해준 상태입니다. 1. clientAPI는 axios가 인터셉터로 401에러시 재발급을하는 흔히하는 그런 코드 비슷하게 짜주었고 serverAPI는 ApiAuthErrorf라는 커스텀에러 래핑 클래스를 두고 401이뜰시 A
해결
1
김봄진
·
7개월
811
0
해결 1
next.js 에서 그룹 라우팅시 인터셉트 라우트 오류
next.js를 이용해서 개인 프로젝트를 만들고 있는데 모달을 병렬라우트와 인터셉트 라우트를 이용해서 띄우려고 하는데 app/ ├── @modal/ │ ├── (.)login/ │ │ └── page.tsx │ └── default.ts └── login/ │ └── page.tsx└── signup/ │ └── page.tsx└── user-info/ └── page.tsx
답변
3
요술의소라고둥
·
7개월
1.1k
2
답변 3
숙련자분들은 리액트로 컴포넌트 작업할 때 어디까지 컴포넌트화 하시나요?
이전 회사에서는 리액트를 안 썼어서 제가 따로 독학했어고 그 뒤에 리액트를 실무로 써본건 지금 회사가 처음인데 지금 회사는 p태그랑 div, span까지 전부 컴포넌트로 만들어서 각 컴포넌트에 module.css로 기본 스타일 잡아놓고서 시안에서 들어가는 스타일은 클래스 주거나 컴포넌트에 props로 스타일 값 넘겨서(fontSize라는 props를 등록해 놓고 컴포넌트에서 fontSize={10} 이런식으로 넘김.) html 태그 자체에 st
답변
4
eoxkxid
·
7개월
877
0
답변 4
학교 홈페이지 리뉴얼: WordPress vs 자체개발(Next.js) 조언 구합니다
상황학교 홈페이지 리뉴얼 현재: Cafe24 CMS 사용 중 → 기능 확장 및 디자인 커스터마이징 한계 학교 재정 상황이 좋은 편은 아님 현재 재학생 100여명, 교사 50여명 정도로 규모가 크지 않음 개발 가능 기간: 4개월 가장 큰 고민: 제가 떠난 후 유지보수 개발자 확보 불확실 필요한 주요 기능게시판 다수 (공지사항, 자료실, 갤러리, FAQ 등) 학사일정 캘린더 입학 지원서 접수 AI 챗봇 (FAQ 기반) 인스타그램 피드 연동 모던한 디자인
답변
1
전설의포켓몬
·
8개월
407
0
답변 1
nextjs에서 prisma연동 질문 드립니다
// auth.ts import NextAuth from "next-auth"; import { PrismaAdapter } from "@auth/prisma-adapter"; import { prisma } from "@/prisma"; import CredentialsProvider from "next-auth/providers/credentials"; import { com
답변
5
metanoia95
·
9개월
895
0
답변 5
신입 개발자 포트폴리오 기본기 피드백 부탁드립니다.
안녕하세요 취직한지 3개월 정도 된 신입입니다. 작년 9월 중순에 국비학원 입학해서 올 3월에 졸업 후 5월에 현재 다니는 곳으로 취직했습니다. 일을 하다보니 부족함을 느껴 따로 개인 포폴을 만들어보고 있습니다만 조금 더 체계적으로 피드백을 받았으면 해서 올려봅니다. https://next-spring-blog.duckdns.org/ *코드 원본은 페이지 푸터의 깃허브 아이콘 클릭하시면 레포를 볼 수 있습니다. 회원가입 하시고 프로필 마크를 클
답변
3
먹는토털끼
·
9개월
591
0
답변 3
next Request Memoization과 react cache
next.js에서 제공하는 Request Memoization 기능은 같은 엔드포인트 경로로 여러 개의 요청이 들어왔을 때 하나의 요청으로 캐싱해주는걸로 알고있습니다. 이와 관련해서 3가지 궁금증이 있습니다. Request Memoization 기능은 같은 페이지 한정인가요. 아님 프로젝트 전역에 적용되는걸까요?? 예를 들어 /dashboard 와 /home 두 페이지 모두에서 getUserInfo 라는 fetch 함수를 호출한다면 이 경우도 Re
답변
3
먹는토털끼
·
9개월
347
0
답변 3
seo 최적화 기준은 데이터 fetching인가요 아님 데이터 렌더링인가요?
seo 관련해서 궁금한게 있습니다. seo 최적화라는게 크롤링 봇이 서버에서 렌더링된 html을 크롤링하고 인덱싱하는걸로 알고 있습니다. 만약 서버 fetch 를 했지만 data 자체는 렌더링하지 않은 경우는 크롤링 봇이 어떻게 인식을 하는지 궁금합니다. 예를 들어 서버 fetch를 했지만 아래와 같이 서스펜스 역할하는 로직으로 인해 클라이언트 환경에서 hydrate 된 이후에 데이터가 렌더링된다면 서버에서 fetch는 이루어졌지만 렌더링된건 아니기
답변
4
jinowe
·
9개월
519
0
답변 4
이미지 로딩 문제
이미지가 포함된 리스트를 페이지 진입 시 서버사이드에서 불러오고 이후 스크롤로 리스트를 불러오는 식인데, 데이터는 불러와도 이미지를 로딩하는데 약간의 딜레이가 있네요. 해결방법을 찾아봐도 UI를 개선하는 방법뿐이던데 근본적으로 해결하는 방법 없을까요?
답변
1
자바빵
·
10개월
436
0
답변 1
[Next.js]Swiper.js에서 동적으로 이미지를 불러오면 생기는 문제.
https://swiperjs.com/ Swiper js를 사용중입니다. 코드의 상황은 이렇습니다. 이미지 목록을 받아온다. swiper에 이미지를 넣어서 슬라이드로 만든다. 아주 심플한 내용입니다. 여기서 문제가 있습니다. (추정입니다) 이미지를 불러오기 전에는 이미지의 사이즈를 모르기 때문에 swiper의 swiperSlide의 크기가 0으로 나오는 것 같습니다. 결국 이미지 목록은 잘 불러오나 swiper에는 아무것도 나타나지 않는 것처
답변
1
정중식
·
10개월
390
0
답변 1
nextjs로 만들어진사이트 번역기눌렀을때 에러
안녕하세요, 회사에서 생소한 기술 프레임워크를 사용해서 쇼핑몰개발을하고있습니다. cursor와 지피티 ,클로드로는 한계가있고, 지금 사용하는 프레임워크가 medusajs라는건데, 이게 v2.0기반으로부터 좀 많이 바뀌었어요 대격변급입니다..그래서 ai가 계속 v2.0이전 코드와 v2.0이후코드를 짬뽕으로 알려주고 답답하게 알려줘서 아무래도 직접 문서를보면서 구현을해야할것같은데요.저번에는이거 한글번역기 잘만됐어서 한번 겉핥기로 훑어봤었는데.. 최근에 들
해결
1
개발로란트할래요
·
10개월
371
1
해결 1
리액트 복합 컴포넌트 설계: cloneElement vs 합성 컴포넌트, 어떤 게 더 이상적인가요
안녕하세요, 리액트로 디자인 시스템을 구축하며 컴포넌트 설계에 대해 고민이 있어 질문드립니다. 아토믹 디자인 방법론에 따라 CustomSelect 같은 가장 작은 기본 단위 컴포넌트를 만들었습니다.이제 이 컴포넌트들을 조합해서 아래와 같은 Filter 컴포넌트를 만들려고 합니다. (실제 기능 구현까지는 배재) import clsx from 'clsx' function CustomSelect({size, children}) {
해결
5
개발로란트할래요
·
10개월
295
0
해결 5
Nextjs 페이지 라우팅 폴더 네이밍
안녕하세요. 퍼블리셔로 처음 Next.js 실무 프로젝트를 맡게 되어, 페이지 라우팅 구조를 설계 중입니다. 현재 개발자와 협의가 어려운 상황이라 구조만 먼저 설계해두고 있는데, 페이지 라우팅 네이밍 방식을 어떻게 잡는 것이 좋을지 고민되어 질문드립니다.현재 Next.js 13의 App Router 기반 구조 사용 중입니다. 페이지를 어떤 기준으로 네이밍해야 실무에서 유지보수 및 협업이 효율적일지 헷갈립니다. 제 나름대로 생각해봤을 때, 장점은 이렇게
답변
6
Lee SanGu (엘피타)
·
11개월
514
0
답변 6
API 개발 : 스프링 부트 or Next.js
개발 속도 측면에서 뭐가 나을까요?
답변
2
(kmj0973)
·
11개월
719
2
답변 2
개인 프로젝트 피드백 부탁드립니다!!
안녕하세요! 경험 삼아 공모전에 제출한 개인 프로젝트입니다! 서울시 공공 데이터를 활용한 프로젝트로 근처 헬스장 및 공공체육시설을 찾을 수 있고, chat gpt api를 연동하여 식단을 만들고, ai챗봇을 통해 운동에 대한 피드백을 받을 수 있습니다. 여러모로 부족한 부분이 많이 있지만 4주라는 기간 동안 열심히 만들어 봤습니다! 기술 스택: 프론트엔드: Next.js, TypeScript, Tailwind CSS 데이터베이스: Firebase
답변
4
New JK
·
12개월
487
0
답변 4
요즘 웹 트렌드 언어 어떤걸 많이 사용하는지 궁금합니다.
안녕하세요 3년차 웹 개발자입니다. 지금 현재 제가 다니고 있는 회사가 10년전 코드를 사용하기에 오너분이 요즘 제일 많이 사용하는 웹 트렌드 언어를 좀 알아보라고 하셨는데요. 여기서 사용하는 언어는 jsp(html4, css, js 구버전), java(springframework 3.0) 버전을 사용하고 있습니다. 그래서 좀 많은 개선이 필요한데 요즘 웹개발업계에서 가장 많이 사용하시고 트렌드인 언어가 어떤건지 많은 댓글 부탁드리겠습니다~!
답변
4
개발로란트할래요
·
12개월
370
0
답변 4
리액트 컴포넌트 설계시 패턴화에 대한 고민
안녕하세요. 저는 퍼플리셔이며 현재 사내 Next.js 어드민 프로젝트를 진행하고 있습니다. React로 토이프로젝트만 조금 진행해봤었는데, 갑자기 실무에 투입되었습니다.. 현재 검색 UI의 컴포넌트 구조에 대해 고민하고 있습니다. 자주 사용되는 패턴(필터, 버튼, 인풋)을 구조화한 후 1차적으로 아래와 같이 구성했습니다. <Search actions={ <> <Button onClick={handl
답변
2
카심
·
12개월
368
0
답변 2
도커 개발환경 구성중인데, nextjs로 volume 연결해서 실무로 사용하나요?
안녕하세요.도커 개발환경 구성중인데, volume으로 host내부에서 container와 연결해서 코드 적용하는 걸 실험중입니다.그런데, nextjs로 volume 연결해서 개발하면서 실무로 사용하나요? 쓸데없이 어렵고 복잡한 작업을 하는게 아닌가 싶어서 질문드립니다.
이전
1
2
3
4
5
더 많은 페이지
23
다음
Search Bar
