inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

Counter 컴포넌트가 2번씩 호출되는 이유

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

안녕하세요, Counter 컴포넌트 호출 회수를 디버깅 하기 위해 console.log("counter 호출!"); 구문을 아래와 같이 추가해주었는데, 강사님과는 다르게 저는 처음 렌더링 될 때와 count의 상태 값이 변화할 때 마다 counter 호출이 두 번씩 일어납니다. 이유가 무엇일까요..? 아무리 생각해봐도 이유를 모르겠습니다. 위 브라우저 콘솔 사진은 최초 렌더링 되고나서 개발자도구를 켰을 때 모습입니다. 처음부터 두 번이 호출되어 있고, 그 이후에도 count의 상태를 변화시킬 때 마다 두 번씩 로그에 찍힙니다.

  • javascript
  • react
  • node.js
쩡이 댓글 2 좋아요 1 조회수 492

next-auth Login 시 middleware 이슈 질문 드립니다.

해결됨

Next + React Query로 SNS 서비스 만들기

안녕하세요. next-auth 로그인시 해결되지 않는 부분이 있어서 질문드립니다. 로그인을 계속 실패하고 있습니다. next-auth의 버젼 (4였다가 삭제하고 3으로도 시도 해봤습니다.) "dependencies": { "next-auth": "^5.0.0-beta.3", }, 로그인을 시도했을때 뜨는 화면: The Middleware "/src/middleware" must export a middleware or a default function This error happened while generating the page. Any console logs will be displayed in the terminal window. 로그인을 시도했을때 콘솔 화면: 로그인을 시도했을때 네트워크 화면 : middleware.ts code 입니다. import { auth as middleware } from "./auth"; // See "Matching Paths" below to learn more export const config = { matcher: ["/compose/tweet", "/home", "/explore", "/messages", "/search"], }; auth.ts code 입니다. import NextAuth from "next-auth"; import CredentialsProvider from "next-auth/providers/credentials"; console.log("-", process.env.AUTH_URL); export const { handlers: { GET, POST }, auth, signIn, } = NextAuth({ pages: { signIn: "/i/flow/login", newUser: "/i/flow/signup", }, providers: [ CredentialsProvider({ async authorize(credentials) { const authResponse = await fetch(`${process.env.AUTH_URL}/api/login`, { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ id: credentials.username, password: credentials.password, }), }); if (!authResponse.ok) { return null; } const user = await authResponse.json(); return user; }, }), ], }); handers.ts의 로그인쪽 코드입니다. import { http, HttpResponse, StrictResponse } from "msw"; import { faker } from "@faker-js/faker"; export const handlers = [ http.post("/api/login", () => { console.log("로그인"); return HttpResponse.json({ id: "zerohch0", nickname: "제로초", image: "/5Udwvqim.jpg" },, { headers: { "Set-Cookie": "connect.sid=msw-cookie;HttpOnly;Path=/", }, }); }), ];

  • react
  • next.js
  • react-query
  • next-auth
  • msw
댓글 1 좋아요 0 조회수 1387

테스트할 때 primary color, 시간 이슈를 질의 드립니다.

해결됨

[2025 리뉴얼]플러터플로우로 코딩 없이 한달 안에 앱 만들기

테스트를 진행할 때 강사님께서 build 때 보다 test 가 빠르다 하셨는데 동일하게 2~4분 정도 걸리는데요, 무료 버젼이라 느린건가요 ? 테스트 할 때 primary color 를 초록색으로 변경했음에도 불구하고, 변경전인 파란색으로 나오는데요, 어떻게 수정하는지요 ? 답변 부탁드립니다. 감사합니다.

  • flutter
  • firebase
  • no-code
  • flutterflow
jin09080 댓글 3 좋아요 1 조회수 336

Navigator.of(context).pop(maxNumber.toInt()); 관련

미해결

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

Navigator.of(context).pop(maxNumber.toInt());을 사용하였을 때는 AndroidManifest.xml을 수정해야하는 오류가 발생하는데, Navigator.pop(context, maxNumber.toInt());을 사용하면 오류가 발생하지 않습니다. 어떤 차이가 존재하는겁니까?

  • flutter
  • 클론코딩
dyfldrpf9 댓글 1 좋아요 0 조회수 220

동적페이이지 이동, 8강 10분56초에서 허공에 클릭하시는데 페이지가 이동하는것 같은데요...

미해결

코드로 배우는 React 19 with 스프링부트 API서버

8강 10분56초에서 하늘색 허공에 클릭하시는데 페이지가 이동하는것 같은데요. 어떻게 하신것인지 궁금해서 질문드립니다. 글자를 클릭해야 하는것 아닌가요? 근데 영상에서 동작은 또 잘되네요...?... 제가 잘 몰라서 이해를 잘못한걸까여?... 아래는 제 코드입니다..

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
전경환 댓글 1 좋아요 0 조회수 274

CursorPaginationLoading 의 type cast 오류

미해결

[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!

type 'CursorPaginationLoading' is not a subtype of type 'CursorPagination<dynamic>' in type cast pagination-1 까지 잘 진행했는데 2~4까지 묶어서 실습하는 중 위와 같은 오류 때문에 계속 loading 바가 나옵니다. 다시 한번 소스코드를 강사님 강의를 보며 점검해 봤는데, 찾을 수가 없어 도움을 청합니다.

  • flutter
  • 하이브리드-앱
SY. Jeoung 댓글 2 좋아요 0 조회수 399

JsonSerializable에 toJson 에서 List<String>이 실제 Get으로 전달시 이상하게 전달됩니다

미해결

[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!

강사님 강의를 쭉 보고, 앱을 개발 해보고 있는데요. 모델에 List<String>이 있고, toJson으로 생성해서 GET 형태로 서버로 보냈는데, List<String>에 'aaaa', 'bbbb'라는 값이 있을때, name=aaaa&name=bbbb 라고, 중복된 변수명을 가지고 생성이 되어서 서버로 전송하더군요. 이렇게 생성되는게 정상적인 형태인가요? 아니면, 옵션 같은걸 넣어야하는건지, 몰라서 문의드립니다.

  • flutter
  • 하이브리드-앱
gomzion 댓글 1 좋아요 0 조회수 236

Food Rceipe실습에서 DrawerHeader에 관해서 질문 있습니다

해결됨

Flutter 앱 개발 기초

예제에 있는대로 쳤는데 오류가 나서 마우스를 올려보니 child위젯이 reqired라고 되어 있습니다. 그 다음 바로 뇌정지가 와서 어찌할줄 모르는 상태입니다 허허...

  • flutter
GOOSPEL 댓글 1 좋아요 1 조회수 319

[Restaurant Pagination 요청해보기] DioError [DioErrorType.response]: Http status error [401]가 나옵니다.

미해결

[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!

void checkToken() async { final refreshToken = await storage.read(key: REFRESH_TOKEN_KEY); final accessToken = await storage.read(key: ACCESS_TOKEN_KEY); final dio = Dio(); try { final resp = await dio.post( 'http://$ip/auth/token', options: Options(headers: {'authorization': 'Bearer $refreshToken'}), ); await storage.write( key: ACCESS_TOKEN_KEY, value: resp.data['accessToken']); Navigator.of(context).pushAndRemoveUntil( MaterialPageRoute(builder: (_) => RootTab()), (route) => false); } catch (e) { Navigator.of(context).pushAndRemoveUntil( MaterialPageRoute(builder: (_) => LoginScreen()), (route) => false); } } 토큰값을 갱신하도록 수정하는 부분에서 토큰값을 갱신했는데 관련로직에서 문제가 있는거같습니다. 검색결과 저랑 같은문제 겪는분이 계신거같은데 챗지피티 열심히돌려도 해결책을 결국 못찾아서 질문남깁니다 ㅠㅠ https://github.com/hottunes/hukuoka_eat.git flutter: DioError [DioErrorType.response]: Http status error [401] Source stack: #0 DioMixin.fetch (package:dio/src/dio_mixin.dart:488:35) #1 DioMixin.request (package:dio/src/dio_mixin.dart:483:12) #2 DioMixin.get (package:dio/src/dio_mixin.dart:61:12) #3 RestaurantScreen.paginateRestaurant (package:hukuoka_eat/restaurant/view/restaurant_screen.dart:14:28) <asynchronous suspension> #4 FutureBuilderState.subscribe.<anonymous closure> (package:flutter/src/widgets/async.dart:624:31) <asynchronous suspension> flutter: null

  • flutter
  • 하이브리드-앱
FlowerRoad T 댓글 5 좋아요 0 조회수 618

에뮬레이터요....

해결됨

Flutter 앱 개발 기초

실행시키고 디버그버튼 누르면 아래처럼 되는데 몇초뒤에 launching 표시는 사라지고 아래처럼 남은 상태로만 있어요.... 즉 에뮬레이터에 화면이 안 떠요 ㅠ 어디를 좀 봐야할까요?

  • flutter
sehee2.lee 댓글 1 좋아요 1 조회수 348

현재 23.01.07 기준으로 하시는 분 계시면 보세요.

미해결

파이썬으로 영화 예매 오픈 알리미 만들기

해당 강의에서 작성하는 코드를 그대로 실행하면 되지 않습니다. 현재 iframe 태그가 자바스크립트를 통해 실행되기 때문에 페이지가 로드된 후에도 자바스크립트가 실행될 시간이 필요합니다. 강의처럼 iframe의 주소만 따와서 실행시키는 것이 아닌 전체 주소를 가져와 iframe 태그로 전환시켜주고 자바스크립트 실행까지 기다려 주는 방식으로 진행하셔야 합니다. https://velog.io/@os_js/%ED%8C%8C%EC%9D%B4%EC%8D%AC-%EC%9B%B9-%ED%81%AC%EB%A1%A4%EB%A7%81%EC%9D%B4%EC%9A%A9-%ED%85%94%EB%A0%88%EA%B7%B8%EB%9E%A8-%EC%B1%97%EB%B4%87 저도 강의중 안됐던 내용이 있었기에 그에 대한 내용을 블로그에 올려두었습니다. 강의 진행대로 따라하다가 안되는 부분만 정리하여 올렸기 때문에 강의내용과 비교하시면서 보셔야 될 듯 합니다.

  • python
나도했음 댓글 1 좋아요 0 조회수 612

섹션3 - Tile 강의 질문

해결됨

Flutter 앱 개발 실전

SettingBottomSheet에서 ThemeServices는 context.read 해도 되고, LangService는 context.watch 로 해야하는 이유가 무엇인가요? toggleLang, toggleTheme 함수 안에서 똑같이 notifyListeners를 호출하는데 무슨 차이가 있는지 궁금합니다.

  • flutter
gsbeom 댓글 1 좋아요 2 조회수 284

UI - State - Provider - Repository의 관계

해결됨

Flutter로 SNS 앱 만들기

안녕하세요. 기존에 제가 코딩할 때는 provider 파일에서 모든 동작, 상태변화를 한번에 처리했는데, 이 강좌에서는 이를 세분화하여 state, provider, repository 파일로 나눈 것 같습니다. 제가 초보여서 잘 모르겠지만, 플러터 업계에서는 이러한 작업패턴이 존재하는 것인가요? 정확한 명칭이 있나요? 제가 각 파일의 역할을 이해하지 못해서 구글링을 해봐도 원하는 답변을 찾을 수가 없어서 문의드립니다. 혹시 UI - State - Provider - Repository 관계를 개념적으로 설명해주시면 많은 도움 될 것 같습니다.

  • flutter
  • android
  • firebase
  • dart
lys8691 댓글 1 좋아요 0 조회수 504

강의 소스코드는 어디서 찾을 수 있을까요?

미해결

프로젝트를 통해 배우는 파이썬 프로그램

안녕하세요. 강의 소스코드는 어디서 찾을 수 있을까요? 말씀하신 사이트에 로그인했는데, 그다음이 없네요. 확인 부탁드립니다.

  • python
  • Raspberry-Pi
  • iot
훈쭌엄마 댓글 2 좋아요 0 조회수 338

사진 파일

미해결

플러터와 장고로 1시간만에 퀴즈 앱/서버 만들기 [무작정 풀스택]

안녕하세요 퀴즈 이미지 파일 올려놓았다고 하셨는데 이미지 파일 어디에 있는건가요? 못찾겠어서..

  • django
  • flutter
민승기 댓글 2 좋아요 0 조회수 662

dart data class

해결됨

Flutter로 SNS 앱 만들기

dart data class 저는 없네요. 어떻게 진행하면 될까요

  • flutter
  • android
  • firebase
  • dart
vadain2000 댓글 1 좋아요 0 조회수 245

직접 null일 경우를 작성한 경우

해결됨

Flutter로 SNS 앱 만들기

이렇게 직접적으로 null인 경우의 로직을 작성해주니깐 작동이 되긴 한데, Moo님처럼 그냥 isEqualTo만 사용해서는 여전히 안 되네요. 해결은 했지만 원인이 궁금합니다..!

  • flutter
  • android
  • firebase
  • dart
코린이 댓글 1 좋아요 0 조회수 331

인기 태그

인프런 TOP Writers

주간 인기글