inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

MainLayout이 중첩되어 뜨는 문제

미해결

타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지

혼자서도 해보고 '레이아웃 분리하기 - 풀이' 강의를 보고 똑같이 해도 (with-layout) 그룹에 생성한 Layout(MainLayout)은 아래와 같이 MainLayout 하위에 MainLayout이 또 있는 것처럼 뜨는데 이건 정상적인 건가요? (auth) 그룹에 생성한 Layout(AuthLayout)은 아래와 같이 AuthLayout이 하나만 있어서 어떤 게 정상인지, 원래 이런 건지 알고 싶습니다. 프로젝트 폴더 구조는 다음과 같습니다:

  • javascript
  • react
  • typescript
  • next.js
  • jwt
hwnii 댓글 2 좋아요 0 조회수 104

쿠키와 헤더

미해결

타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지

죄송합니다 또 궁금한게 생겨서 여쭈어봅니다 ai에게 물어봐도 항상 이게 진짜 맞는건지 의문이 생겨서 만약 프론트 쪽에서만 next js 에서 헤더랑 쿠키에 접근을 할 일이 그렇게 있을가 하는 의문이 생겨서 질문드립니다. 백엔드가 기본적인 확인을해서 처리를 하고 권한 이나 그런건 api호출을 하면 되지않을가라는 의문이 들어 질문 남깁니다

  • javascript
  • react
  • typescript
  • next.js
  • jwt
JEOUNG WOOYOUNG 댓글 2 좋아요 0 조회수 87

open in brower 세팅

해결됨

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

2-2 커서 길들이기에서 vs code - open in brower 확장프로그램 설치했는데 커서 우클릭해도 보이지 않는 이유는 뭘까요?!

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
고정원 댓글 1 좋아요 0 조회수 95

구지 react를 사용하는 이유가 그럼 있는가?

미해결

타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지

안녕하세요 수코딩님 갑자기 의문이 든 생각인데 next js 는 보면 프레임워크라서 여러 기능을 제공하고 편리하게 사용할수있는것같습니다 seo문제도 해결해주고 무엇보다 use client를 사용하면 클라이언트 컴포넌트로서 작동도 되고요 근데 그럼 의문이 드는게 둘다 가능하고 선택가능한 next를 쓰는게 무조건 이득이 아닌가 라는 생각이 들엇습니다. 그냥 서버사이드쪽만 서버사이드 좀하고 리액트가 필요한쪽은 클라이언트 사이드 렌더링으로 하면 되는 이야기인것같아서요

  • javascript
  • react
  • typescript
  • next.js
  • jwt
JEOUNG WOOYOUNG 댓글 1 좋아요 0 조회수 108

함수에 대한 노션 정의

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

강의 동영상은 바꿀 수 없으시겠지만 노션을 활용하시더라도 프롬프트 상의 용어들에 대한 간단한 설명이 있었으면 합니다. 초보입장에서는 프롬프트를 복붙하기만 해서는 성장이 어려울 듯 합니다. 디스코드에서 공유해 주신 md 파일들을 활용할때 보다는 조금 더 배움이 있었으면 하는 욕심이니 이해 바랍니다. 예로 프롬프트에 requests와 BeautifulSoup을 사용해줘. 라는 부분이 있는데 이게 함수인지 호두님이 만든 용어인지 궁금합니다. 느낌은 함수 일 듯한데 초보입장이라 ㅜㅜ;;; 기존에 다른 곳에서 보면 필요한 여러 모듈들을 설치하고 조건을 타 컴에서 맞출 때 requests.txt 등으로 정리해서 가져 가는 것으로 이해 했는데 여기에서의 requests 의미를 이해 못하고 있습니다. get_top_gainers(market) 함수를 만들어줘. 이 부분도 별도로 정의하면 임의로 함수를 만들어 정의 가능한 건지 이미 있기에 정의 만 한 것인지 궁금합니다. 수 많은 프롬프트를 전부 정의 해 주시기는 어렵겠지만 함수 부분 만의라도 (색상등으로) 분리 해 주시면 네이버등에서 찾아서 공부하고 차후 활용할 때 좋을 것 같아서 의견 드립니다. 아울러 강의 시점과 현재의 주식시장 조건이 달라 결과치도 다르고 AI가 대응하는 부분도 달라 생성되는 파일도 파일명도 다른 듯 합니다. 이 부분도 프롬프트에 반영하여 폴더에 생성되는 생성 파일명과 갯수 만이라도 같은 결과치가 되었으면 합니다.

  • python
  • flask
  • next.js
  • 인공지능(ai)
  • ai-활용-(ax)
xatron 댓글 3 좋아요 0 조회수 120

Claude CLI 설치 문의

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

Antrigravity에서 Claude CLI 설치가 진행이 안됩니다. 영상에 나온대로 노션에 적혀있는 네이티브 인스톨러 부분을 Drag해서 붙여넣고 설치를 진행해줘라고 똑같이 적었는데 Loading / Generating / Working.. 만 뜨고 아무것도 진행되지 않네요 해결방법 문의드립니다 ㅜ

  • python
  • flask
  • next.js
  • 인공지능(ai)
  • ai-활용-(ax)
신사임당 댓글 2 좋아요 0 조회수 116

스타터킷 사용방법

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

안녕하세요. 현재 섹션 13, "Playwright MCP 란?" 까지 수업을 수강한 학생입니다. 가르쳐주신대로 성실하게 스타터킷을 클로드 코드와 공식 문서를 이용하여 만들었습니다. 다만 제가 궁금한것은 본 스타터킷을 어떻게 활용하는지 입니다. 배포한 웹페이지를 통해 사람들이 코드를 퍼가서 이용하는 방식인건지, 아니면 제가 만든 소스코드의 산출물일 뿐인지 궁금합니다. 강의에서는 어느 용도로 쓰인다고는 나와있지만, 어떻게 활용할 수 있는지는 안나옵니다. (예를들어 코드를 복사하여 그대로 CLI 등에 붙인다는지 등이요..) 제가 만든 스타터 킷의 기술 스택 란은 아래와 같이 돼있는데 이런경우 딱히 복사를 한다고도 보기 어렵습니다. 어떤식으로 본 스타터킷을 사용할 수 있는지 가이드 부탁드립니다! 만약 추후 인강에 있는 내용이라면 인강 회차 이름 말씀부탁드립니다! 감사합니다 아래는 제가 만든 페이지 입니다. https://starterkit-test.vercel.app/examples Next.js 기반이라 그런지 아니면 정적인 페이지가 아니라 그런지 github로 배포가 안되어 vercel을 통해 올렸습니다

  • 스타터킷
  • starterkit
  • next.js
  • 기술스택
noah 댓글 1 좋아요 0 조회수 105

claude 등 파일 설치 위치에 대한 문의

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

파이썬은 설치 위치를 체크하면 그나마 위치가 정리되는데 기타 tool 들을 두서없이 따라 하다 보면 어느 순간 위치를 못 찾아서 헤매게 되는 경우가 있는 것 같습니다. 본 강의의 경우 유저 밑의 폴더에 까는 것 같은데 유저명이 한글일 경우에도 나중에 헤매는 것 같습니다. 유저 폴더 밑이 아니라 지정한 위치에 모아서 설치 가능한지요? 가능하다면 본 강의는 어디에 설치하면 따라하기 좋을지요? 초보라 많이헷갈려서 문의 드립니다. ex) .\\\\hello_world> claude Claude Code on Windows requires git-bash ( https://git-scm.com/downloads/win ). If installed but not in PATH, set environment variable pointing to your bash.exe, similar to: CLAUDE_CODE_GIT_BASH_PATH=C:\Program Files\Git\bin\bash.exe

  • python
  • flask
  • next.js
  • 인공지능(ai)
  • ai-활용-(ax)
xatron 댓글 2 좋아요 0 조회수 864

Claude Extension 을 사용해야 하나요?

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

섹션6 - 33 강의를 듣고 있는데요. 처음에 claude cli 를 사용 하라고 해서 그렇게 하고 있는데. 강의 영상은 cli 가 아니네요. 그래서 이미지 붙여 넣는것도 cli 에서는 안되고 다른곳에 저장해서 경로를 설정해야 하구요. cli 가 아닌 다른것 사용해도 되나요? 기능을 전부 지원하지 않는다 해서 않하고 있는데.. 좀 헷갈리네요.

  • react
  • next.js
  • cursor
  • claude
  • 지금-베스트
서수교 댓글 1 좋아요 0 조회수 148

live server 오류

해결됨

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

안녕하세요, 짐코딩님 하나하나 따라가고 있는데 윈도우 환경에서 D 드라이브에 실습 환경 만들어서 실행 중입니다. 커서에서 live server 확장 프로그램 다운로드 했고, open with live server 누르면 화면이 자꾸 안 나와서 일단 클로드 코드한테 물어봐서 http://localhost:8000/ 으로 실행시키긴 했는데 앞으로 수업에 지장이 있을까봐 여쭤봅니다. 무엇이 문제일까요 ..?

  • react
  • next.js
  • cursor
  • claude
  • 지금-베스트
대기업목표 댓글 2 좋아요 0 조회수 161

서브에이전트의 결과를 다른 서브에이전트로 넘기는 방법(notion -> prd)

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

notion-db-expert 서브에이전트를 만들어서, 실행한 뒤에 prd-generator 서브에이전트로 그 결과값을 넘겨서 prd를 생성하는 방법을 설명해주신 것인지, 아니면 자연스럽게 과정 중에 있는 것인지가 약간 햇갈립니다. notion-db-expert 서브에이전트의 결과를 기다렸다가 그 결과를 prd 서브에이전트에 반영해라 라는 식의 프롬프트는 필요가 없는 것일까요? 강의의 5:44 정도에 나오는 것 같은데 관련된 설명이 없는 것 같아서 여쭙습니다! 감사합니다.

  • react
  • next.js
  • cursor
  • claude
  • 지금-베스트
indid 댓글 2 좋아요 1 조회수 131

서브에이전트의 결과를 다른 서브에이전트로 넘기는 방법(notion -> prd)

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

notion-db-expert 서브에이전트를 만들어서, 실행한 뒤에 prd-generator 서브에이전트로 그 결과값을 넘겨서 prd를 생성하는 방법을 설명해주신 것인지, 아니면 자연스럽게 과정 중에 있는 것인지가 약간 햇갈립니다. notion-db-expert 서브에이전트의 결과를 기다렸다가 그 결과를 prd 서브에이전트에 반영해라 라는 식의 프롬프트는 필요가 없는 것일까요? 강의의 5:44 정도에 나오는 것 같은데 관련된 설명이 없는 것 같아서 여쭙습니다! 감사합니다.

  • react
  • next.js
  • cursor
  • claude
  • 지금-베스트
indid 댓글 2 좋아요 0 조회수 120

FormEvent가 deprecated 되었다고 합니다.

미해결

타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지

FormEvent는 deprecated 되고 SubmitEvent를 사용하는 것으로 권장된다고 합니다. 그런데 (e: SubmitEvent<HTMLFormElement>) 방식은 FormEvent가 제네릭을 지원하지 않아서 안 된다고 하고 (e: SubmitEventHandler<HTMLFormElement>) 처럼 시도해도 빨간줄이 자꾸 뜹니다. 여기저기 알아보고 const handleSubmit: SubmitEventHandler<HTMLFormElement> = (e) => { ... } 로 하면 된다는데 이들의 차이점과 FormEvent를 사용할 때 처럼 사용하면 안 되는 이유가 궁금합니다.

  • javascript
  • react
  • typescript
  • next.js
  • jwt
댓글 2 좋아요 0 조회수 452

터보백이 안보입니다

미해결

타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지

지금 현재기준 터보백은 혹시 자동적용인가요? 뭔가 선택지에 안뜨는데 제가 이상한지 아님 따로 이유가 잇는지 궁금합니다

  • javascript
  • react
  • typescript
  • next.js
  • jwt
JEOUNG WOOYOUNG 댓글 2 좋아요 0 조회수 85

나만의스타일 관련 문의

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

나만의출력스타일 미션을 진행하는데 저는 D:드라이브에서실습하고있습니다. 아래경로에 세팅해도 /output-style 할때 내가만든 출력리스트가 안나오는데 방법이 있을까요? 경로 : D:\workspace\output-style-test\.claude\output-style\ beginner.md D:\workspace\output-style-test\.claude\ beginner.md

  • react
  • next.js
  • cursor
  • claude
  • 지금-베스트
fighter605 댓글 2 좋아요 0 조회수 75

[git설치]

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

윈도우 git 설치 후 이름과 이메일 설정 어디서 어떻게 하는 것인지 문의 드립니다

  • react
  • next.js
  • cursor
  • claude
  • 지금-베스트
sonidos23 댓글 1 좋아요 0 조회수 107

git 브렌치?

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

git 브렌치가 뭔가요? git init 명령어는 처음 들어보는 것 같은데, 어디서 변경할 수 있는건가요?

  • react
  • next.js
  • cursor
  • claude
  • 지금-베스트
조성진 댓글 2 좋아요 0 조회수 72

잘 한건가요?

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

잘 한건가요 ?

  • react
  • next.js
  • cursor
  • claude
  • 지금-베스트
조성진 댓글 2 좋아요 0 조회수 169

노션 링크 확인 요청드려요.

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

노션을 사용 안 해봐서 제가 어떻게 신청해야 하는지, 노션 주소가 어떻게 되는지 모르겠네요. 도움 요청드립니다.

  • python
  • flask
  • next.js
  • 인공지능(ai)
  • ai-활용-(ax)
레드잽 댓글 4 좋아요 1 조회수 181

User Memory 파일 생성 폴더

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

~/.claude/CLAUDE.md 에서 생성이 안되고 하위 폴더에서 생성이되네요

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
  • 지금-베스트
PowerDailyAI 댓글 2 좋아요 0 조회수 98

인기 태그

인프런 TOP Writers

주간 인기글