묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
학습자료
노션의 학습자료 제 개인 노션에서 수정은 안되는건가요?
-
해결됨[4주 완성] AI 바이브코딩으로 수익형 앱/웹 만들기
cursor mcp 연동이 이상합니다.
mcp 연동하면 첨부한 이미지처럼 나오는데 제가 혹시 잘 못 한 걸까요??
-
해결됨비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
환경변수 즉 api 키값 저장된 env.local..인식문제.
안녕하세요 .env 혹은 .env.local 환경변수를 써서커서가 api 값들을 불러와 쓰게 하려면 못읽더라구요,보안상 규칙이라며..그럼.,,다른식으로 우회하여 불러오는 방법있을까요~?
-
해결됨[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
피그마 복사 이미지는 어떻게 가져오나?
안녕하세요, 강사님.강의 잘 듣고 있습니다.피그마가 처음입니다. 복사 붙여 넣기 하면 이미지는 같이 복사가 안됩니다. [1] 어떻게 이미지 까지 한꺼번에 복사해서 가져올 수 있을까요?[2] export로 하면 이미지는 따로 가져오는 방법만이 해결책인가요? #제 환경 #강사님 환경
-
해결됨한 입 크기로 잘라먹는 Next.js
SSR 2.실습 14:35초 /search 파일 내부의 서버 사이드 함수 관련 질문드립니다.
/search 파일 내부의 getServerSideProps함수 내부에서 console.log로 context 객체를 출력하면 서버측 콘솔에서 context내용이 출력된다고 강의 영상 14:35에서 언급 하셨습니다.하지만 실습에서 저희가 사용하는 서버는 section02파일이 아닌 onebite-books-server-main 파일인 것으로 알고있었기에 의문이 생겨 질문을 드립니다.또한 제가 이해한 개념은 section02파일은 프런트엔드, onebite-books-server-main파일은 백엔드 서버로 구분된다고 이해하고 있었습니다. 혹시 이 부분에서 제가 잘 못 이해한 부분이 있다면 제게 가르침을 주세요!감사합니다!
-
해결됨[4주 완성] AI 바이브코딩으로 수익형 앱/웹 만들기
디자인 복제 프롬프트는 어디에있나요?
본 강의의 12:33 부분에서 디자인 복제시키는 프롬프트는 어디서 확인할 수 있을까요?
-
해결됨[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
피그마 링크?
안녕하세요, 수강 시작한 백엔드 개발자입니다. 피그마가 처음이라 잘 모르겠어서 질문 드립니다.2-1 강의를 보면 제공된 피그마 페이지에서 작업이 이루어지는데요.그 피그마의 링크나 파일이 어디에 있는지 못 찾겠습니다. 감사합니다.
-
해결됨비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
데이터 베이스 관련 질문입니다.
이 강의에서는 supabase를 이용하는데, 이게 무료라서 샘플로 쓰는 건가요? 아니면 대부분 이 서비스를 이용하는 것이라 그런가요? 이것 말고 다른 데이터베이스 서비스에는 어떤게 있을까요?
-
해결됨인프런 클론코딩 Part 1: Next.js와 NestJS로 시작하는 실전 프로젝트
shadcnui 의 button 의 cursor pointer 효과를 주는 방법
shadcnui 의 button 의 cursor pointer 효과를 주는 방법이 있어 글 남깁니다.global.css 파일에 해당스타일을 정의해 주어야 효과가 있습니다. 참고https://github.com/shadcn-ui/ui/issues/6843 fontend> app> global.csslayer base { ..., button, [role="button"] { cursor: pointer; } }
-
해결됨비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
샘 빌드한 앱이 안올라가요
안녕하세요 샘혹시 구글 앱을 수익화로 만들진않았는데 구글애드센스도 사업자등록 해야나요?지침이 바뀐다고 하는거같던데요.그리구 아래는 비공개테스트신청하려구 게시개요하려는데 개인정보더올릴게없는데.. 다른거입력해넣어도 오류생기면서 넘어가지질않네요ㅜ 이것도 역시 사업자등록정보나 다른정보를 끼워넣어야할까요?구글메뉴얼지침이 뭔가 또 업대된듯해서요 방법을 모르겠네요ㅜㅜ
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
학습자료가 안열립니다.
제가 코드캠프(백 + 프론트) 강의 2개를 2024년 3월 12일에 구매를 했는데 잘열리던 학습자료가 안열립니다.
-
해결됨비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
커서나 replit을 이용해서 코딩을 하는 것과 gpt나 제미나이에서 코딩을 하는 것과의 차이가 뭘까요?
gpt나 제미나이에게 코드를 만들라고 해도 되는데, 커서 ai를 이용하여 코딩을 만드는 이유가 궁금합니다.
-
해결됨한 입 크기로 잘라먹는 Next.js
startTransition used in error.tsx
안녕하세요6.5)에러 핸들링(error.tsx) 강의의 18:34초에서 startTransition을 사용했는데 궁금한 것이 있어서 QA올립니다. startTransition이라고 함은 공식문서에서``` action: 하나 이상의 set 함수를 호출하여 일부 상태를 업데이트하는 함수입니다. React는 매개변수 없이 즉시 action을 호출하고 action 함수 호출 중에 동기적으로 예약된 모든 상태 업데이트를 Transitions으로 표시합니다. action에서 await된 비동기 호출은 Transition에 포함되지만, 현재로서는 await 이후의 set 함수 호출을 추가적인 startTransition으로 감싸야 합니다(문제 해결 참조). Transitions으로 표시된 상태 업데이트는 non-blocking 방식으로 처리되며,``` 불필요한 로딩 표시가 나타나지 않습니다. 이렇게 나와있는데 어떻게onClick={()=> { router.refresh(); reset(); }}onClickHandler가 의도하지 않게 작동할 때, startTransition을 사용하려는 생각을 가지게 되었는지가 궁금합니다. 그리고 강의 내용에서 router.refresh() 가 비동기라고 이야기 해주셔서 비동기인지도 확인해보려고 공식문서등을 확인했는데 안보여서 링크 공유등을 해주시면 감사합니다.
-
해결됨인프런 클론코딩 Part 1: Next.js와 NestJS로 시작하는 실전 프로젝트
prisma-class-generator 사용시 generator 옵션 누락 추가함
backend/prisma/schema.prisma파일에서 output 옵션을 작성해야 강의대로 __gen 파일이 생성되어서 글 남깁니다. 참고https://github.com/kimjbstar/prisma-class-generator/blob/main/prisma/mongodb.prisma generator prismaClassGenerator { provider = "node -r ts-node/register/transpile-only src/index.ts" output = "../src/_gen/prisma-class" dryRun = "false" separateRelationFields = "false" }
-
해결됨한 입 크기로 잘라먹는 Next.js
Image 컴포넌트에 cdn 경로를 작성할 경우 최적화 가능한가요?
이미지들을 s3에 올려서 사용하고 있습니다. 이러한 경우 Image 컴포넌트 src에 s3 경로를 입력하게 된다면 최적화 적용이 안되나요?이러한 경우에 어떻게 최적화할 수 있을까요?
-
미해결Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)
Streaming 관련해서 문의드립니다.
Stream을 구현할 때 posts, tags 정보를 서버사이드에서 호출하고 promises 를 클라이언트 컴포넌트에 넘겨 use 훅으로 받는데요. 서버와 클라이언트의 경계가 살짝 이해가 안되네요. 서버사이드에서 promise객체를 클라이언트로 던지고 클라이언트에서 promise를 resolve하는 건가요?
-
미해결Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)
ISR 매커니즘에 대한 궁금증
안뇽하세요. 몇일 전 구매하고 열강하고 있는 개발자입니다. ISR 매커니즘에 대한 궁금증이 있는데요. 저희가 작성한 코드에 보면 export const generateStaticParams = async () => { const { posts } = await getPublishedPosts(); return posts.map((post) => ({ slug: post.slug, })); }; 이렇게 게시글들을 미리 ISR 하는 코드가 있습니다. 특정 게시글의 slug 정보 기반으로 미리 SSG 만드는 것으로 이해했는데요. 그래서 빌드를 하면 SSG + 두 개의 슬러그 페이지가 존재합니다. (getPubishedPosts의 기본 사이즈가 2개이기 때문) 그런데 제가 궁금한게 위 ISR 적용하기 전에 빌드한 후 상세 페이지에 진입을하면 약 1초 정도? 딜레이가 발생하고 화면이 렌더링이 되는데요. ISR을 적용한 후 기대한 동작은미리 생성된 두 개의 slug에 대해서는 바로 화면에 보이지만 무한스크롤로 발생한 동적 블로그에 대해서는 빌드 전과 동일하게 1초의 딜레이가 발생하고 이후 접근 시 정적페이지가 생성되어 빠르게 보이는게 맞지 않나요?하지만 현재 동작을 보면 미리 생성된 slug를 제외한 모든 게시글에 대해 빠르게 화면이 보여 제가 이해한게 아닌가 싶네요. 공식문서를 봐도 이해가 잘되지 않아 확인차 문의드립니다.
-
해결됨프론트엔드 마스터클래스
Variable Object 질문
안녕하세요, 좋은 강의 감사합니다.실행 컨텍스트 부분에서 궁금한 점이 있어서 질문드립니다. 강의에서 Variable Object를 설명해주셨는데, 제가 개인적으로 찾아본 자료들에서는 ES2015부터 실행 컨텍스트가 Lexical Environment, Variable Environment, this binding으로 구성된다고 나와 있더라고요.Variable Object는 그 이전 스펙에서 사용되던 용어인 것 같은데, 혹시 강의에서 이 개념을 선택해서 설명하신 특별한 교육적 의도가 있으셨을까요?제가 아직 깊이 이해하지 못해서 그런데, 두 방식 중 어떤 것이 JavaScript 동작 원리를 학습하는 데 더 도움이 되는지, 또는 어떤 차이점들이 있는지 알려주시면 감사하겠습니다.
-
해결됨[4주 완성] AI 바이브코딩으로 수익형 앱/웹 만들기
딩코님 수강 관련 문의드려요~
딩코님 안녕하세요~ 어제부터 챌린지 오픈했는데, 보니까 기존 강의내용과는 동일하더라구요~ 기존 강의 아직 다 못들었는데, 챌린지로 이어서 들으면 될까요?! 챌린지 강의로 들으니 기존 수강한 강의는 안들은 걸로 돼서 강의율 100% 안될 것 같아서요! 혹은 기존 강의 다들은걸로 끌어서 채워놔야 할 지 합니다!
-
미해결Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)
cursor AI 프로젝트 룰 관련 질문 드립니다.
안녕하세요 강사님! 강의 항상 재밌게 잘 보고 있습니다.다름이 아니라 cursor AI가 영상의 버전과 다른 것 같은데, 프로젝트 룰을 어떤 걸로 설정해야하는지 모르겠습니다.공식 문서와 다른 블로그들을 참고해도 모르겠어서 질문 올립니다ㅠㅠ