winterlood

안녕하세요 이정환입니다.아래 그림처럼 강의에서 안내드린대로 setting.json이 아닌 settings.json으로 설정해주셔야 합니다<img src="https://cdn.inflearn.com/public/files/posts/7e8eb7a9-2082-46c4-b20f-cce82b6368cd/02e0ceb2-3e87-4808-854f-7c73352b86b2.png" media-type="img" alt="image.png" title="image.png" width="658" height="196">.

AI 권한 부여가 안됩니다.

안녕하세요 멍멍님 이정환입니다강의 교안으로 업로드 해 둔 코드에서는 #root 요소의 display:flex 속성을 제거해도 전체 컨테이너가 잘 감싸져 있는것을 방금 확인했습니다.아마 사용하시는 브라우저의 이슈이거나 혹은 코드상 다른 부분에 차이가 있지 않을까 싶은데요 전체 코드를 확인하지 않고서는 정확한 원인을 파악하기 어렵기에 현재로써는 짐작가는 부분은 없는 상황입니다 ㅠㅠ만약 궁금하시다면 전체 코드를 GitHub을 통해 링크로 제공해주시면 어떤 부분에서 차이가 발생하는지 확인해보겠습니다.

12.13) 하단 여백 스타일링 관련 질문 드립니다.

안녕하세요 한슬기님 이정환입니다.1) 현재 Claude Code 최신버전으로 설치하실 경우 환경변수가 자동 등록되는것으로 알고 있습니다. 따라서 이와 관련해서는 별도 안내를 드리지 않고 있는데 이상하네요..! 다시 한번 제대로 확인해보겠습니다. 혹시나 동일한 문제를 겪으실 분들을 위해 해당 파트에 환경변수 관련 안내도 추가해두겠습니다.2) 이 부분은 아직 정론이 나오지 않은 것 같아 답변드리기가 많이 조심스럽지만, 취미수준을 벗어나 전문 개발자 수준으로 성장하려면 당연히 코드를 이해할 수 있어야 한다고 생각합니다. 물론 아주 디테일 한 부분 (정규표현식 관련 이라거나 등등 ...)의 코드까지는 저도 이제는 이해할 필요가 굳이 있을까 싶기는 한데요, 그런 부분도 문제 해결에 도움이 된다면 언제든 디깅해서 읽어낼 수 있는 기반 지식은 필요하다고 생각합니다.결과물만이 중요한건 아닌것 같아요 어쨌든 AI는 할루시네이션이 불가피하기 때문에 언젠간 문제를 일으킬 테고, 지금 일으키지 않는다고 해서 문제가 없는것도 아니기 때문에 전문 개발자라면 코드에 대한 이해와 직접 검토는 어느정도 필요하다고 생각합니다.대신 정말 한 줄 한 줄 불필요한 부분까지 다 읽으면 말씀하신대로 생산성이 떨어질테니, 주요한 비즈니스 로직을 추려 읽어본다던가 혹은 TDD를 도입해 테스트 코드를 유심히 읽어본 뒤 메인 로직은 테스트코드의 동작이 성공 한다면 리뷰를 생략하는 등의 일부 포기는 가능할 것 같습니다!

질문있습니다!!

안녕하세요 p4sh4님 이정환입니다.아이고!! 이런 실수를 .. 죄송합니다 바로 교체해 두었습니다<img src="https://cdn.inflearn.com/public/files/posts/76154816-f4bd-46aa-94a5-02e16ddbc62b/ce30491d-5673-476d-a137-7db694183613.png" media-type="img" alt="image.png" title="image.png" width="658" height="206">&nbsp;

kakao_app_icon 파일이 없습니다.

안녕하세요 tpals2001님 이정환입니다.캡쳐오 올려주신 사진을 보면 vite-env.d.ts 파일이 포함되어 있는걸 보실 수 있는데요, 이 파일은 타입스크립트 환경에서 사용되는 파일입니다. <img src="https://cdn.inflearn.com/public/files/posts/36209220-56d7-4d74-af6a-64cdc91caa0a/889c17d3-a88b-4bc5-a99e-dd3a41aed73e.png" media-type="img" alt="image.png" title="image.png" width="542" height="100">&nbsp;강의에서 안내드린대로 npm create vite@latest > React 선택 > JavaScript 선택하셔서 프로젝트를 생성하시면 아래 그림처럼(방금 만들어봤습니다) 해당 파일이 포함되지 않은채로 프로젝트가 생성됩니다.<img src="https://cdn.inflearn.com/public/files/posts/724dd726-4a02-4f2d-b700-05c1ae863886/d30f673f-49ae-406a-be13-799d8139389d.png" media-type="img" alt="image.png" title="image.png" width="658" height="330">&nbsp;따라서 아마 프로젝트 생성 과정에서 옵션 선택을 잘 못 하셨을 가능성이 높아보입니다. 현재 프로젝트를 제거하신 다음 처음부터 다시 생성해보시길 권장드립니다.

에러 질문드립니다

안녕하세요 김동화님 이정환입니다&nbsp;먼저 칭찬 정말 감사합니다.시각자료 제작에 정말 많은 시간을 소요하는 저에게 최고로 감사한 칭찬이에요 🙇‍♂&nbsp;90% 이상의 시각자료는 사실 Keynote를 통해서 만들어집니다. 모션들도 Keynote에서 제공하는 애니메이션만 사용하고 있어요강의를 들으시다가 가끔 보이는 화면 위에 자막은 프리미어 프로를 통해 그때 그때 제작하고 있습니다! 그 외의 프로그램은 사용하지 않아요 😀

강의 자료 제작을 어떻게 하셨는지 궁금합니다!

안녕하세요 이정환입니다아이고 이런 이슈가 있으셨군요 버튼이 있던 위치를 클릭했을때 새 링크 페이지로 이동 되었다면 아마 스타일 설정과정에서 클로드가 버튼의 스타일을 실수로 보이지않게(흰색 배경에 흰색 글자 등으로) 설정한 것으로 보입니다 🥲AI는 확률적으로 동작하다보니 간혹 이렇게 사소한 실수를 할 수 있는데요 이럴때에는 말씀하신 것 처럼 실수한 부분이 포함된 커밋을 취소하시는 등으로 대처하고 작업을 다시 지시하시거나, 혹은 수정을 요청하신다음 수정된 내용을 추가로 커밋하시면 됩니다.이미 실수한 부분의 커밋을 취소해 해결하셨다니 멋지네요 👍👍 버전관리를 제대로 이용하고 계신 것 같습니다!!PS. 만약 이러한 실수를 클로드가 계속 반복한다면, 클로드에게 직접 해당 실수를 다시는 하지 않을 수 있도록 스킬로 등록해 달라고 하시면됩니다. (또는 이미 존재하는 디자인 스킬에 추가해 달라고 해도 됩니다)

새 링크 버튼이 안 보여요

안녕하세요 이정환입니다env 파일의 이름이 .env가 아닌 env로 설정되어 있네요 😀강의에서 안내드리는대로 .env로 설정해주시면 정상적으로 작동할 것 같습니다!<img src="https://cdn.inflearn.com/public/files/posts/7722c357-2a7d-4199-966d-1441e13561f0/2fd93e07-2657-420c-bbb8-917c57b66a78.png" media-type="img" alt="image.png" title="image.png" width="658" height="126">혹시 그래도 안된다면 답글 부탁드립니다

회원가입 구현 (구현 후 최종 화면 출력 X)

안녕하세요 푸루미님 이정환입니다.우선 심도있는 질문주셔서 감사합니다 😀 사용하시는 용어도 그렇고 개발 지식 습득에 매우 진심이신 것 같네요!! (아니면 혹시 이미 개발자로 근무하고 계실지도 모르겠다는 생각이 들어요!!)&nbsp;질문주신 내용을 정리하면 대략적으로 아래 3가지 사항을 질문해 주신 것 같습니다.1) 대규모 프로젝트를 바이브코딩 만으로 지속할 수 있는가? (코드 구조, 이슈 해결, 보안 관련 문제)2) 본 강의에서 Claude Code 대신 Codex CLI를 사용해도 되는가?3) 강의내용 중 보안관련된 내용이 포함되어 있는가?&nbsp;순서대로 답변 드릴게요! 혹시 제가 누락한 부분이 있다면 답글로 다시 알려주세요&nbsp;1) 대규모 프로젝트를 바이브코딩 만으로 지속할 수 있는가? (코드 구조, 이슈 해결, 보안 관련 문제)굉장히 어려운 질문인 것 같습니다 ㅎㅎ 현재 개발 커뮤니티에서도 이 주제로 여러 의견이 충돌하고 있는 상황이라 아직 정확한 정답은 없다고 생각하는데요 개인적인 제 의견으로 답변 드릴게요&nbsp;우선 AI가 생성한 코드가 구조적으로 괜찮은지 판단하는 것은 당연 코드를 이해할 수 있는 사람만이 가능하다고 생각합니다. 코드 구조에 대한 개념 습득 없이 바이브코딩만으로 시작하시는 경우에는 아무래도 불가능할 수 밖에 없는 것 같아요 그런데 저는 앞으로 이런 일이 꼭 필요할지는 잘 모르겠습니다. AI는 이미 너무 훌륭하고, 또 계속해서 발전할텐데 앞으로도 사람이 매번 코드의 구조를 직접 검토해야 하는 일이 얼마나 많을지는 잘 모르겠어요개인적으로 저는 코드의 구조를 검토하느 것 보다는 기능의 흐름과 설계 방향을 감독하는데에 우리가 더 노력해야 된다고 생각합니다 😀&nbsp;lint/typecheck는 통과해도 production build에서 터지는 경우가 있다고 말씀하셨는데요 이런 경우는 사실 AI를 사용하지 않던 시대에도 매우 많았던 것 같습니다 ㅋㅋ 그래도 빌드 과정에서 오류가 발생하는게 운영 단계에서 사용자가 오류를 실제로 마주하는 것 보다는 훨씬 나은 상황인 것 같아요 빌드 오류는 고치고 새롭게 빌드하면 되니까요! 만약 너무 빌드 오류가 잦다면 테스트코드를 도입해보시는 것 도 좋은 선택지가 될 것 같습니다. 테스트코드와 관련해서는 아래의 아티클을 참고해보시길 추천드립니다<a target="_blank" rel="noopener noreferrer nofollow" href="https://app-place-tech.com/post/c8616c79-9e66-46bd-b010-3a4a30d6f158">https://app-place-tech.com/post/c8616c79-9e66-46bd-b010-3a4a30d6f158</a>&nbsp;보안과 인프라 부분은 확실히 사람의 지식이 가장 중요한 영역이라고 생각합니다. 그래서 이런 설계와 보안, 인프라 같은 부분이야 말로 AI 시대의 우리가 가장 주의깊게 들여다봐야 하는 영역이라고 생각해요 본 강의에서도 이런 부분에 포커스를 맞춰 개념들을 설명하고 있답니다 😀&nbsp;결론적으로 1번 질문에 답변을 드리자면, 코드의 구조는 이제 사람의 손을 떠났지만 그 밖의 문제(보안, 인프라, 설계)는 아직 우리 손에 남아있다고 생각합니다. 그리고 이 부분을 잘 이해하고 있다면 AI를 활용해 아주 대규모 프로덕션도 거뜬히 만들어낼 수 있다고 생각해요&nbsp;2) 본 강의에서 Claude Code 대신 Codex CLI를 사용해도 되는가?네! 가능합니다 😀그런데 강의 도중 Claude Code의 스킬이나 MCP, 권한을 설정하는 챕터가 있는데요 이 부분은 개인적으로 Codex 만의 방법을 활용해 진행하셔야 합니다 ㅠㅠ (향후 Codex 사용자 분들께서도 이용 가능하시도록 내용을 보강 할 예정이에요!!)&nbsp;3) 강의내용 중 보안관련된 내용이 포함되어 있는가?네! 포함되어 있습니다 😀구체적으로는 인증, 인가에 대한 기초적인 개념부터 Access, Refresh Token 방식의 인증 그리고 RLS 기반의 인가에 대해 애니메이션 시각자료와 함께 아주 구체적으로 살펴 볼 예정입니다!

질문있어요!

안녕하세요 현석님 이정환입니다.넵! <a target="_blank" rel="noopener noreferrer nofollow" href="http://SKILL.md">SKILL.md</a> 파일에 작성되어 있는 내용은 지침일 뿐이라서 Claude Code가 그때 그때 조금씩은 다르게 해석할 수 있습니다. 디자인의 경우 아무래도 더 해석의 다양성이 있는 분야이다보니 올려주신 사진처럼 조금씩 달라질 수 있어요 😀 전혀 아무런 문제는 없으니 그대로 진행하셔도 괜찮습니다.혹시 디자인이 쪼끔 맘에 안드신다면 원하시는 스타일을 설명하신 다음 해당 내용을 스킬로 보관해달라고 말씀해보시면 더 좋을 것 같아요!! 그럼 Claude Code가 알아서 <a target="_blank" rel="noopener noreferrer nofollow" href="http://SKILL.md">SKILL.md</a> 파일의 지침을 말씀하신 내용으로 수정합니다 😀

winterlood

Bài viết