묻고 답해요
160만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
[staleTime 설정] 새로고침 시 로딩 중 대신 에러 메세지 출력
staleTime 을 5초로 설정하고 slow4G 로 설정한 다음 /todos/1 페이지 에서 새로고침을 했는데 로딩중입니다.. 가 아니라 오류가 발생했습니다. 가 잠깐 나오고 페이지가 정상적으로 랜더링 되어서 아래와 같이 error 조건문을 수정하고 data?.content 로 바꾸니까 강사님께서 알려주신대로 로딩중입니다.. 가 잠깐 나오고 페이지가 정상적으로 랜더링 됩니다. 혹시 이렇게 해도 상관이 없는건지 여쭤봅니다
-
해결됨한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
Zustand 사용 중 컴포넌트 리렌더링 관련 질문
관련 챕터: Zustand 기본 사용법 2질문 관련 부분: 4:34 ~ 6:20 질문 내용: 역할에 따라 컴포넌트를 분리하는 과정에서,count 값 변경 시 Controller 컴포넌트까지 리렌더링되는 이유에 대해 설명해주셨는데요. 제가 맞게 이해했는지 헷갈려서 질문 드립니다.count 값이 바뀔 때마다 Viewer, Controller 컴포넌트가 동시에 리렌더링된다. 버튼 태그를 포함하는 Controller 컴포넌트까지 리렌더링되는 이유는 1. Zustand는 store 안의 state가 바뀌면 store를 가져다 쓴 모든 컴포넌트가 다시 그 state값을 반영하도록 리렌더링된다. 2. Controller는 구조분해 할당으로 increase, decrease만 쓴다고 해도, 훅이 반환한 객체 안에 count도 포함돼 있으므로 count가 바뀌면 Controller도 리렌더링된다. 제가 맞게 이해한 걸까요?
-
미해결한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
tailwind css / sass 사용율? 에 대해서 궁금합니다
저는 항상 scss를 많이 사용해서 쭉 사용하고있었는데 tailwind 가 무섭게 치고 올라오는거 같더라구요 ㅎㅎ 둘다 공부를 하면서 사용해보고있는데 혹시 실무나 이런쪽에서는 어느걸 더 많이 활용하는지도 궁금합니다 ㅎㅎ
-
미해결한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
4.6 useMutation 관련 질문 !
useMutation에 대해 설명하실 때, createTodo라는 비동기 함수의 상태를 관리해야 하기 때문에 별도의 state를 만들어야 한다. 하지만, useMutation을 사용하면 이러한 상태까지도 관리해준다. 라고 설명해주셨는데여기서 말씀하신 "비동기 함수의 상태 관리" 라는 것이 isLoading이나 isPending 이런 것들을 의미하는 걸까요??
-
미해결한 입 크기로 잘라먹는 Next.js(v15)
수강생 디스코드 커뮤니티 관련 질문
개인적으로 오픈 채팅방이나 카페는 별로 선호하지 않아서 혹시 안내된 디스코드 같은 경우에는 링크가 없을까요?
-
해결됨React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드
관리자 자동 로그아웃 문의드립니다.
관리자 계정이 시간이 지나면 자동으로 로그아웃이 안되어서 매번 isLoggedIn false로 바꿔주고 있는데강의에서 24시간 설정했는데24시간 이후 자동로그인이 안되는 것 같아서 문의드립니다.감사합니다.
-
해결됨한 입 크기로 잘라먹는 Next.js(v15)
page 컴포넌트명을 동일하게 Page 로 짓는 이유가 있나요?
안녕하세요. layout 컴포넌트는 레이아웃 용도에 맞게 컴포넌트 함수명을 짓는데..page 컴포넌트는 일관되게 Page 로 컴포넌트 명을 사용하는 이유가 있나요?page 컴포넌트도 IndexPage, SearchPage, BookDetailPage 식으로 의미를 부여했으면 합니다.
-
해결됨한 입 크기로 잘라먹는 Next.js(v15)
별도의 CSS 파일을 styles 폴더에 작성하면 안되나요?
Next.js 에서 스타일 파일을 작성할 때 기존에 styles 폴더 안에 작성하지 않는 이유가 있나요? 처음 프로젝트 생성할 때 보면 styles 폴더에 module.css 파일이 존재하던데.. styles 폴더가 존재하는 이유는 globals.css 하나 땜인가요?
-
해결됨한 입 크기로 잘라먹는 Next.js(v15)
페이지 라우터 프로젝트 생성을 버전 15로 하여도 되나요?
안녕하세요!한 입 크기로 잘라 먹는 Next.js 책을 구매하고 나서 해당 강의를 듣기 시작한 강생입니다.책의 내용과 수강 내용을 병행하며 강의를 듣고 있습니다.책 내용에서는 Next.js 15로 페이지 라우터 프로젝트를 생성하고 있어서... 이젠 15로 페이지 라우터 생성해도 되겠지요아래는 책에서 지정한 명령어npx create-next-app@15.2.3 onebite-books-page-router 강의에서 추천한 프로젝트 생성 명령어npx create-next-app@14 section02
-
미해결AI와 함께 배우는 Next.js
8강 수업자료 url 없음
안녕하세요 !수업자료 url이 연결되어있지 않은 것 같습니다 ~추천 플러그인 궁금하네요 ..!! 👀👀
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
Ngrok 설치 후 forwarding Url로 연결 불가
그랩님 강의 잘 듣고 있습니다.다름이 아니라, 강의를 들으면서 Ngrok를 설치 후forwarding Url로 크롬브라우저에서 치고 들어가면,아래와 같은 에러가 떠서 어떻게 해결 해야 하는지 답변을 듣고 싶어 글을 작성하게 되었습니다.에러 화면은 아래와 같습니다. 추가적으로 위 사진하나로 해결 방법이 파악이 불가능하다면,추가로 다른 어떤 것을 첨부해야 에러를 해결 할 수 있는 점이라면, 저에게 어떤 스샷이 필요한지 말씀해주시면, 다시 스샷 올려서 질문을 이어나가겠습니다.답변 꼭 주시면 감사하겠습니다.
-
미해결한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
supabase를 사용하는 기업들이 많이 있나요?
supabase를 사용하는 기업들이 많이 있나요?보통은 스프링부트 또는 노드, 네스트를 사용할거같은데 supabase를 사용하는 사례들이 많은지,중소및 스타트업위주로 사용하는지 궁금합니다.
-
미해결[TEST] MD파트 스탠드업 챌린지
린다는 무엇을 먹고 싶은가요?
린다린다
-
미해결한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
shadcn sidebar관련해서
안녕하세요...강의 잘 듣고 있습니다.강의 에서 사용하는 shadcn 으로 메뉴를 구성하고 있는데... 위에 top메뉴를 두고 top메뉴 밑에 sidebar를 두고 있는데....sidebar는 무조건 맨위에 존재해야 하느건지 도저히 top메뉴(shadcn의 navigation menu) 밑으로는 들어가지를 않네요..T.T 혹시 sidebar는 무조건 left top인가요?
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
Home 구현 중 getMonthlyData에서 질문이 있습니다.
구현해야할 Home 페이지는 title의 월과 년도가 같은 일기들을 보여주면 된다고 생각해서 beginTime과 endTime의 구현 없이, 단순히 월과 년도가 같으면 해당 아이템을 가져오는 방식으로 작성했습니다.이렇게 했을 때 비교적 코드가 간단해 보인다고 생각했고 Home 구현만 한 현재까지는 문제없이 작동되는데,혹시 다른 문제를 일으킬 여지가 있는걸까요? 답변 미리 감사드립니다. const getMonthlyData = (data, pivotDate) => { return data.filter( (item) => item.createDate.getMonth() === pivotDate.getMonth() && item.createDate.getFullYear() === pivotDate.getFullYear() ); };
-
해결됨한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
6.8 zustand 강의에서 devtools 미들웨어에 대한 질문입니다.
zustand 강의에서 devtools 미들웨어를 사용하여브라우저 도구 Redux 툴에서 Action 과 State 를 살펴보는데 강의 영상에서는 Action의 이름이 setSession 으로 나오는 데...제 Redux 툴에서는 액션 명이 anonymous로 표시됩니다. 어떻게 액션명이 표시되는 지 궁금합니다. set 함수에서 액션명 표시하려면 이름을 주어 표시했는데 . 뭔가 다른가요 ?//... set({session, isLoaded: true}, undefined, 'setSession'); //...
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
고농축 백엔드와 완벽한 프론트 강의 차이?
고농축 백엔드 코스의 첫 부분과 완벽한 프론트엔드 첫 부분이 겹치는 부분이 많은거 같은데, 둘 중 하나만 들어두될까요? 아니면 다른 부분이 있으니 들어야하나요?
-
미해결한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
21강. 강의와 다른부분에서 todo 타입 에러가 납니다.
import type { Todo } from "@/types"; import { create } from "zustand"; import { combine } from "zustand/middleware"; import { immer } from "zustand/middleware/immer"; const initialState: { todos: Todo[]; } = { todos: [], }; const useTodosStore = create( immer( combine(initialState, (set) => ({ actions: { createTodo: (content: string) => { set((state) => { state.todos.push({ id: new Date().getTime(), content }); }); }, deleteTodo: (targetId: number) => { set((state) => { state.todos = state.todos.filter((todo) => todo.id !== targetId); }); }, }, })), ), );export interface Todo { id: number; content: string; } 오히려 강의에서 7분에 'never'에러나던 state.todos.push({ id: new Date().getTime(), content}); 이 코드 작성 시에는 에러가 나지않고,state.todos.filter((todo) => todo.id !== targetId); 여기서 todo 부분에서 에러가 납니다.'todo' 매개 변수에는 암시적으로 'any' 형식이 포함됩니다.state.todos에 마우스오버해서 확인해보니 any 타입으로 뜹니다.제가 중간에 설정하는 부분이나 놓친부분이 있는걸까요 ㅠㅠ?
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
example 서버 플레이그라운드, API 접속 모두 안됩니다.
2025.10.27. 16:44분 기준 example 서버의 플레이그라운드 접속과 API 접근 모두 안됩니다. 확인 부탁드립니다.
-
미해결React Native with Expo: 제로초에게 제대로 배우기
.env 수정 후 eas update
제로초님 안녕하세요현재 게시돼있는 앱의 버전은 1.0.5버전이고, 간단한 css 수정 작업 후에 eas update로 production 채널에 업데이트를 했습니다. 이 때 .env 파일에 임시로 dev 버전 base url을 적용했었는데, 변경하는걸 까먹고 그대로 eas update를 해버려서 앱에서 업데이트를 받으니까 api가 dev 버전으로 변경돼서 다시 .env 파일을 기존 production용 base url로 변경 후 production 채널에 eas update로 배포했는데, 여전히 dev 버전 url로 나오고 있는 상황입니다. 어떻게 다시 잘못된 base url을 고칠 수 있는지 조언 주시면 감사하겠습니다..