버셀로 서버 배포 후 접속 시 500 에러 발생

안녕하세요 지덕님 이정환입니다.해당 오류는 FUNCTION_INVOCATION_FAILED로 환경변수가 제대로 설정되지 않았거나 혹은 기타 등등의 이유로 서버의 가동이 실패했을 때 발생하는 에러입니다. 무료 플랜 사양과는 전혀 무관하니 강의에서 안내드리는대로 백엔드 서버 배포 과정을 잘 진행하셨는지 체크 부탁드립니다.(사진)만약 그럼에도 문제가 해결되지 않는다면 Vercel의 로그를 제게 보여주시면 원인을 파악하는데에 도움이 될 것 같습니다. 아래 그림처럼 프로젝트의 Logs 탭에 들어가신 다음, 서버에게 요청을 보내고 실패한 요청의 정보를 캡쳐해 답글로 남겨주시면 확인해보겠습니다(사진)이때 요청의 자세한 정보를 쉽게 복사 > 붙여넣기 하시려면 아래 그림과 같이 특정 요청을 클릭해 우측에 상세 정보 창을 여신 다음, 우측 상단의 복사 아이콘을 클릭하시면 됩니다.(사진)

AI에게 권한 부여하기

안녕하세요 soorioh1209님 이정환입니다.혹시 7~8장에서 진행하는 새로운 프로젝트 폴더에도 .claude/settings.json 파일을 동일하게 설정 해 주셨나요? 권한 설정은 프로젝트 단위로 적용되기에 확인이 필요합니다.구체적으로는 우리 강의의 7.5 챕터 5분 45초 경에 안내해 드리는대로 새로운 프로젝트에도 권한 설정을 동일하게 진행하셨는지 확인 부탁드립니다.(사진)

(3.3) Claude Code 설치하기 - Window OS

안녕하세요 ttsang님 이정환입니다.해당 오류는 아래 그림과 같이 우리 강의의 3.3 Claude Code 설치하기 - Window OS에서 해결 방법을 안내해드리고 있습니다. 드래그를 밑으로 내리셔서 여기에 안내된 방법대로 진행해보시길 권장드립니다. 혹시 안되면 바로 질문주세요 😀(사진)

mac os에서 사용 시 강의와 화면순서가 다르게 나옵니다ㅠㅠ

안녕하세요 단단한 순두부님 이정환입니다.아! 권한 엑세스 창은 클로드나 코덱스의 업데이트에 따라 조금씩 다른 시기에 나타날 수 있습니다. 전혀 걱정하지 않으셔도 됩니다 😀 종종 이미 엑세스를 허용해 둔 경우에도, 다양한 이유로 설정값이나 캐시가 삭제되어 다시 엑세스 권한을 묻는 경우도 있는데요 이럴 때에도 역시 다시 허용해주시면 문제 없이 동작합니다

강의 수강중인데 가이드북을 보고싶습니다

안녕하세요 jojosg93님 이정환입니다.본 강의의 1섹션 3챕터를 확인해보시면 다음 그림과 같이 핸드북 이용방법을 안내해드리고 있습니다.해당 챕터에서 비밀 초대코드를 확인하신 다음 편하신 방법으로 가입(구글 or 카카오)하시면 핸드북을 이용하실 수 있습니다 😀(사진)

eslint.config.js 설정 질문입니다.

안녕하세요 박준형님 이정환입니다.아래와 같이 중괄호 내에 rules를 직접 추가해주시면 됩니다.동일한 질문이 재발하지 않기 위해 수업자료를 보강해 놓겠습니다 불편드려 죄송합니다 🙇‍♂️import ... (중략) export default defineConfig([ globalIgnores(["dist"]), { files: ["**/*.{js,jsx}"], ... rules: { "no-unused-vars": "off", "react-prop-types": "off", }, }, ]);

파일로 웹에 드레그하여 결과가 나타나지 않음

안녕하세요 이정환입니다.혹시 아래 그림과 같이 크롬의 빈 탭에 드래그 & 드랍 해주셨을까요? 강의에서는 빈 탭에 드래그&드랍 방식으로 안내드리고 있는데 혹시 다른 페이지가 열려있는 상황이라거나 탭 자체가 실행되어 있지 않은경우 동일하게 동작하지 않을 수 있습니다.(사진)만약 빈 탭에 잘 드래그&드랍 하셨음에도 페이지가 나타나지 않는다면 사용하시는 브라우저가 크롬이 아니거나, 크롬이라도 버전이 달라서 생기는 문제일 수 있습니다. 하지만 이걸 해결하겠다고 굳이 브라우저를 새로 깔거나 버전을 업그레이드하실 필요는 없습니다. 이럴 땐 임시 방편으로 이렇게 열어보세요. 1. VS Code에서 해당 파일을 우클릭한 뒤 경로 복사(Copy Path) 를 선택합니다. (사진)2. 복사된 경로를 크롬 주소창에 붙여넣고 엔터를 누릅니다. (사진)이렇게 하면 드래그가 안 되던 환경에서도 페이지가 정상적으로 열립니다. 사실 이 드래그 방식은 지금 잠깐 결과를 확인하기 위한 방법일 뿐입니다. 다음 섹션부터는 실제로 서버를 직접 가동해서 페이지를 여는 방식으로 넘어가기 때문에, 이 방법은 더 이상 쓰지 않게 됩니다. 그러니 지금 여기서 막히시더라도 전혀 걱정하지 않으셔도 됩니다.

Claude Code Git 설치순서2

안녕하세요 이정환입니다.이미 Claude Code를 설치하신 상태라면 이후에 Git을 설치하셔도 큰 문제가 발생할 것으로 보이지는 않습니다. 이후 과정이 잘 진행된다면 그대로 수강하시면됩니다

Claude Code , Git 설치순서

안녕하세요 이정환입니다.이미 Claude Code를 설치하신 상태라면 이후에 Git을 설치하셔도 큰 문제가 발생할 것으로 보이지는 않습니다. 이후 과정이 잘 진행된다면 그대로 수강하시면됩니다

강의자료는 어떻게 제작하시나요?

안녕하세요 아리마님 이정환입니다.우선 칭찬 감사합니다. 모든 강의 자료는 Keynote를 이용해 제작되고 있습니다 그 외의 다른 툴은 전혀 사용하지 않고 있어요 😀제작 방법은 ... 음 특별한 방법이 없어서 뭐라고 말씀드려야 할 지는 잘 모르겠네요 ㅠㅠ 애니메이션을 최대한 적절히 활용하려고 노력하고 있습니다!