inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

로그인이 안 됩니다.

미해결

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

▲ Next.js 14.2.8 - Local: http://localhost:3000 - Environments: .env ✓ Starting... ✓ Ready in 4.2s ○ Compiling / ... ✓ Compiled / in 3.5s (1022 modules) GET / 200 in 4384ms GET / 200 in 81ms ✓ Compiled /api/auth/[...nextauth] in 364ms (493 modules) GET /api/auth/session 200 in 2386ms ○ Compiling /login ... ✓ Compiled /login in 1020ms (1035 modules) GET /api/auth/session 200 in 1561ms GET /login?_rsc=1pqm1 200 in 126ms ○ Compiling /(.)i/flow/login ... ✓ Compiled /(.)i/flow/login in 731ms (1050 modules) GET /api/auth/providers 200 in 44ms GET /api/auth/csrf 200 in 19ms [auth][error] CallbackRouteError: Read more at https://errors.authjs.dev#callbackrouteerror [auth][cause]: TypeError: Failed to parse URL from undefined/api/login at node:internal/deps/undici/undici:13178:13 [auth][details]: { "code": "ERR_INVALID_URL", "input": "undefined/api/login", "provider": "credentials" } POST /api/auth/callback/credentials? 200 in 40ms GET /api/auth/session 200 in 26ms 윈도우 인데 memurai설치가 도저히 안 되어서 그냥 redis 설치했습니다. 백엔드 코드 실행시키면 redis connected라고도 뜨고, service에도 실행중도 뜨고, hello world도 잘 뜹니다. REDIS_URL=redis://127.0.0.1:6379 //백엔드 env NEXT_PUBLIC_BASE_URL=http://localhost:3000 //z-com 에 있는 .env 이거로도 고쳐봤습니다. localhost:3000/login 여기로 넘어는 가는데 로그인이 안 됩니다. 깃허브에서 코드 잘 가져왔고, 회원가입도 잘 되는데 로그인만 안 됩니다. 뭐가 문제일까요 ㅠㅠ

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

브루트 포스 BOJ 1182번에 관한 질문이 있습니다!

해결됨

세계 대회 진출자가 알려주는 코딩테스트 A to Z (with Python)

풀이 1번 (기본)에서 대부분의 코드를 이해했습니다. 그런데 # 인덱스가 lev인 원소 선택 X search(lev + 1) 에서 잘 이해가 되지 않습니다. 혹시 lev이 0일 경우인가요?

  • python
  • 코딩-테스트
  • 알고리즘
내꿈은프로틴부자 댓글 1 좋아요 0 조회수 110

late final 속성

해결됨

Flutter 앱 개발 실전

part 'theme_color.dart'; part 'theme_deco.dart'; part 'theme_typo.dart'; abstract class ThemeCore{ late final Brightness theme; late final ThemeColor color; late final ThemeDeco deco; late final ThemeTypo typo; } 코드를 복사해서 클래스 이름만 바꿔서 붙여 넣었습니다 import 'package:custom_house/theme/foundation/theme_core.dart'; import 'package:custom_house/theme/res/base_typo.dart'; import 'package:custom_house/theme/res/palette.dart'; import 'package:flutter/material.dart'; class LightTheme implements ThemeCore { @override Brightness brightness = Brightness.light; @override ThemeColor color = ThemeColor( surface: Palette.grey100, background: Palette.black.withOpacity(0.55), text: Palette.black, subtext: Palette.grey700, toastContainer: Palette.black.withOpacity(0.85), onToastContainer: Palette.grey100, hint: Palette.grey300, hintContainer: Palette.grey150, onHintContainer: Palette.grey500, inactive: Palette.grey400, inactiveContainer: Palette.grey250, onInactiveContainer: Palette.white, primary: Palette.green, onPrimary: Palette.white, secondary: Palette.red, onSecondary: Palette.white, tertiary: Palette.yellow, onTertiary: Palette.white, ); @override late ThemeTypo typo = ThemeTypo( typo: const NotoSans(), fontColor: color.text, ); @override ThemeDeco deco = ThemeDeco( shadow: [ BoxShadow( color: Palette.black.withOpacity(0.1), blurRadius: 35, ), ], ); } 이렇구요 기존 아래와 같은 코드에서 @override Brightness brightness = Brightness.light; 다음과 같이 바꿔봤는데 @override late final Brightness brightness = Brightness.light; 에러가 나는데 이해가 되지 않습니다. 어차피 나중에 초기화를 해도 되니까 late를 붙인거고 , 밝다라는 속성은 바꾸지 않을 거니까 final 키워드까지 썼는데 에러가 나는 이유를 모르겠습니다. implements로 구현하니까 이런 현상이 생기네요..

  • flutter
유하 댓글 1 좋아요 1 조회수 108

PairsTrading_EDA 실습 과정중 오류가 발생합니다.

해결됨

파이썬 알고리즘 트레이딩 파트1: 알고리즘 트레이딩을 위한 파이썬 데이터 분석

실습중에 오류가 발생하여 질문드립니다. 아래 이미지 캡쳐하였습니다.

  • python
  • 머신러닝
  • pandas
  • 객체지향
  • 퀀트
  • 병렬-처리
배승혁 댓글 2 좋아요 1 조회수 257

포인터의 개념과 활용

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

15:25 예시 세번째 질문입니다. 문자열의 길이 계산에서 length는 0으로 선언되었는데 str[length]는 위에있는 Hello, World! 문자의 길이에 맞춰서 length 값을 1씩 증가하되 시작점이 0이라는 걸까요? 널값을 어떻게 만난다는건지 잘 이해가 안가서요. 문자열 길이계산부분만 다시 설명 부탁드립니다.

  • python
  • java
  • c
  • 정보처리기사
ghkd1118 댓글 1 좋아요 0 조회수 202

배열과 문자열

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

10:11초 정도질문입니다. []대괄호안에 숫자가 들어가면, 문자배열의 공간수로 이해하였는데, 공란은 무슨의미인가요? 공란이있거나 숫자가 았거나 똑같이 풀이가되어 헷갈립니다. 그리고 %s 변수는 널값 ‘\0’ 이 나올때까지 문자 배열대로 쭉 출력하여야 하는데, 이게 항상 생략되는건가요? 생략되는 경우가 따로있나요?

  • python
  • java
  • c
  • 정보처리기사
ghkd1118 댓글 1 좋아요 0 조회수 179

versel 을 통한 배포를 하는 것과 (홈서버 + 클라우드 플래어 프록시)를 하는 것을 비교해주실 수 있나요?

해결됨

기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)

안녕하세요. 우선 소개부터 드리자면 저는 FE 개발자나 그쪽을 지망하는 것은 아니고 백엔드를 업으로 하고 있고 집에서 홈서버에 제 개인 서비스를 배포할 목적으로 해당 강의를 수강하게 되었습니다. 사실 제가 프론트의 세계는 잘 몰라서 질문 드립니다. 혹시 페이지 로드 속도 & 검색 엔진 노출도가 배포 플랫폼에 영향을 받을까요? 다른 말로는, versel 을 통해 프론트를 배포하는 것이 배포가 쉬운 것 이외에 서비스의 퀄리티에도 도움을 주는 장점이 있을까요 ?

  • react
  • 인터랙티브-웹
  • 클론코딩
  • next.js
  • versel
  • 배포
  • k8s
dankim 댓글 1 좋아요 1 조회수 228

섹션2 firestore에 회원정보저장에서

미해결

Flutter로 SNS 앱 만들기

섹션2 firestore에 회원정보저장에서 9:14 UploadTask uploadTask = ref.putData(profileImage); downloadURL = await snapshot.ref.getDownloadURL(); 저장이 완료전에 실행하는것을 에러방지위해 await를 쓰신다고 하셨는데. 타입까지 바뀌나요.? UploadTask uploadTask = await ref.putData(profileImage);

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

다른 모든창 한글창을 종료하고 시작을하고 싶습니다.

해결됨

직장인에게 꼭 필요한 파이썬-아래아한글 자동화 레시피

안녕하세요 일코님 일코님 덕분에 정말 많이 진척이 있었습니다. 이번에 제목과 같이 매크로를 시작하고 pyhwpx에서 new=True 값을 주더라도 많은 양을 작업하다보니 가끔은 new의 작동이 되지 않고 켜져있는 한글탭에 포커싱이 되는 경우가 생겨 오류가 발생하는 경우가 종종 있었습니다. 물론 매크로 작동중에는 한글을 클릭하거나 커서를 이용하는 일을 하지 않았는데도 발생하는 일이여서 혹여 매크로를 시작할 때 다른 한글 창을 모두 종료 시키고 시작을 하고 싶은데 생각만큼 잘 진행이 되지 않아 질문을 남기게 되었습니다.

  • python
  • 한컴오피스
YongJun(Passion) 댓글 1 좋아요 1 조회수 207

유효성 검사 누락된 부분...

해결됨

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

회원가입과 로그인 기능에서 이메일 형식과 비밀번호 최소 길이 등에 대한 유효성 검사를 추가해 주실 수 있는지 궁금합니다. 현재 학습 중인데, 이 부분에 대한 자료를 추가로 올려주시면 감사드리겠습니다.

  • firebase
  • next.js
  • tailwind-css
  • react-query
  • supabase
bibipapa 댓글 1 좋아요 0 조회수 207

selenium 버전이 4.x 대가 되면서 메서드가 달라졌고, 크롬드라이버 다운도 방식이 달라졌습니다(24.09.07 기준)

미해결

12시간 안에 끝내는 파이썬을 활용한 크롤링

현재 지원되는 selenium 4.x 버전에서는, driver.find_element_by_id() 메서드가 더 이상 지원되지 않습니다. 라이브러리에 from selenium.webdriver.common.b y import By 을 추가하시고 search = driver.find_element (By.I D, 'query') menu = driver.find_element(By.CSS_SELECTOR,'div.dp2 > ul >li:nth-child(1) > a') 이렇게 하셔야 현재 24.09 기준으로 selenium 설치하신 분들은 코드가 무리 없이 돌아가실 거에요. 크롬 드라이버 역시 버전 115 이후부터는 통합으로 운영되어 https://googlechromelabs.github.io/chrome-for-testing/ 여기 페이지로 들어가셔서 아래쪽 stable(안정화) 버전에서 본인에게 맞는 운영체계의 크롬드라이버의 url을 주소창에 넣으시면 크롬드라이버를 다운 받으실 수 있습니다. 크롬과 셀레니움의 경우 계속해서 버전이 자동적으로 업되는 경우가 많아, 바로 전에 되던 코드가 실행이 되지 않는 경우도 있으니 버전들을 잘 확인하셔야 해요.

  • python
  • 웹-크롤링
surpriseye 댓글 1 좋아요 1 조회수 303

FF + supabase 사용 시 소셜로그인

미해결

[플러터플로우] 실전! 앱 출시를 위한 끝장 노하우!

안녕하세요 선생님! 앞에 다른 질문이 있었는데, 내용이 달라서 따로 질문 드립니다 앞의 강의는 FF + firebase 에서 구글로그인 뒤의 강의는 FF + firebase 에서 kakao 로그인이 있는데 FF + supabase 사용 시 다른 소셜로그인은 어떤식으로 하시는지 궁금합니다. 감사합니다.

  • flutter
  • no-code
  • supabase
  • flutterflow
진오 댓글 1 좋아요 0 조회수 172

플러터플로우 / supabase 사용 시 push 는 어떻게 하시는지 궁금합니다

미해결

[플러터플로우] 실전! 앱 출시를 위한 끝장 노하우!

안녕하세요 선생님! 강의 잘 보고 있습니다. 궁금한게 있는데 혹시 FF + supabase 사용 시 push notification 은 어떻게 사용하고 계신지 궁금합니다! 감사합니다!

  • flutter
  • no-code
  • supabase
  • flutterflow
진오 댓글 1 좋아요 0 조회수 260

firebase 로그인 및 회원가입 async-await 필요여부

해결됨

Flutter 앱 개발 기초

한가지 궁금한 것이 있어 질문 남깁니다. 다른게 아니라 로그인이나 회원가입을 만들 때 onPressed를 async-await으로 만든다고 알고 있는데 강의에서는 async-await 없이 로그인과 회원가입을 만들더라고요. 그 이유가 궁금합니다.

  • flutter
robobo153 댓글 1 좋아요 1 조회수 125

어떤 경우에 get_attribute 이걸 사용하나요?

미해결

[신규 개정판] 이것이 진짜 크롤링이다 - 실전편 (인공지능 수익화)

동적 페이지 크롤링 하고 있는데.. 어떤 경우에는 select_one를 사용하 또 다른 경우에는 get_attribute이걸 쓰더라고요.. 어떤 때에 각각 쓰는건지 아직 이해를 못했어요. 뭔가 알것같기도 하고.. 또 사용도 할 수는 있을 것 같은 좀 더 정확하게 이해하고 싶어요. 예를 들면 (맞는 코드는 아니지만) # 제목 가져오기 from bs4 import BeautifulSoup html = driver.page_source soup = BeautifulSoup(html, 'html.parser') items = soup.select('#main-area > div:nth-child(4)') for item in items: title = item.select_one('.article').text.strip() link = item.select_one('.article').attrs['href'] print(title,link) 이런 식으로 쓰기도 하니까 좀 헷깔립니다. 단순히 정적페이지/동적페이지에 따라 맞게 쓰는걸까요?

  • python
  • 웹-크롤링
루키22 댓글 2 좋아요 0 조회수 189

npm run dev 오류 내용을 모르겠습니다

해결됨

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

npm run dev 접속이 안되는데 무슨 오류인지 모르겠습니다 전체 코드 따라했는데 이렇게 뜹니다 layout? middleware? 이쪽 같아서 계속 건드려보다가 안되서 질문 남깁니다

  • firebase
  • next.js
  • tailwind-css
  • react-query
  • supabase
br 댓글 1 좋아요 0 조회수 320

리액트 앱을 깃(깃허브) 리포지토리로서 관리하는 법?

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

안녕하세요? 바탕화면에 codecamp-frontend 라는 폴더를 만들고, 그 아래에 class 라는 폴더를 만들어서 리액트 첫 보일러플레이트를 만들었습니다. section01 폴더도 만들고, 차근차근 하고 있습니다. 그런데, 깃허브로 바탕화면에 있는 codecamp-frontend 라는 폴더를 관리해주고 싶은데, 배운 대로 git init 을 하고 git add . 을 하니, 터미널에서, 이 폴더의 하위에 있는 class 라는 폴더가 서브모듈이 된다고 경고가 뜹니다. 그래서 검색을 해서 어찌어찌 되돌리고, 하위에 있는 class 폴더만 깃허브 리포지토리로서 관리하게 되었습니다. 그런데 class라는 이름의 리포지토리가 있는 것이 마음에 안 들고, 몇 가지 질문이 생겼습니다. 리액트 앱은 그 자체를 단독으로, 하나의 리포지토리로서 관리해주는 것이 맞나요? class 라는 이름의 리포지토리가 있는 것이 알아보기 어렵고 중복이 쉬워 이름을 바꾸고 싶습니다. 바꿔주어도 상관없을까요? 깃이 꼬이지 않을까요? 깃과 깃허브로 리액트 앱들을 하나의 폴더(리포지토리(저장소))로 모아서 관리하려면 어떻게 관리해 주어야 하는 건지 궁금합니다. 감사합니다.

  • react
  • next.js
H Y 댓글 2 좋아요 0 조회수 140

rightSectionWrapper,leftSectionWrapper 중앙정렬 질문입니다!

미해결

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

flex 컨테이너 안에 rightSectionWrapper,leftSectionWrapper 에 각각 flex-grow:1을 주어 컨테이너의 남은 여백을 똑같이 가져가고 leftWrapper에는 flex-end, rightWrapper에는 flex-start를 주어 중앙정렬 처럼 보이게 나타내는 것까지는 이해 하였습니다. 그런데 직접 코드를 작성하여 로컬에서 실행해보니 flex-grow가 적용이 되질 않습니다. . 개발자 도구를 확인해보면 분명 적용돼있는데 오른쪽 끝에 덩그러니 여백이 남아있습니다. 깃허브의 코드와 비교해보니 다른게 없어 ch2-1의 코드를 복붙해서 로컬에서 돌려봤더니 똑같이 flex-grow가 적용되지 않았습니다. 어떤 문제가 있어서 그런 것일까요 .. ? 코드는 문제가 없어 보이긴하는데 .. import { ReactNode } from "react"; import style from "@/app/(afterLogin)/layout.module.css"; import Link from "next/link"; import Image from "next/image"; import ZLogo from "../../../public/zlogo.png"; export default function AfterLoginLayout({ children, }: { children: ReactNode; }) { return ( <div className={style.container}> <header className={style.leftSectionWrapper}> <section className={style.leftSection}></section> </header> <div className={style.rightSectionWrapper}> <div className={style.rightSectionInner}> <main className={style.main}>{children}</main> <section className={style.rightSection}></section> </div> </div> </div> ); } .container { display: flex; align-items: stretch; background-color: #fff; } .leftSectionWrapper { display: flex; align-items: flex-end; flex-direction: column; flex-grow: 1; } .leftSection { background-color: orange; height: 100dvh; width: 275px; padding: 0 8px; } .rightSectionWrapper { display: flex; align-items: flex-start; height: 100dvh; flex-direction: column; flex-grow: 1; } .rightSectionInner { display: flex; flex-direction: row; background-color: aqua; width: 990px; height: 100%; } .rightSection { background-color: aquamarine; height: 100%; }

  • react
  • next.js
  • css
승준 댓글 2 좋아요 0 조회수 176

인기 태그

인프런 TOP Writers

주간 인기글