inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

tailwind 화면 크기에 따른 ui 변화 기준

해결됨

React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드

sm : 640 이상 md : 768 이상 lg : 1024 이상 2xl : 1536 이상 은 설정하신건가요? 기본 설정인가요?

  • HTML/CSS
  • javascript
  • react
  • node.js
  • mongodb
kindjin12 댓글 1 좋아요 0 조회수 92

컴포넌트 생성 or 스토리북 생성 후 잘 만들어졌는지 확인하는 중간과정이 필요해요.

미해결

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

좋은 강의 해주셔서 너무 감사드립니다. 바이브 코딩 과정 너무 신기하고 재밌는데, 다만 컴포넌트 생성, provider, 스토리북 등 잘 만들어지긴 하던데 중간에 잘 만들어진건지 확인하는 과정이 없다보니 문제 생겼을때 어디서부터 어디까지 잘못 되었는지 잘 모르겠더라구요. 중간과정 확인 방법이 궁금합니다. 현재는 스토리북에서 버튼 스토리 생성했는데, 완성은 했는데 컴포넌트가 안보이고 빈 페이지로만 나옵니다. 기능은 스토리에 보입니다. page.tsx에서 컴포넌트 불러서 보면 잘 보이구요.

  • react
  • next.js
  • cursor
  • 프롬프트엔지니어링
  • 바이브코딩
댓글 1 좋아요 0 조회수 80

n8n 실행한 후

해결됨

원클릭으로 AI가 생성해주는 Youtube 쇼츠 만들기 자동화(with n8n)

n8n 자동화 실행한 후 다 완료안되고 뒤로가기 버튼누르면 실행이 중지되나요?? 스케쥴 트리거로 사용하고싶은데 계속 켜놔야하는지요..

  • python
  • youtube-api
  • n8n
  • ai-활용-(ax)
영진김 댓글 2 좋아요 0 조회수 100

Vercel 404 에러 질문

미해결

1시간만에 Chat GPT 클론 with Cursor (원데이 클래스)

Vercel에 연동하고 나니 다음과 같은 창이 뜹니다. 404 Not Found 에러가 떠서 해결을 하고싶은데, 어떤 것이 문제인지 잘 모르겠습니다. 우선 웹사이트를 따로 열어서 실행시키면 정상작동 됩니다.

  • react
  • typescript
  • tailwindcss
  • nextjs
  • chatgpt
forever1542 댓글 2 좋아요 0 조회수 310

(4.13) setQueryData 질문드립니다

해결됨

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

queryClient.setQueryData를 사용할 때, 단순히 새 값을 바로 전달하는 경우와 업데이트 함수를 사용하는 경우가 있던데, 각각 언제 사용해야 하는지 명확히 구분이 잘 안 돼요. 어떤 기준으로 사용하면 되는지 설명해주실 수 있을까요?..

  • react
  • typescript
  • react-query
  • supabase
  • zustand
쁘엔 댓글 2 좋아요 0 조회수 117

Creatomate 오류

해결됨

원클릭으로 AI가 생성해주는 Youtube 쇼츠 만들기 자동화(with n8n)

요청시 이러한 에러가 계속 나옵니다 ㅜㅜ

  • python
  • youtube-api
  • n8n
  • ai-활용-(ax)
영진김 댓글 2 좋아요 0 조회수 83

비디오 생성 부분에서 VIDEO - 시트 행 가져오기 노드에서 아래처럼 에러가 나요

해결됨

원클릭으로 AI가 생성해주는 Youtube 쇼츠 만들기 자동화(with n8n)

이거 item으로 하는거 맞을까요? 에러나는데요? 강의에 있는 내용(에러남) {{ $('IMG_PROMPT - 시트 행 가져오기').item. json.ID }} 현재변경상태 {{ $('IMG_PROMPT - 시트 행 가져오기').first(). json.ID }} { "nodes": [ { "parameters": { "documentId": { "__rl": true, "value": "1598jdsyth9sQN_SMDftijF8IaxkO4FdxndFfxdheqmI", "mode": "list", "cachedResultName": "Youtube Shorts 자동화 Template(김영욱)", "cachedResultUrl": " https://docs.google.com/spreadsheets/d/1598jdsyth9sQN_SMDftijF8IaxkO4FdxndFfxdheqmI/edit?usp=drivesdk " }, "sheetName": { "__rl": true, "value": 1794818536, "mode": "list", "cachedResultName": "Youtube 자동화 시트", "cachedResultUrl": " https://docs.google.com/spreadsheets/d/1598jdsyth9sQN_SMDftijF8IaxkO4FdxndFfxdheqmI/edit#gid=1794818536 " }, "filtersUI": { "values": [ { "lookupColumn": "ID", "lookupValue": "={{ $('IMG_PROMPT - 시트 행 가져오기').first(). json.ID }}" } ] }, "options": {} }, "type": "n8n-nodes-base.googleSheets", "typeVersion": 4.7, "position": [ 3776, 544 ], "id": "dc3ed630-1854-463d-a0c1-3c6185ac007a", "name": "VIDEO - 시트 행 가져오기", "credentials": { "googleSheetsOAuth2Api": { "id": "284k6gV823HAbz1N", "name": "Google Sheets account" } } } ], "connections": { "VIDEO - 시트 행 가져오기": { "main": [ [] ] } }, "pinData": {}, "meta": { "templateCredsSetupCompleted": true, "instanceId": "4b15107acc6f7c90aecf299aeeeff033cc193c7e7a724fd8b9299102220850ef" } } 이노드에서 item을 first()로 바꾸니까 일단 에러는 안나는데 엑셀시트에서 순서대로 불러오는건데 그거는 될까? 그래서 일단 item을 first()로 바꾸니까 일단 에러는 안나는 데 문제가 구글시트에서 새롭게 숏츠 제작할때마다 드래그 해서 위로 올려야 하잖아요 그럼 번거로 울거 같다서 물어봤더니 이렇게 대답해주네요 좋은 질문이에요 🙂 지금 설정을 보면 부분에서 로 바꾸셨죠. 이건 단순히 앞선 노드에서 나온 여러 item 중 첫 번째 item만 가져오겠다는 의미예요. 그래서 에러는 안 나지만, 엑셀 시트의 행을 순서대로 하나씩 가져오는 동작과는 조금 다릅니다. 핵심 차이 • → 결과 배열 중 첫 번째만 가져옴. 즉, 항상 같은 행만 불러오게 됨. • 순서대로 불러오기 → 여러 item을 순회하면서 각각의 ID를 기준으로 시트 행을 가져와야 함. 순서대로 불러오려면? • n8n에서는 일반적으로 Loop(For Each) 구조를 써야 합니다. • 예를 들어 노드가 여러 item을 출력한다면, 그 item들을 그대로 다음 Google Sheets 노드에 전달하면 각 item별로 실행됩니다. • 즉, 를 쓰지 않고 그냥 로 두면, 각 item의 ID가 순서대로 들어가면서 시트 행을 하나씩 가져오게 돼요. 정리 • 는 테스트용으로 에러를 피하는 데는 유용하지만, 실제로 순차적으로 여러 행을 가져오려면 쓰면 안 됩니다. • 순서대로 가져오려면 형태로 두고, n8n의 기본 item 처리 흐름(각 item별 실행)을 활용하세요. 👉 지금처럼 자동화 시트에서 여러 행을 순서대로 불러오고 싶으신 거라면 대신 그냥 를 쓰는 게 맞습니다. 혹시 원하시는 게 엑셀 시트 전체를 순서대로 읽어서 영상 자동화에 쓰는 것인지, 아니면 특정 ID만 매칭해서 가져오는 것인지 알려주시면 더 정확하게 워크플로우 구조를 짜드릴 수 있어요. 맞아요 👍 first() 를 쓰면 항상 맨 앞 item만 고정적으로 가져오기 때문에 매번 제일 앞으로 드래그해야 하는 상황이 생깁니다. 즉, n8n의 기본 흐름(각 item을 순서대로 전달하는 구조)을 무시하게 되는 거죠. 어떻게 하면 순서대로 잘 가져올까? Google Sheets 노드에서 lookupValue 를 ={{ $json.ID }} 로 두면, 들어오는 각 item의 ID 값이 그대로 적용돼서 순차적으로 행을 가져옵니다. n8n은 기본적으로 item 단위 병렬 실행 을 지원하기 때문에, 별도의 드래그 없이도 여러 item이 순서대로 처리돼요. 만약 정말 "한 줄씩 순차적으로" 실행하고 싶다면, Split In Batches 노드를 써서 한 번에 하나씩 넘겨주는 방식도 있습니다. 정리 first() → 항상 같은 첫 item만 가져옴 → 매번 드래그해야 하는 불편함 발생 $json.ID → 각 item별로 자동으로 순서대로 실행됨 → 원하는 동작에 더 적합 👉 따라서 지금 상황에서는 first() 대신 그냥 $json.ID 를 쓰는 게 맞습니다. 혹시 원하시는 게 모든 행을 병렬로 가져오는 것 인지, 아니면 진짜로 한 행씩 순차적으로 처리하는 것 인지 알려주시면, 거기에 맞는 n8n 노드 구조(예: Split In Batches vs 기본 item 흐름)를 더 구체적으로 짜드릴 수 있어요. 좋은 포인트 짚으셨어요 🙂 지금 쓰신 {{ $('IMG_PROMPT - 시트 행 가져오기').first().json.ID }} 는 항상 첫 번째 아이템만 가져오게 됩니다. 그래서 순서대로 여러 행을 처리하려면 first() 를 빼고 각 item의 값을 그대로 참조해야 해요. 올바른 변경 방법 {{ $json.ID }} 이렇게 바꾸면, n8n이 기본적으로 각 item을 순회하면서 해당 item의 ID 값을 자동으로 넣어줍니다. 따라서 시트 행을 순서대로 하나씩 가져올 수 있어요. ✅ 정리 first() → 항상 첫 번째만 가져옴 (테스트용으로는 OK, 실제 순차처리에는 불편) $json.ID → 각 item별로 ID를 순서대로 처리 (원하는 동작) 👉 따라서 first() 대신 {{ $json.ID }} 로 변경하시면 됩니다. 혹시 원하시는 게 모든 행을 병렬로 가져오는 것 인지, 아니면 진짜로 한 행씩 순차적으로 처리하는 것 인지에 따라 Split In Batches 같은 노드를 추가할 수도 있는데, 기본적으로는 $json.ID 만 쓰면 자동으로 순서대로 돌아갑니다.

  • python
  • youtube-api
  • n8n
  • ai-활용-(ax)
1분 1minute 댓글 1 좋아요 0 조회수 82

작업형 2유형 질문 드려요..

미해결

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! 질문과 관련된 영상 위치를 알려주면 더 빠르게 답변할 수 있어요 먼저 유사한 질문이 있었는지 검색해보세요 이번 시험 작업형2에서 범주형 변수가 없어서 원핫인코딩을 진행하지 않았는데 자료형을 보면 int랑 float가 있는데 모든 변수를 int로 바꿔줬어야 했나요...? 다들 평가지표를 보면 0.6..., 0.7... 이런식으로 나오셨는데 저는 0.06..., 0.07.. 이렇게 나왔거든요.. 혹시 작업형2 점수는 0점처리가 될까요???

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
보리과자 댓글 2 좋아요 0 조회수 135

실무에서의 JWT에 대해서 질문드려요

해결됨

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

JWT가 이론적으로는 DB에 액세스하는 과정없이 인증이 가능하다고는 하지만,, jwt.io같은데서 payload의 조회를 쉽게 할 수 있기도 하다보니 웬만한 개인정보를 넣는 것은 지양하는 걸로 알고 있습니다. 실무에서는 사실상 payload에 userId정도만 넣어두고, 서버에서 이 JWT를 받아 디코딩하여 받은 userId로 DB에 액세스하여 유저정보를 가져와서 유효한 유저인지 파악한 다음 클라이언트에 응답하는 것이 일반적인 케이스가 아닌가.. 그러면 세션과 큰차이가 사실상 없는 것이 아닌가 궁금하여 질문드립니다!

  • react
  • typescript
  • react-query
  • supabase
  • zustand
최성준 댓글 2 좋아요 0 조회수 169

크롬 콘솔창 관련 질문 드립니다

미해결

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

안녕하세요. 다름이 아닌 원래 잘 작동하던 크롬 콘솔창에 react-dev 툴을 설치 하라는 문구만 나오고 작동을 하지 않습니다. 툴 설치도 해봤는데 버튼을 클릭해도 아무 문구도 뜨지 않고 , 필터창에 문구가 써있나 싶어 확인도 해봤습니다. 혹시 다른 해결법이 있을까요??

  • javascript
  • react
  • node.js
  • 카카오공채-개발
bitt2580 댓글 4 좋아요 0 조회수 109

1874 - 스택 문항

해결됨

38군데 합격 비법, 2026 코딩테스트 필수 알고리즘

1. 현재 학습 진도 3강까지 진도를 나간상태입니다. 2. 어려움을 겪는 부분 코드 효율성에 대해서 아직 감이 없어서 질문을 남기고자 합니다! 질문 문항은 추가문제인 1874 - 스택 문항입니다 def stack_sequence(n, sequence): 3. 시도해보신 내용 우선 제가 작성한 코드부터 보여드리겠습니다. def stack_sequence(n, sequence): # 이 곳을 채워보세요! stack_sequence = [] k = 0 push_pop = [] for i in range (1, n+1): stack_sequence.append(i) push_pop.append('+') while stack_sequence and stack_sequence[-1] == sequence[k]: stack_sequence.pop() push_pop.append('-') k += 1 if stack_sequence != []: print("NO") return for char in push_pop: print(char) return 선생님의 필기에 있는 코드와 다르게 수행가능한 조건을 전부 수행 -> 반복문 종료이후 종료 조건이면 return / 아니면 정답! 흐름으로 구성했습니다. 발상에 있어서 생각의 흐름? 대로 코드를 작성했다고 생각하는데 필기의 코드처럼 하나의 반복문내에서 특정 조건 -> 탈출 하도록 하는게 더 바람직한 코드일까요? 코드에 정답은 없다고 하셨지만 계속 코드를 작성하다보니 생각의 흐름대로만 작성하는것 같아서 앞으로 코드를 작성할때 발상을 더 견고히 하고 코드를 짜야하는지,, 감이 잘안서서 질문을 남깁니다. 항상 감사드립니다! 이렇게 구체적으로 알려주시면, 더 정확하고 도움이 되는 답변을 드릴 수 있습니다! 😊

  • python
  • 코딩-테스트
  • 알고리즘
  • data-structure
김기수 댓글 2 좋아요 0 조회수 94

강의자료 보내주시면 감사하겠습니다!

미해결

프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)

inwoo3232@naver.com 입니다. 강의자료 부탁드립니다 ㅜㅜ

  • python
구쟁천 댓글 1 좋아요 0 조회수 68

DOCKER 설치 관련 질문입니다

해결됨

실전! Django 입문 [최신 5.2 버전]

안녕하세요 선생님! 제 맥북 사양인데요, 도커에서 지원하는 버전이 맞지 않아서 설치 자체가 안되서 이렇게 질문 남깁니다..! 물론 다운로드도 mac intel 버전으로 했는데 지원하는 버전이 아니더군요 ㅠㅠ.. 혹시 제가 놓친 부분이 있는건지 혹은 다른 방법이나 툴이 있을까요? 감사합니다

  • python
  • django
  • aws
  • rest-api
  • drf
렉사르 댓글 2 좋아요 0 조회수 132

섹션2 구글시트

해결됨

원클릭으로 AI가 생성해주는 Youtube 쇼츠 만들기 자동화(with n8n)

구글시트 다운받기가 안 보여요 섹션3에 있는건가 싶어서 다운받아보니 확장자가 xlsx 이 아닌거 봐서는 이건 아닌거같고 어디서 다운받나요 ?

  • python
  • youtube-api
  • n8n
  • ai-활용-(ax)
개미감성 댓글 2 좋아요 0 조회수 43

generateStaticParams 관련 질문입니다!

미해결

한 입 크기로 잘라먹는 Next.js

generateStaticParams로 모든 book 상세페이지를 static page로 미리 생성했을 때, book 개수가 엄청 많으면 빌드가 더 오래걸리나요? 그리고, book 개수가 엄청 많으면 사이트 첫 접속이 느려지기도 하나요?

  • react
  • typescript
  • next.js
  • 카카오공채-개발
강미선 댓글 2 좋아요 0 조회수 46

prettier 자동 적용 관련 이슈

미해결

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

안녕하세요 다른 분들이 올리신 prettier 관련 질문글과 동일하게 prettier 적용 이슈 발생하여 문의글 남깁니다. 이전 질문글들에 답변 해주신 것 참고해서 해결하려고 하였으나 여전히 되지 않더라구요. 무슨 문제일까요? prettier 확장 설치 확인 파일명을 .prettierrc 에서 .prettierrc.json 으로 바꿔봤음에도 되지 않음 Default Formatter 설정 확인 FormatOnSave 옵션 활성화 확인 프로젝트별 설정 파일 확인 git repo 링크 남겨놓습니다 https://github.com/seonyoungg/onebite-exam

  • react
  • typescript
  • react-query
  • supabase
  • zustand
선영 댓글 3 좋아요 0 조회수 145

dynamic_agent가 없어도 괜찮지 않나요?

미해결

한 번에 끝내는 AI 에이전트 개발 올인원 (w. LangGraph, Google ADK, CrewAI)

안녕하세요. 강의 잘 보고있습니다. 13. Agent를 위한 기억 능력 부여, Short-term Memory 기능 개발 (동적 Agent) 강의에서 매 comunication마다 새로운 agent를 생성하기 위해 동적으로 에이전트를 만드시는 기법을 사용하시는데요. 그런데 main.py에 있는 handler 함수는 텔레그램 봇과 대화하면서 매번 실행되는 함수같아보이는데 그러면 그 때 마다 밑의 라인이 실행되어서 매번 새로운 Agent가 자동으로 생성되는 것 아닌가요? chatbot_crew = ChatBotCrew() 동적으로 에이전트를 만드는 기법이 이 케이스에서도 반드시 쓰여야하는 것일까요?

  • python
cocococoa 댓글 2 좋아요 0 조회수 89

12강 JASON 예시 파일을 못찾겠습니다

해결됨

원클릭으로 AI가 생성해주는 Youtube 쇼츠 만들기 자동화(with n8n)

12강에서 JASON 예시라고 설명해주시는 파일?이 없어서 진행이 안되고 있어요. 잘 따라하고 있는 와중에 파일이 안보이는데, 어떻게 조치해야 하는지 답변 부탁합니다.

  • python
  • youtube-api
  • n8n
  • ai-활용-(ax)
lmu7889 댓글 1 좋아요 0 조회수 36

강사님 시험 끝내기 버튼 ㅠㅠ

해결됨

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

아래 있는 질문과 비슷하긴 한데… 시험 시간 내에 “시험 끝내기“ 버튼을 누르지 못한 채 창이 닫혀버렸습니다ㅠㅠ 아는 문제들은 제출하기를 다 눌렀는데 채점에는 문제가 없을까요? 아예 몰라서 미제출한 문제는 그대로 미제출인채로 두어도 그 문제만 0점 받고 끝인거겠죠? 혹시 어떻게 될지 몰라서 다다음주 점수 발표까지 계속 걱정만 할것 같아요…

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
zhowo 댓글 1 좋아요 0 조회수 154

인기 태그

인프런 TOP Writers

주간 인기글