172만명의 커뮤니티!! 함께 토론해봐요.
미해결
Next + React Query로 SNS 서비스 만들기
더보기 버튼 클릭 시 페이지 이동 (page=1 -> page=2) + 무한스크롤 구현 기능 구현이 필요해서 아래와 같이 구현해보았는데 어쩔땐 되고 어쩔땐 안되더라구요... 만약 데이터를 10개씩 불러올 경우 10개 -> 20개 -> 30개 -> 40개 이러다 갑자기 다시 10개가 됩니다... 원래 useInfiniteQuery 무한스크롤 구현 시 페이지이동하면서 기존 데이터를 보존하는 방법이 불가능한건지 아님 제가 코드를 잘못짠건지 궁금합니다... const useInfiniteQuery = (params: Params) => { const searchParams = useSearchParams() const page = searchParams.get('page') return useInfiniteQuery({ queryKey: [CONTENTS_KEY, params], queryFn: ({ pageParam }) => { return getContentsApiClient({ ...params, ...outLinkParams(), page: Number(pageParam) }) }, getNextPageParam: (lastPage, _, lastPageParam) => { // 마지막 page라면 hasNextPage가 false const lastPageNumber = Math.ceil(lastPage.totalCount / (params.size || 10)) if (lastPageNumber === lastPageParam) { return undefined } return Number(lastPageParam) + 1 }, initialPageParam: Number(page) || 1, placeholderData: keepPreviousData, }) } //더보기 버튼 // 클릭 시 페이지 이동 function AddMore({ fetchNextPage, totalPages }: { fetchNextPage: () => void; totalPages: number }) { const searchParams = useSearchParams() const pathname = usePathname() const params = new URLSearchParams(searchParams.toString()) const pageNo = Number(searchParams.get('page') || 1) params.set('page', (pageNo + 1).toString()) if (totalPages === pageNo) return null return ( <div className={cn('wrap')}> <Link className={cn('link')} href={`${pathname}?${params.toString()}`} onClick={fetchNextPage} scroll={false} > <span className={cn('label')}>더보기</span> </Link> </div> ) } 강의 잘 듣고있습니다. 감사합니다! 참고로 백엔드는 문제가 없습니다.
react next.js react-query next-auth msw
변재정
2025-08-25T07:44:41.822Z
댓글 3
좋아요 0
조회수 213
해결됨
한 입 크기로 잘라먹는 Next.js
🚨 필독) 질문하시기 전에 꼭 읽어주세요 (10초 소요) 제목을 구체적으로 작성해 주세요 ✅ 좋은 예 : 감정일기장 Home 구현중 xx 이슈가 발생합니다. ⛔ ️ 나쁜 예 : 이거 왜 안되나요?, 오류나요 도와주세요 등 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 코드의 이슈는 전체 프로젝트를 "링크 형태"로 올려주셔야 원인을 파악할 수 있습니다. 깃허브, 구글드라이브 등의 수단을 통해 링크 형태로 전달해주세요 직접 실행해보며 원인을 파악해야 하기 때문에 텍스트 형태로 붙여넣는건 삼가해주세요 🥲 답변이 도움이 되셨다면 답글 or 해결완료 버튼을 클릭해주세요 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 제 답변이 여러분께 도움이 되었는지 저도 알고 싶어요 🥲 강의 내용에 궁금한 점이 있다면 몇 챕터의 몇 분 몇 초인지 알려주시면 더 좋아요 더 빠른 답변이 가능합니다!
강지웅
2025-08-25T07:42:52.110Z
댓글 1
좋아요 0
조회수 127
미해결
[신규 개정판] 이것이 진짜 크롤링이다 - 실전편 (인공지능 수익화)
완강했는데 수료증은 어떻게 받나요?
김영호
2025-08-25T05:47:59.065Z
댓글 2
좋아요 0
조회수 142
미해결
UDS 진단통신을 통한 SW 업데이트(SW ReProgramming)
펌웨어 훼손 & 전자서명 훼손에 관해서 추가 강의 제작해줄수 있는지 여쭤봅니다 펌웨어 훼손 & 전자서명 훼손에 관해서 uds 스퀀스가 어떤식으로 동작을 하는지 궁금 합니다
박건우
2025-08-24T07:54:24.246Z
댓글 2
좋아요 0
조회수 141
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요. 강의 잘 보고 있습니다. 웹 페이지 중 List영역의 검색창에 단어를 입럭할 때 마다 getAnalyzed() 함수가 호출되는 이유가 궁금합니다. 저의 부족한 실력으로나마 추측을 했을 때, 검색창에 해당하는<input>태그에 입력이 발생할 때 마다 search라는 내부 state의 값이 바뀌게 되어 랜더링이 다시 진행되고, 이에따라 getAnalyzed()가 실행되는 것 같습니다. 답변 기다리겠습니다. 감사합니다!
박영현
2025-08-24T07:42:46.667Z
댓글 2
좋아요 -1
조회수 103
미해결
제로베이스부터 배우는 웹개발의 개념과 바이브 코딩
https://developers.tosspayments.com/ 언어별 코드 예제를 복사 붙여넣기만 하면 연동 끝 이라고 방식이 변경된것 같습니다. 확인 부탁드립니다.
react 웹앱 next.js cursor 인공지능(ai)
2025-08-24T06:57:39.946Z
댓글 1
좋아요 0
조회수 120
해결됨
파이썬으로 뭘 만들지? 남박사의 파이썬 알쓸파잡
해당 강의를 해볼려고 해도 카카오 개발자 사이트에서 'Web 플랫폼 등록'탭이 없는데 다른 방법이 없나요?
이종익
2025-08-24T05:54:53.404Z
댓글 2
좋아요 0
조회수 117
미해결
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
참 신기하게도 tailwindcss 공식문서에 나온대로 그대로~~~ 했는데 아이러니 하게도 <h2 className="text-8xl font-bold underline">hello world</h2> 해당 코드에서 font-bold랑 underlilne은 잘만 적용되는데 text-8xl만 적용이 안되네요 왜 이러는건지 전 이해가 안되네요 따로 styled-component에서 globalStyle을 적용해서 작업중이라서 예상은 되는데 어떻게 수정해도 답이 안보이네요
react react-router redux-toolkit zustand react.js
5647kr
2025-08-24T01:22:11.973Z
댓글 2
좋아요 0
조회수 86
미해결
Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)
remark-gfm 설치 이후 모든 css 가 망가지고 글자와 이미지만 렌더링 되는데 뭐가 문제일까요? global css 에서 import 한것도 아니고 영상과 같이 Plugin 으로 했어요. next-mdx-remote 깃헙 보니까 업데이트도 1년 지났고 버그 로그 많던데 그거 때문이려나요? https://github.com/hashicorp/next-mdx-remote next 공식문서에서도 next-mdx-remote 는 더이상 없고 next-mdx-remote-client 만 있던데 그거 쓰면 되는걸까요?
react 블로그 next.js cursor cursorai
주병규
2025-08-23T14:14:10.415Z
댓글 2
좋아요 0
조회수 143
미해결
Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)
전부 다 따라하면서 배우고 있습니다! 다만, 마크업 파트 에서 이렇게 글자 색으로 인해 가독성이 떨어지는데 마크업 파트 속성을 바꿀 방법은 없을까요?
react 블로그 next.js cursor cursorai
주병규
2025-08-23T13:47:32.490Z
댓글 2
좋아요 0
조회수 87
미해결
Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)
안녕하세요, 선생님. 아직 디스코드에 Next.js 블로그 결과물 공유하면 실용적인 블로그 소스코드 받을 수 있는 이벤트 진행하고 있나요?
react 블로그 next.js cursor cursorai
산독기
2025-08-23T13:05:24.548Z
댓글 1
좋아요 0
조회수 92
해결됨
한 입 크기로 잘라먹는 Next.js
현재 강의 수업노트에 첨부된 ISR 공식 문서 링크에 접속하면 SSR 관련 문서로 표시되고 있습니다. 문서 링크가 아래로 변경된 것으로 보입니다. https://nextjs.org/docs/pages/guides/incremental-static-regeneration
Next
2025-08-23T05:10:34.412Z
댓글 2
좋아요 0
조회수 85
미해결
React Native with Expo: 제로초에게 제대로 배우기
최신 버전 쓰고 있어요 expo push token이 만료시간이 따로 있나요? 지금은 프로젝트에서 하루에 한번씩 앱 시작할때마다 토큰 갱신하고 있는데 이렇게 할 필요가 있는지 궁금해요
react react-native 하이브리드-앱 typescript expo
웰시코기
2025-08-23T02:58:57.153Z
댓글 2
좋아요 0
조회수 141
미해결
STM32 CAN 통신
2. HW구성에서 디버깅(UART)포트를 통하여 PC Windows프로그램에서 확인한다고 하셨는데.. UART==printf인가요??
dldbswn394
2025-08-23T00:14:55.560Z
댓글 2
좋아요 0
조회수 98
미해결
프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
A - str[6:]도 정답이지 않나요?
이용채(Yongchae Lee)
2025-08-22T16:53:14.383Z
댓글 2
좋아요 0
조회수 86
미해결
React Native with Expo: 제로초에게 제대로 배우기
현재 expo 제일 최신버전인 53.0.20 버전으로 강의를 듣고있습니다. 강사님처럼 const router= useRouter() 말고 import {router} from 'expo-router' 에서 router.push 이런거도 동일하게 동작하나요?
react react-native 하이브리드-앱 typescript expo
abc2232002
2025-08-22T14:01:19.966Z
댓글 2
좋아요 1
조회수 78
해결됨
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
안녕하세요 강의 잘듣고있습니다 선생님 다름이 아니라 제 화변 볼때보다 선생님 화면볼때가 뭔가 눈이 편안하고 폰트도 눈에 잘들어오는 느낌인데 어떤 테마와 폰트인지 여쭤봐도될까요...
react react-router redux-toolkit zustand react.js
Yoonhoo
2025-08-22T13:28:37.596Z
댓글 2
좋아요 0
조회수 73
미해결
제로베이스부터 배우는 웹개발의 개념과 바이브 코딩
강사님처럼 메인 탭으로 열리지 않고, 좌측 하단에 작게 열리고 작게 열린 부분에서 마우스 우측 클릭해도 이전 버전으로 돌아가는 메뉴가 안 뜹니다.
react 웹앱 next.js cursor 인공지능(ai)
hackingbiz
2025-08-22T12:17:18.470Z
댓글 2
좋아요 0
조회수 351
해결됨
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
Request failed with status code 404 AxiosError: Request failed with status code 404 at settle ( http://localhost:3000/main.6a808547f5f7e45e28ea.hot-update.js:1702:12 ) at XMLHttpRequest.onloadend ( http://localhost:3000/main.6a808547f5f7e45e28ea.hot-update.js:338:66 ) at Axios.request ( http://localhost:3000/main.6a808547f5f7e45e28ea.hot-update.js:832:41 ) 저의 경우는, client에서 npm install http-proxy-middleware@2 로 다운로그레이드를 한 뒤 해결되었습니다. @3 버전이 깔렸는데 cra와 이게 호환성 이슈가 있는 것 같습니다.
pspice
2025-08-22T08:08:02.507Z
댓글 1
좋아요 0
조회수 137
미해결
Spring Boot + React.js 로그인 (+소셜) 서비스 이해하기
1000L * 60 * 30 해야 30분아닌가요 1초 * 60 -> 1분 1분 * 30 -> 30분
react node.js rest-api spring-boot login
ppj2130
2025-08-22T07:44:55.337Z
댓글 1
좋아요 0
조회수 98
