묻고 답해요
167만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
컴포넌트 그리고 폴더 구조에 대해
안녕하세요.리액트를 공부하면서 컴포넌트 나누는 기준이 헷갈려서 질문드립니다.강의에서 컴포넌트 분리에 대해 설명을 듣긴 했는데,막상 제가 직접 코드를 짜다 보니까 어디까지 나누는 게 맞는지 감이 잘 안 옵니다.제가 헷갈리는 부분은 이런 점들입니다.컴포넌트는중복되는 UI가 있을 때만 나누는 건지,아니면 처음부터 최대한 작고 이해하기 쉬운 단위로 나누는 게 좋은 건지 잘 모르겠습니다.또 컴포넌트 안에서 코드를 작성하다 보면“이건 그냥 이 컴포넌트 안에 둬도 되나?”“아니면 여기서 한 번 더 분리하는 게 맞나?”이런 판단을 어떤 기준으로 해야 하는지도 잘 모르겠습니다.폴더 구조도 사람마다 다 달라서어떤 구조가 좋은 구조인지,초보자 입장인 저한테는 아직 잘 모르겠습니다이론적으로는 이해한 것 같은데,실제 코드에서는이 분리가 과한 건지, 부족한 건지 판단이 잘 안 됩니다.리액트에서 컴포넌트를 나눌 때어떤 생각 흐름으로 판단하면 좋은지,알기 쉽게 설명해주시면 감사하겠습니다.
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
claude code cli 멈춤 현상 문의
Cursor, VSCode 등 다양한 IDE와 Powershell 등의 환경에서 Claude Code 명령 프롬프트를 입력하고 실행할 경우 진행이 정상적으로 잘 되다가 멈춤 현상이 발생하고 있습니다.예시)토큰 양을 늘어나거나 줄어들지 않고 시간만 늘어나는 무한 로딩 현상 발생토큰도 시간도 늘어나지 않고 현재 진행 중인 작업이 모든 하얀색 동그라미 모양이 깜빡이는데 그런 깜빡임조차 존재하지 않는 현상 발생/compact 및 /clear를 진행하고 명령을 내려도 발생하고 있습니다.처음 작업을 시작할 때도 발생하고 있습니다.이러한 현상들이 저의 노트북 설정 혹은 IDE, Powershell 설정 오류로 인해 발생하고 있는 현상인지, 아니면 Claude Code cli의 문제인지 확인하고 싶습니다. 이러한 현상들로 인해 토큰을 낭비하고 있는 상황이 지속적으로 발생하고 cluade --resume을 지속적으로 해야되는 상황이 발생하고 있습니다.
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
나만의 커스텀 출력 스타일 파일 만들기
이번 미션 4단계에서 Markdown파일을 만들때 파일생성위치는 파워셀에서 하는 건가요? 아니면 그냥 윈도우 폴더로 들어가서 만드는건가요?그리고 인터넷에 검색해보니 메모장에서 만들라는데 무슨말인지 모르겠네요 ㅠ컴퓨터 초보자라 많이 힘드네요 ㅠ
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
Live Server 실행 후 브라우저 자동 활성화 방법
안녕하세요 강의 잘 듣고 있습니다.비주얼 스튜디오 Live Server 확장 다운받고 'Open with Live Server'을 눌러서 실행을 했는데 브라우저(크롬)가 자동으로 켜지지 않습니다.실행을 하고 직접 주소를 입력하면 접속은 됩니다. 어떻게 하면 자동으로 활성화 되게 할 수 있을까요?
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
152강 보는중입니다. 초시계부분이구요. 넘버가 timeout을 받을수없다는 에러가 나오고 있어요
안녕하세요. 강의 너무 잘 보고 있습니다.강의자님은 이 부분에 빨간줄이 안나오는데 저는 빨간줄이 나오고 있어서 문의 드립니다.리액트는 19버젼인 것 확인 했습니다. intervalId 으로 시간 받는 부분인데요. 기능은 잘 작동하고 있지만 강사님은 안나오고 저만 나오고 있어서 문의 드립니다.항상 감사합니다!! ㅎㅎ
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
폼테그 다른 태그를 하나의 상태 객체로 묶기
폼을 만들 때input, textarea, radio, checkbox 같이 태그 종류가 달라도하나의 객체 상태로 묶어서 관리하는 방식으로 만들어 보았습니다만 실무에서나 보통은 하나씩 만드는지 아니면 이것또한 정답이 없는지 궁금합니다!아니면 상황에 따라 상태를 나누는 기준이 따로 있는지도 궁금합니다.
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
class를 className으로 전부 수정하실 때
안녕하세요. class로 되어 있어서 에러가 나는 부분을 전부 className으로 수정하실 때선택할떄에 윈도우는 컨트롤+쉬프트+L을 눌르셨었나요? 그게 저는 안되서 일단 컨트롤 + D로 하나하나 선택을 했었느데요. 여러 row를 한번에 선택해서 수정할 떄에어떤 키를 누르시는지 궁긍합니다.
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
JWT에 대한 개념도 학습할 수 있나요?
카카오 로그인이라는 파트가 있던데, JWT 관련한 개념도 나오는지 궁금합니다.
-
미해결Complete Full-Stack Python Developer Roadmap: Learn FastAPI, React, Database Design API Architecture
강의 업데이트에 대해 문의드립니다.
안녕하세요.커리큘럼을 봐도 현재 업데이트된 강의 시간내에 전부 커버가 안되고 있는 것으로 보이는데,강의는 어느정도 길이로 계획되어있고, 언제 업데이트가 전부 완료될지 예상 시점이 궁금하여 문의드립니다.
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
윈도우 설치 문의 설치 : windows 탭 복사 붙여넣기 후 실패 npm 으로 설치 후 path부분이 영상과 다르게 나오질 않음
window ->irm https://claude.ai/install.ps1| iex 붙여넣기 했을 때 설치가 되지 않아 npm으로 설치 했는데 npm으로 설치하면 선생님이 말씀하신 path 복사할 내용은 따로 나오질 않아 그대로 폴더 생성 후 실행했는데 제대로 설치가 되지 않은 듯 합니다. 확인 부탁드립니다.
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
수업자료 다운로드
수업자료는 한 번 다운받으면 다시 받을 수 없나요?
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
ctrl+v 안먹는 오류.
안녕하세요. 선생님.커서에서 클로드코드 쓸 때 ctrl+v로 붙혀넣기가 안됩니다. 커서에서 파워쉘에 입력할 때는 잘 되는데, claude 명령어를 입력해서 클로드코드로 작업할 때는 ctrl+v가 안먹어요. art+v도 안먹습니다.텍스트 붙혀넣기텍스트 붙혀넣기는 클로드코드 내에서 ctrl+v, alt+v 등 전부 다 안됩니다. 마우스 우클릭을 하면 붙혀넣어지는데 이게 너무 불편해요 ㅠ 클립보드 이미지 붙혀넣기이것도 ctrl+v alt+v 다 안되기는 마찬가지입니다. 클립보드에 확실히 저장이 된 건 그림판에서 체크를 해 봤습니다. 이건 마우스 우클릭으로도 붙혀넣기가 안돼요.파일을 이미지로 저장한 후에 드래그 드롭으로 하고 있는데 너무 비효율적입니다.혹시 이거 2개 해결방법이 있을까요?
-
미해결실무에 바로 적용하는 스토리북과 UI 테스트
Storybook 10에서 argTypes에 action 설정 시
안녕하세요! 강의 실습 도중 설정 방식과 관련하여 궁금한 점이 생겨 질문 드립니다.강의에서는 argTypes 안에 onClick: { action: 'clicked' }를 추가하셨는데, 제가 사용 중인 Storybook 10 버전에서는 argTypes 작성 시 action이라는 키 자체가 자동 완성(타입 추론)에 나타나지 않습니다.이와 관련하여 두 가지가 궁금합니다.타입 추론 문제: argTypes에서 action 키가 뜨지 않는 것이 Storybook 버전이 올라가면서 바뀐 방식인가요? 아니면 제가 별도의 설정을 놓치고 있는 것인가요?설정 방식의 차이: 현재 강의에서는 아래 두 가지를 모두 사용하셨습니다.argTypes: { onClick: { action: 'clicked' } }args: { onClick: fn() }만약 저처럼 argTypes에서 action 키가 제대로 인식되지 않는 상황이라면, args에 fn()만 작성해도 강의 내용처럼 액션 로그를 확인하는 데 문제가 없는 것인지 궁금합니다.action: 'clicked'를 사용하는 이유: 단순히 이벤트를 연결하는 것 외에 action이라는 키를 통해 'clicked'라는 라벨을 따로 지정해주시는 특별한 이유가 있으신가요?버전 차이 때문인지 제가 타입을 잘못 다루고 있는 것인지 몰라 질문 남깁니다. 답변 부탁드립니다!
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
섹션 24/25 미션관련하여 따라하기 튜토리얼을 만들어주시면 좋을 것 같습니다.
지금까지 영상을 쭉 봐왔고, 대략적인 흐름은 알 것 같아요. 미션 24/25가 지금까지 학습한 내용을 요약해서 실습을 하는 중요한 내용인데, 따라하기 형식으로 요약 영상 또는 튜토리얼 문서를 하나 만들어 주시면 큰 도움이 될 것 같습니다. 최대한 빠른 시간에 하나의 앱을 한 번 만들수 있도록 지원 부탁드립니다. 내용은 너무 훌륭하고 많은 것을 배우고 있습니다. 감사해요. 강사님의 다른 영상으로도 지속적으로 학습할 예정입니다.
-
미해결한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
캐시 데이터 다루기 - 낙관적 업데이트(2)에서 질문
createTodo의 리턴값을 활용하면서 Todo를 생성했을 때, 캐시 무효화를 해서 데이터가 많은 경우 서버에 부하를 주는 코드를 개선했었었는데, 낙관적 업데이트2에서 데이터의 무결성을 위해 onSettled에서 queryClient.invalidateQueries를 호출했는데 여기서는 괜찮은 걸까요?
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
128. 스킬..아쉽습니다.
mcp 사용 해서 사이트 작성 하는 것은 어렵지도 않고..찾아보면 자료도 많습니다.저 또한 평상 시 MCP 는 잘 쓰고 있는데 스킬은 이해가 안되서 유튜브 영상 이나 블로그 등 자료를 많이 찾아 봅니다.그래도 이해가 안되더군요..지금 이 영상도..다른 영상이나 블로그 등에서 본 내용과 별반 다른 내용은 없었던 것 같습니다.그래서..- skill 이라는 것을 어떻게 작성 하는 건가요?- skill 이라는 것을 어떤 내용을 작성 하는 건가요?지금 이 영상도..클로드코드 사이트에 있는 예시를 사용 해서 설명 하는데..이게..실제 프로젝트에 적용 할 수 있다고 보시나요?이런 거 말고..실제로 사이트 제작 시 스킬을 이용 해서 작성한다던가 ..하는...실제로 사용할 수 있는 것을 예시라도 보여 주셔야죠..단순히 클로드코드 사이트에 있는 예시 하나 보여준다고 해서..크게 도움이 될 것 같지는 않습니다.
-
미해결클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
claude code cli 내 한글 조합 중 입력 외부 표기
사진처럼 안녕 다음 "아"라는 글자를 쓰고 있는데, 자음 모음을 모두 조합하는 과정에선 저렇게 실선 바깥에서 조합이 되고, 다음 글자 입력이 될 때 이전 조합이 완료되었다 판단하며 다시 실선 내에 표시되고 그런 현상이 있습니다... iTerms를 사용해도, cursor 에디터 내 터미널을 사용해도 동일 증상이 재현됩니다...
-
미해결React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지
Tailwind 버전 확인
Tailwind 버전 확인 tailwnd 버전차이 인지요 ? (AI 질문 발췌: text-5xl은 Tailwind v4에서도 정상적으로 지원되는 클래스입니다.)스타일이 적용 될 수 있는 설정 방법이 있을까요? 강의내용에 tailwindcss 는 v3.x 이면v3 버전으로 재 설치를 해야 빠를까요?
-
해결됨한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
onError 콜백에 파라미터 없음에도 추가하신 이유가 무엇인가요?
인증에러처리하기1 의 10:29 에서 if (callbacks?.onError) callbacks.onError(errror);sign-in-page.tsx 에서 넘겨준 onError에는 파라미터가 없는데도 넘겨준 이유가 어떤건지 궁금합니다.
-
미해결얄코의 가장 쉬운 리액트(React)
화면표시 잘못된것같아요! 화면오류?
🛑 질문은 이곳이 아닌, 노션 페이지에 해주세요!!질문 방법 보기: https://youtu.be/2OQoqcQMxhA노션 페이지 링크: https://yalco.notion.site/157ff6b3a35780918b5af38738e7758c?pvs=4 5:50 부분 화면 표시가 잘못된것같습니다.Color count: {colors.length} 인데 위에 const numbers = [1, 2, 3, 4, 5]; 로 표시되어져있어요.