프로젝트 생성 시 위와 같이 선택 하시면 됩니다. (Create TypeScript project 체크 박스 꼭 선택 하세요.) Create 버튼 클릭 하시면 화면 하단 터미널에 설치 옵션을 물어보는 화면이 보이게 됩니다. 그런데, 강의 와는 다르게 터보팩 사용 여부는 물어보지 않아요. Next.js 13 이상 버전에는 터보팩이 이미 내장되어 있습니다. 이 부분은 무시하고 진행 하시면 됩니다. 설치 완료 후, package.json 파일에 아래와 같이 개발 스크립트 부분을 수정 하세요. --turbo 추가 하시면 됩니다. "scripts": { "dev": "next dev --turbo", "build": "next build", "start": "next start", "lint": "eslint" }, 실행은 상단 우측 보시면 아래와 같은게 보이실 겁니다. client-side 와 server-side 가 있는데 server-side 선택 하셔서 실행 하시면 됩니다. (안보이면 웹스톰 재시작 하세요. 지금 단계 에서 client-side 는 선택 하지 마세요. 이 강의를 계속 들어 보시면 저 두가지가 무슨 의미 인지 알게 됩니다.) 터보팩 적용 하여 올바르게 실행 되면 아래와 같이 보일 겁니다.
강사님 안녕하세요 강의 잘 듣고 있습니다. 좋은 강의 감사합니다. 질문이 하나 있습니다. OrderableProductItem 컴포넌트를 따로 만든다는 건 결국 base인 ProductItem 컴포넌트에 주문하기 버튼이 추가된 것인데, 따로 만들거라면 base 컴포넌트인 ProductItem은 진짜 기본적인 상품 정보만 보여주는 컴포넌트로 두고 buton 컴포넌트를 OrderaleComponentItem에서 렌더링 해주면서 order 로직도 여기에 두는 게 좋지 않나? 라는 생각이 들어서요!
AI Agent 영어 과외 선생님과 함께하는 요즘시대 영어 학습법! (2026년 7월 업데이트!!)
안녕하세요 이용관련해서 문의좀 드립니다~ 크롬으로 아이디 로그인하면 하얀 화면만 나오고, 엣지로 접속하면 접속은 되는데 단어장 한번 사용하니 크롬 로그인처럼 하얀 화면만 나옵니다 그래서 F5눌러서 새로고침하면 로그인 화면으로 돌아가서 재로그인해야만 사용할 수 있는데 해결방법 있을까요?
Node.js에서는 req와 res 사이에 인증 처리와 같은 로직을 넣기 위해 미들웨어를 직접 만들어야 할 것 입니다. Express에서의 미들웨어 구현과 동작 방식은 최선의 방식인지 궁금합니다! 즉 Express가 아닌 Node.js로 미들웨어를 직접 구현했을때 Express 방식보다 더 나은 설계가 될 수 있는지 궁금합니다. 또 Nest.js (nest 아니더라도 다른 프레임워크) 에서는 Express가 미들웨어를 구현하고 동작시키는 방식을 그대로 따르고 있는지 아니면 설계 상의 차이를 두었는지도 궁금합니다. 감사합니다!
멀티에이전트의 개념이 구글의 Opal 서비스하고의 비슷한 점, 다른 점을 설명해주시면 좋을 것 같아요 클로드의 멀티에이전트가 아직까지 한국에서의 Opal의 기능이 제한적으로 제공되고 있기는 해서 아직은 멀티에이전트의 강력함보다는 약하기는 하지만 향후 기능들이 오픈이 되고나면(해외의 사례에서 처럼) 멀티에이전트와 겨루어 봤을때 어떨지 궁금합니다.
불편해죽겠네요. ai한테 물어봐도, document.querySelectorAll(".CodeMirror-hints-wrapper").forEach((el) => el.remove()) 이런식으로 콘솔에 쳐서 없애라는데, 항상 이렇게 하고 있는데 더 편한 방법은 없나 싶어서 여쭤봅니다.
AI Agent 영어 과외 선생님과 함께하는 요즘시대 영어 학습법! (2026년 7월 업데이트!!)
커뮤니티 글을 여러 개 읽어보니 원하는 기능이 있어도 적어달라고 하신 것 같아서 적어봅니다. 스피킹 연습 기능이 굉장히 퀄리티가 높은 것 같아요. 대화도 잘 이끌어주고, 잘못 듣거나 천천히 말해달라고 요청하면 바로 다시 질문해 주거나 천천히 설명을 해주더라구요. 그래서 제법 흥미롭게 대화를 나눴습니다. 다만, 독해에서 피드백을 받지만 피드백이 조금 더 구체적이면 좋겠다는 생각을 해보기도 했고 스피킹은 대화한 내용에 대해 바로바로 교정을 해주긴 하지만 대화 능력이 어느정도인지, 어떻게 대화를 했고 어떤 부분이 부족했고, 어떤 부분은 잘 했는지 등 피드백을 받을 수 있어도 동기부여와 흥미를 잃지 않고 지속적으로 학습을 하기에 굉장히 유용할 것 같아요. 서비스 문제 제기가 아닌 이런 기능이 있어도 좋겠다는 의견으로 자유롭게 글 남겨봅니다!
AI Agent 영어 과외 선생님과 함께하는 요즘시대 영어 학습법! (2026년 7월 업데이트!!)
안녕하세요. 결제 후 사용법 확인하며 이용을 해보고 있습니다. 꾸준히 사용하면 효과를 볼 수 있을 것 같단 생각을 해봅니다. 열심히 사용해 보겠습니다 좋은 프로그램 만들어 주셔서 감사합니다! 다만,, 영어 실력이 부족해 북클럽/영어 독해 연습의 난이도를 조금 더 쉬운 난이도로 선택할 수는 없을까요? 모르는 단어가 적지는 않아서 독해 자체가 어려워서요 ㅠㅠ 아니면 모르는 단어를 숙지하고 이정도 독해는 해야 하는 게 맞을까요ㅜㅜ
어떤 강의에 대한 질문인지 자세하게 알려주시면 답변을 드리는데 도움이 됩니다. 스크린샷 윈도우키 + 쉬프트키 + S(윈도우) 을 자세히 첨부하시면 답변 드리는데 많은 도움이 됩니다. 동영상 재생 관련 같은 인프런 서비스 관련 문의는 1:1 문의하기를 이용해 주세요 . 도커 설치가 제대로 안되고 있습니다 ㅠㅠ
Next 최신 버전으로 수업 듣고 있습니다. 강의 자료에 이 파일이 들어가있는데 오히려 이 설정을 적용하면 1MB 제한이 걸려 업로드 되지 않습니다 발생된 오류 메시지 Error: Body exceeded 1 MB limit. To configure the body size limit for Server Actions, see: https://nextjs.org/docs/app/api-reference/next-config-js/serverActions#bodysizelimit at ignore-listed frames { statusCode: 413 } ⨯ uncaughtException: Error: Body exceeded 1 MB limit. To configure the body size limit for Server Actions, see: https://nextjs.org/docs/app/api-reference/next-config-js/serverActions#bodysizelimit at ignore-listed frames { statusCode: 413 } ⨯ uncaughtException: Error: Body exceeded 1 MB limit. To configure the body size limit for Server Actions, see: https://nextjs.org/docs/app/api-reference/next-config-js/serverActions#bodysizelimit at ignore-listed frames { statusCode: 413 } ⨯ Error: Body exceeded 1 MB limit. To configure the body size limit for Server Actions, see: https://nextjs.org/docs/app/api-reference/next-config-js/serverActions#bodysizelimit at ignore-listed frames { statusCode: 413, digest: '2270266421@E394' } 강의에서 알려주는 설정으로 해야 1MB 이상 이미지가 정상 업로드 되었습니다. experimental: { // 'experimental' 아래에 serverActions를 정의해야 합니다. serverActions: { bodySizeLimit: "1000mb", // 원하는 크기로 조절하세요 (예: '50mb', '100mb') }, }, 강의 자료 수정이 필요할 것 같습니다.
안녕하세요, 저에게는 조금 어려운 강의였긴 했지만 아무쪼록 마지막까지 강의 잘 듣고 있습니다. 질문1) MCP를 활용해서 간단한 에이전트를 만들어보세요 의 과제와 관련해서 아이디어가 전혀 생각이 나지 않는데 간단한 에이전트 관련해서 샘플이 있을까요? MCP 서버와 클라이언트 개발까지 해서 제출 해야하는지 아니면 이미 만들어져있는 MCP나 이런 있는 것들을 활용해서 LLM 모델과 연결하면 되는건지 감이 안 잡히네요; 과제 사례를 확인할 수 있는 곳이 있을까요?
안녕하세요 이벤트 핸들러 실습하는데 onMouseEnter 가 잘 실행이 안 돼서 문의드립니다. 버튼에 마우스를 대면 콘솔이 출력된다고 하셨는데 일단 코딩은 이렇게 했고 실행했습니다. 주로 크롬에서 하는데 크롬은 마우스를 대면 실행이 안 되고 버튼을 클릭하니까 콘솔이 2개씩 실행이 되고, 엣지에서는 정상적으로 실행을 합니다. 이 문제는 해결할 수 있는 방법이 있을까요?
