묻고 답해요
167만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
참고 소스 질문
이번 강의를 통해 만든 소스를 github에 있나요? 있으면 링크 알려주세요.
-
미해결코드로 배우는 React 19 with 스프링부트 API서버
강사님 오타 있음요
PPT - 11page 2장 max.jsx => main 아닌가요?( 강의 영상이라..수정이.. 암튼 그러핟고요_ 예전에 제가"코드로 배우는 스프링 웹 프로젝트" (개정판) ..ㅋㅋ 도서에도 오타 잡는 취미가 있었다는 ㅎㅎㅎ^^ 다른 분이 찾으셨다면.. . .. 중복 Q&A 문의 죄송합니다.
-
미해결코드로 배우는 React 19 with 스프링부트 API서버
No 1. 교제(ppt) soruce 복붙 문제 의 건
안녕하세요강의 잘보고 있습니다.문의 내용이 있어서요강의 내용중 소스내용이 많아강사님 말씀처럼 자료에 있는 소스를 복붙하고 있는데요문자 인코딩 (PPT와 vscode) 문제인지복붙을 하고 보면 위와같이 붉은색으로 표시가 되는데 (일반 import를 안해서 생기는 line 말고요)강의 화면을 보면 같은 증상으로누구는 한글 에 노락 박스로 나타난다고 하는데vt 및 저는 한글이 아니어도 같은 증상입니다.라인 맨앞에 노락박스로 탭표시가 되는데 소스 가독에 상당히 힘들어서요. AI 말로는 위와같이 설정해도 같은 증상이고저 내용에 "직접 삭제" ? ...ㅡㅡ (하나하나? 라인 마다?)혹시 강의교안이나 다른데서 받아 올수 없나요?아 git에서 다운로드 받을 수있는지요?(죄송합니다. 있으면 제가 아직 못찾은듯요..) 강사님... 급해결 요청드립니다.아~ 너무 보기 힘드네요 ★ 앗! 지금 보니까 강사님 소스 작성할때는잠깐 나타나따 사라지네요?말씀드렸지만... 위 AI 내용데로 ..설정햇는데..구글링에도 같은소리만..ㅡㅡ;저만 그런가요..?
-
미해결코드로 배우는 React 19 with 스프링부트 API서버
No 1. 교제(ppt) soruce 복붙 문제 의 건
안녕하세요강의 잘보고 있습니다.문의 내용이 있어서요강의 내용중 소스내용이 많아강사님 말씀처럼 자료에 있는 소스를 복붙하고 있는데요문자 인코딩 (PPT와 vscode) 문제인지복붙을 하고 보면 위와같이 붉은색으로 표시가 되는데강의 화면을 보면 같은 증상으로누구는 한글 에 노락 박스로 나타난다고 하는데vt 및 저는 한글이 아니어도 같은 증상입니다.라인 맨앞에 노락박스로 탭표시가 되는데 소스 가독에 상당히 힘들어서요. AI 말로는 위와같이 설정해도 같은 증상이고저 내용에 "직접 삭제" ? ...ㅡㅡ (하나하나? 라인 마다?)혹시 강의교안이나 다른데서 받아 올수 없나요?아 git에서 다운로드 받을 수있는지요?(죄송합니다. 있으면 제가 아직 못찾은듯요..) 강사님... 급해결 요청드립니다.아~ 너무 보기 힘드네요
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
interactive Question 기능 질문
안녕하세요 짐코딩님 덕분에 좋은 기능 배우고 있습니다! 일단 윈도우11서 claude code의 pro 이용을 하고 있습니다. 다름 아니라, 계획 검토 및 수정 요청 부분이 궁금해서 질문드립니다...! 저 같은 경우, 처음부터 interactive Question 기능이 나오는 것을 봤을 때, 이 기능이 default인 거 같더라고요근데 계획을 다 보고, 계획 내용을 수정하고 싶은데, 따로 수정사항을 요청하는 선택지는 없고,esc를 누르면 아예 취소가 되서 미션 중의 3단계를 어떻게 할 수 있을지 궁금해서 질문드립니다!
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
mcp 서버 설치 질문
claude mcp add --transport http paypal --scope project https://mcp.paypal.com/mcpAdded HTTP MCP server paypal with URL: --scope to local configFile modified: /Users/tkstart/.claude.json [project: /Users/tkstart/Desktop/development/claude-code-mastery]스코프를 프로젝트로 설정하고 명령어를 입력하는데보시는 바와같이 글로번 환경에 .claude.json에 "프로젝트 루트" 키로 우리가 잘아는 mcp 설정 값이 들어갑니다...공식문서에서도 여전히 .mcp.json을 생성한다고 작성되어있는데요, v2.1.2(질문 작성 시점 최신버전)에서는 작동방식이 변경되었나봅니다...이러면 팀원들이랑 공유가 안되는거 아닌가요...?
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
output style 질문.
output style md 파일에 rule 개념을 넣으면 실제로 코드를 작성하고 반영할 때 해당 rule을 지키면서 반영하더라고요.CLAUDE.md 파일을 안만들고 특정 프로젝트에 적용하는 global rule 개념으로 사용해도 되는건가요?
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
이렇게(캡쳐) 뜨고 클로드 설치가 안 됩니다
어떻게 하면 될까요?
-
미해결실무에 바로 적용하는 스토리북과 UI 테스트
스토리북에 대해서
안녕하세요. 좋은 강의 감사합니다.강의를 듣다 보니 Storybook과 Chromatic이컴포넌트 검증과 협업에 도움이 된다는 점은 이해할 수 있었습니다.다만 한 가지 궁금한 점이 생겨 이렇게 메시지를 드립니다.개인 프로젝트나 소규모 프로젝트에서도 Storybook을 사용하는 것이 적절한지,아니면 디자인 시스템을 갖추거나 컴포넌트 재사용이 많은 프로젝트에서주로 사용하는 도구인지 판단 기준이 궁금합니다.규모, 협업 인원, 유지보수 관점에서Storybook 도입 여부를 결정할 때어떤 기준으로 판단하는 것이 좋은지도 알고 싶습니다.모든 프로젝트에서 Storybook을 사용하는 것이오히려 관리 비용이 될 수도 있겠다는 생각이 들어,Storybook을 사용하는 것이 효과적인 경우와굳이 사용하지 않아도 되는 경우를어떻게 구분하면 좋을지 조언을 듣고 싶습니다.감사합니다.
-
해결됨한 입 크기로 잘라먹는 Next.js
취약점 제거시 nestjs 버전 문제가 생길까요?
'섹션 2. Next.js를 소개합니다' - '7. 1.3) 실습용 백엔드 서버 세팅하기' 강의 10:04 에서 npm i하면 '30 vulnerabilities (9 low, 7 moderate, 13 high, 1 critical)'라고 취약점이 많이 떠서 AI를 활용해서 취약점을 제거 했습니다. AI가 권하는대로npm audit fixnpm install @nestjs/common@latest @nestjs/core@latest @nestjs/platform-express@latest @nestjs/swagger@latest @nestjs/cli@latest @nestjs/testing@latest명령어를 사용하여 취약점을 제거했습니다. 이후 npm i 등 cmd 명령어를 순서대로 입력해서 해당 강의에서는 문제 없이 잘 진행이 됩니다.npm install @nestjs/XXX@latest 명령어들이 최신 버전을 설치하는거 같아서 나중에 버전 관련 문제가 생기지 않을까 걱정이 됩니다. 지금이라도 다시 백엔드 서버 세팅을 다시 맞춰서 강의와 맞는 버전으로 진행하는게 좋을까요?
-
미해결한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
모달 UI 관련 질문
이렇게 내용이 길어져서 모달 전체 크기인 max-h-[90vh]에 도달할 경우, 저는 모달 내부에 있는 버튼이 밖으로 안튀어나가게 작동할거라고 예상했는데, 첨부한 이미지처럼 튀어나가더라고요...이런 경우는 어떻게 해결할 수 있나요?
-
미해결React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지
안녕하세요 질문이 있습니다.
안녕하세요 강의를 너무 잘 보고 있습니다. 강의를 보다가 문득 궁금한점이 있는데 프론트엔드 취업을 위해서 어느정도로 알고 있어야 되는지 그리고 어디까지 공부를 하고 회사를 지원을 해야되는지 궁금하더라구요. 뭔가 완벽히 그리고 많이 알야된다는 걱정에 지원을 못하고 계속 공부만 하게 되는거 같은데 조언 부탁드립니다
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
tailwind css는 언제 사용되는가 또 다른 css와의 차이
안녕하세요.결론부터 말씀드리면, 언제 Tailwind CSS를 사용해야 하는지 아직 감이 잘 오지 않습니다.CSS를 적용하는 여러 가지 방식을 배우긴 했지만,리액트를 사용하다 보니 실무나 강의에서는 Tailwind CSS를 사용하는 경우가 특히 많다는 느낌을 받았습니다.그래서 “요즘은 거의 Tailwind가 기본처럼 쓰이는 건가?”라는 생각도 들게 됩니다.수코딩님이 항상 말씀해 주시는 것처럼,기술 자체보다도 어떤 상황에서 어떤 기술을 사용하는지가 더 중요하다고 생각하고 있습니다.그래서 단순히 “요즘 많이 쓰인다”는 이유로 선택하는 게 맞는지, 아니면 분명한 기준이 있는지 궁금해졌습니다.죄송합니다만 아직 이해가 부족해서 질문드리고 싶습니다.Tailwind CSS는 어떤 상황에서 사용하는 것이 적절한지실제로 실무에서 거의 고정적으로 사용되는 편인지CSS Module, Styled Components 같은 다른 방식들은 요즘 잘 사용되지 않는지만약 사용된다면 각각은 어떤 상황에 더 적합한지이 부분을 비교해서 정리해 주실 수 있을지 궁금합니다.“언제 어떤 CSS 방식을 선택해야 하는가”라는 관점에서 설명해 주시면 감사하겠습니다
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
카카오 web플랫폼 등록
현재 카카오 개발자 페이지에서 플랫폼에 계정상태 변경 웹 훅 , 연결 해제 웹훅 , 카카오톡 공유 웹훅 이 있는데 수업에서 보여주시는게 달라서 질문드립니다 이 화면에서 계정 상태 변경 웹훅 설정을 들어가면 이 화면이 나오는데 여기서는 https 프로토콜만 사용이 가능하다고 나오는데 이 설정은 어떻게 해야 할까요? 현재 mongdb 와 그 이외에 모든 환경설정은 강의와 똑같이 했는데 카카오로그인 페이지 이동 자체가 안되서요!!
-
미해결스프링 부트와 리액트로 구현하는 보안 JWT 로그인
섹션 9 실전 질문
강사님 세션 9에서 Secretes Manager나 Parameter Store 를 현업에서도 깃허브 액션 하고 같이 쓰나요?이거 궁금해서 질문드립니다.
-
미해결React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지
질문 : 삭제 버튼 아규먼트 (id)
갑자기 이해가.. .이게 왠.. ㅡㅡ;;; const handleDeleteItem = id => { setDummyData(dummyData.filter(item => item.id !== id)); };에서 id 값을 어디서 가지고 오는지 알 수 있을까요?
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
넥스트 버젼 질문
안녕하세요 강의를 사놓고 조금 듣고 네이티브 공부를 하다가 다시 공부를 하려고합니다 강의상에서는 넥스트를 9버젼을 쓰는데 최신 버젼을 쓰는걸 추천하실까요? 아니면 구버젼 그대로 쓰는걸 추천하실까요?
-
해결됨한 입 크기로 잘라먹는 Next.js
eslint.config.mjs 내 rules 어떻게 설정 하나요?
import { defineConfig, globalIgnores } from "eslint/config"; import nextVitals from "eslint-config-next/core-web-vitals"; import nextTs from "eslint-config-next/typescript"; const eslintConfig = defineConfig([ ...nextVitals, ...nextTs, // Override default ignores of eslint-config-next. globalIgnores([ // Default ignores of eslint-config-next: ".next/**", "out/**", "build/**", "next-env.d.ts", ]), ]); export default eslintConfig;위 와 같이 구성 되어 있는데, "@typescript-eslint/no-unused-vars: "warn""@typescript-eslint/no-explicit-any": "off"이 두가지 옵션을 어디에 입력해야 될지 모르겠어요 제미나이 답변으로는 아래 처럼 하라는데, 맞을까요?import { defineConfig, globalIgnores } from "eslint/config"; import nextVitals from "eslint-config-next/core-web-vitals"; import nextTs from "eslint-config-next/typescript"; const eslintConfig = defineConfig([ ...nextVitals, ...nextTs, // Override default ignores of eslint-config-next. { rules: { "@typescript-eslint/no-unused-vars": "warn", "@typescript-eslint/no-explicit-any": "off", }, }, globalIgnores([ // Default ignores of eslint-config-next: ".next/**", "out/**", "build/**", "next-env.d.ts", ]), ]); export default eslintConfig;
-
미해결코드로 배우는 React 19 with 스프링부트 API서버
17강 문의드립니다.
여기에서 DB 표 볼 수있는 방법이 뭔지 알려주실 수 있을까요?
-
미해결제로베이스부터 배우는 웹개발의 개념과 바이브 코딩
깃 실습할때 MyCoolApp관련 내용 직접 적어야 하나요?
코드 아예 모르는 생초보라..선생님은 미리 짜 놓은 내용으로 붙여넣으시는데 제가 관련 내용 직접 쳐야 하는게 의도인지, 아니면 다른 방식으로 적당히 내용을 채워야 하는지..? 궁금해서 여쭙니다ㅎㅎ아니면 혹시 해당 내용 텍스트로 공유해주셨거나 강의록등에서 확인할 수 있을까요?