묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
학습자료가 안열립니다.
제가 코드캠프(백 + 프론트) 강의 2개를 2024년 3월 12일에 구매를 했는데 잘열리던 학습자료가 안열립니다.
-
해결됨비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
커서나 replit을 이용해서 코딩을 하는 것과 gpt나 제미나이에서 코딩을 하는 것과의 차이가 뭘까요?
gpt나 제미나이에게 코드를 만들라고 해도 되는데, 커서 ai를 이용하여 코딩을 만드는 이유가 궁금합니다.
-
해결됨한 입 크기로 잘라먹는 Next.js(v15)
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(v15)
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가 영상의 버전과 다른 것 같은데, 프로젝트 룰을 어떤 걸로 설정해야하는지 모르겠습니다.공식 문서와 다른 블로그들을 참고해도 모르겠어서 질문 올립니다ㅠㅠ
-
해결됨비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
홈페이지 저장 위치 및 삭제
첫 웹사이트로 자기소개 싸이트 만들기 연습을 하고 있는데, 이걸 만들면 이 홈페이지는 lovable 서버에 저장이 되는거죠? 그럼, 이 홈페이지를 폐쇄하고 싶으면 어떻게 삭제하나요?
-
해결됨비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
supabase 설정 설명 부분이 없어요.
1-3에 자기 소개 웹사이트 만들때 방문자 수 추가하는 것 해보니 supabase를 연결해야 한다고 하는데, 처음하는 사람은 이게 뭔지 잘 모르는데, 이 부분에 대한 설명이 없어 추가하는 것이 필요합니다. 동영상에서는 그런 과정 없이 바로 되는데, 나의 경우에는 supabase의 연결을 설정해야 기능이 정상 작동했어요. 뒤에 이 부분에 대한 설명이 있는지 모르겠지만, 없다면 자세히 설명 부탁합니다.
-
해결됨[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
11강은 없는건가요?
11강이 있는데 안에 내용은 없네요..11강은 추후 업데이트 예정이실까요? 예정이라면 언제쯤 업데이트 될까요??
-
해결됨비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
window 사용자 ios 앱
현재 수강 진도를 함께 알려주세요! "1주차 3강까지 완료" window 사용자의 경우 flutter 사용을 해도 ios 앱을 만들 수 없는지요?아니면, 단순히 xcode로 미리 테스트만 못하는지요?
-
미해결[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
플레이 그라운드 퀴즈 문제 질문이 있습니다.
위와 같이 입력했을 때 fetchBoard 가 null로 나오는데제가 어느부분에서 실수했는지 감이 안잡혀서 질문드립니다.
-
해결됨비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
스타터킷!
개발자인 저에게는 코딩이 늘 막연하고 두려운 영역이었습니다. 하지만 바이브코딩 강의를 만나고 나서는 생각이 완전히 달라졌습니다. 강사님이 단계별로 차근차근 이끌어주신 덕분에, 저 같은 초보자도 실제로 모임 가계부 어플을 직접 완성할 수 있었습니다.“정말 내가 코딩으로 무언가를 만들 수 있구나”라는 성취감과 자신감을 얻게 되었고, 이 경험은 제 인생에서 정말 특별한 순간으로 기억될 것 같습니다.그리고 제가 꼭 말씀드리고 싶은 게 하나 있습니다. 제가 수강평을 105번째로 남겼습니다. 이번에 수강평 100명 한정 스타터킷을 제공한다고 하셨는데… 솔직히 너무 받고 싶습니다. ㅠㅠ저도 수강 후기를 진심을 담아 열심히 작성했으니, 혹시 가능하다면 저에게도 기회를 주실 수 없을까요?정말 간절한 마음으로 부탁드립니다!!!바이브코딩 덕분에 새로운 도전을 시작할 수 있었던 만큼, 스타터킷까지 함께할 수 있다면 제게는 더할 나위 없는 선물이 될 것 같습니다.
-
해결됨[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
cursor .cursorrules 관련 문의 드립니다.
cursor rules 설명중에 user rules , project rules 관련 설명은 해주셨는데 .cursorrules에 대해서 설명이 없어서 문의 드립니다. user rules , project rules, .cursorrules 모두 사용을 한다면 우선 순위 적용은 어떻게 되는 건지 알고 싶습니다.
-
해결됨한 입 크기로 잘라먹는 Next.js(v15)
사전렌더링과 데이터페칭 수업 질문
1분17초쯤에 리액트에서 데이터 페칭을 복습한다고하는데 리엑트 수업에서 이것을 배운적이없는데 어디서 배운걸 복습을하는걸까요? 저는 처음봅니다.
-
해결됨한 입 크기로 잘라먹는 Next.js(v15)
마지막 프로젝트 수정 코드 - 커밋
마지막 한입 프로젝트 코드 전체 커밋이 안되어 있어서요! 깃에는 예전 코드라 현재 버전에 맞지 않습니다. 계속해서 배포가 되지 않습니다.
-
해결됨한 입 크기로 잘라먹는 Next.js(v15)
섹션 6 퀴즈 > 5번 문항 dynamic 옵션 값 오타
안녕하세요.섹션 6 퀴즈 내에 5번 문항에서 문제 설명과 해설에 dynamic 옵션의 값이 "force-static"이 아닌 "false static"으로 잘못 나온 것 같은데 확인 부탁드립니다.