import { useId } from "react"; type CheckboxProps = Omit<React.ComponentPropsWithoutRef<"input">, "type"> & { type?: "checkbox"; parentClassName: string; }; export default function Checkbox(props: CheckboxProps) { const uuid = useId(); const { parentClassName, children, ...rest } = props; return ( <> <div className={parentClassName}> <input id={uuid} {...rest} /> <label htmlFor={uuid}>{children}</label> </div> </> ); } useEffect(() => { const randomText = Array.from( { length: 100 }, (_, index) => `Todo Item #${index + 1}`, ); randomText.forEach((text) => addTodo(text)); }, []); 대량 데이터 생성 후 테스트를 하는데 중복 키값이 생성되었는데요. uuid 부분인 것 같은데. 노트북 장비 사양 때문에 그런건지요? installHook.js:1 Encountered two children with the same key, 1770775434402 . Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.
강사님께서 {number} , {undefined} 이런 것들을 예시로 보여주면서 어떤건 렌더링되고 어떤건 오류는 안 나지만 렌더링 되진 않는다 얘기를 해주셨는데요 그 중에 [{1,2,3}] 처럼 배열로 되어 있는 건 배열로서 나타나는게 아닌 123 이렇게 숫자가 붙어서 렌더링이 되던데 이게 특별한 이유가 있는 걸까요?
안녕하세요 저도 아래에 글 남기신 분과 같은 질문사항인데요 카카오개발자센터가 리뉴얼 되면서 Web 플랫폼 등록을 어디서 해야될지 모르겠습니다. 올려주신 리뉴얼 영상에서는 리다이렉트 URL 설정하는 부분만 나와있습니다. 그리고 앱 띄워서 로그인 버튼을 클릭하면 아무런 반응이 없는데 onClick 같은 요소가 존재하지 않아서 그런 것 같습니다. 확인해주시면 감사하겠습니다. {/* 카카오 로그인 버튼 */} <button className="w-full flex items-center justify-center gap-2 bg-[#FEE500] text-[#000000] py-3 rounded-lg hover:bg-[#FDD800] transition-colors font-medium"> <img src="https://developers.kakao.com/assets/img/about/logos/kakaolink/kakaolink_btn_small.png" alt="Kakao Logo" className="w-5 h-5" /> Continue with Kakao </button>
안녕하세요. 이번에 챌린지에 참석했는데요. 아래처럼 한빛 마일리지 2만점 지급이라고 되어 있는데, 강의에는 관련 내용이나 안내가 없네요. 제가 인프런에서 한빛미디어 도서로 완독챌린지를 몇번 한적이 있는데 보통 1주차에 도서 구입 인증하고, 마지막 회차에 한빛 마일리지 적립을 구글 폼을 받더라구요. 이번 강의는 그런게 없고, 별도 안내도 안되어 있습니다.
선생님 안녕하세요. 편의적으로 연동해서 사용하는 것은 알겠지만 . Cursor와 Claude를 연동해서 사용하려고 하는데, 환경 설정 단계에서 계속 문제가 발생해서 질문드립니다. 현재 Cursor와 Claude CLI 설치, 확장 설치, 환경 변수 설정 등 여러 방법을 시도해봤는데 터미널에서 IDE 연동이 제대로 되지 않아 Cursor 내부에서는 Claude 패널이 보이긴 하지만, 터미널에서는 /ide 연결이 계속 실패하고 있어 환경 설정 단계에서 학습 진행이 멈춘 상황입니다. 그래서 질문드립니다. 강의를 진행할 때 반드시 Cursor와 Claude를 연동해서 사용해야 하는지 Cursor–Claude 연동은 나중에 익숙해진 뒤에 설정해도 괜찮은지 환경 설정에 시간이 너무 많이 소요되어 학습 진도가 전혀 나가지 않고 있어 조언 부탁드립니다. 감사합니다.
내가 타이타닉에 탔었다면?! PyTorch & Next.js로 생존 확률 예측 AI 웹 서비스 만들기
안녕하세요! 코드 중에서 이해 안가는 부분이 있어 질문드립니다. fig = px.sunburst(df, path=["Pclass", "Sex", "SurvivalStatus"], values="PassengerId", # 각 조각의 크기를 승객 수로 설정 title="Hierachical View of Survival by Class and Sex", color="Survived", color_discrete_map={1:'gold', 0:'darkblue'}) fig.show() 여기에서 values="PassengerId", # 각 조각의 크기를 승객 수로 설정 이라고 하셨는데 PassengerId는 단순 인덱스 개념이 아닌가요? 왜 사람 수를 의미하게 되는지 이해가 잘 가지 않습니다.
안녕하세요 선생님. Cursor에서 Claude IDE 연동 문제 때문에 문의드립니다. 현재 상황을 정리하면 다음과 같습니다. Cursor에서 Claude Code 확장 설치 및 활성화 완료 Cursor 좌측에 Claude 패널이 정상적으로 표시되고 응답도 생성됨 Claude CLI는 native 버전(2.1.37)으로 정상 실행됨 /doctor 결과도 native 실행 상태로 정상 표시됨 하지만 터미널에서: claude /ide 를 실행하면 계속 아래 메시지만 반복됩니다. Installed extension to Cursor No available IDEs detected. 또는 IDE selection cancelled 환경변수(PATH), npm 설치 제거, native 재설치, 프로필 충돌 제거 등 가능한 설정은 전부 점검하고 초기화까지 진행했지만 터미널에서 IDE 감지만 계속 실패하는 상태입니다. 다만 Cursor 내부 Claude 패널에서는 코드 분석과 응답이 정상적으로 동작합니다. 이 경우: Windows + Cursor 환경에서 /ide 감지가 안 되는 것이 정상적인 현상인지 강의 진행 시 터미널 IDE 연동 없이 Cursor 패널만 사용해도 되는지 추가로 확인해야 할 설정이 있는지 확인 부탁드립니다. 감사합니다.
현재 안내된 내용을 기준으로 볼 때, 전반적인 진행 구조와 참여자가 실제로 무엇을 어떻게 수행해야 하는지에 대한 설명이 다소 부족하게 느껴집니다. 강의 소개에는 20개 수업 학습 4회 미션 수행 라이브 1회 질문에 대한 즉답 한빛 마일리지 최대 2만 점 지급 역자 동영상 강의 제공 등이 안내되어 있습니다. 다만 실제 진행을 살펴보면 별도의 강의 제공은 없는 것으로 보이며, 각자 자료를 읽은 뒤 ‘봤어요’ 체크를 하는 방식의 챌린지인지 궁금합니다. 만약 해당 방식이 맞다면, 개인적으로 학습하는 것과 비교했을 때 챌린지에 참여함으로써 얻을 수 있는 차별점이나 장점이 무엇인지도 함께 안내해주시면 감사하겠습니다. 챌린지의 취지와 기대 효과를 보다 명확히 이해하고 싶어 문의드리오니, 확인 후 안내 부탁드립니다.
안녕하세요 강사님 제가 알림기능을 만들려고 하는데 예를 들어 음식을 사고 영수증을 찍었을 때 OCR 기술을 이용하여 사진을 인식하여 유통기한이 임박했을때 알림이 오는 기능을 만들려고 생각중입니다. 이런 경우는 따로 ERD 를 이용해서 만들어야 할까요? 이런 기능 자체가 처음이라 질문드립니다. 그리고 알림 기능은 현업에서 파이어베이스를 쓰는 게 맞을까요?
https://www.youtube.com/watch?v=k1l4NJw5SF0 해당 유튜브 채널에서 설명하는 AI 프로젝트 팀을 만드는 방법이 서브 에이전트를 관련된 전문가로 만들어서 서브에이전트 체이닝을 통해 각 전문가 서브에이전트들이 하나의 프로젝트에 대해서 협업해서 업무를 보게끔 만들어내는 방식이 맞을까요?
