172만명의 커뮤니티!! 함께 토론해봐요.
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
강사님이 커서 사용하고 계셔서 필요 기능들 다운바등려고 했는데 강사님 화면에 있는 아이콘이 아얘 없습니다. 커스터마이즈에서 검색해도 아무것도 나오지 않아요
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
맥 커서에서 클로드 어떻게 실행하나요?
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
서브 에이전트를 생성 서브에이전트 이름 : notion-api-export "당신은 웹에서 노션 API데이터베이스를 활용한 웹을 전문적으로 개발하는 개발자입니다. " 프롬프트이후에 agents/notion-api-export.md 파일은 생성되었는데. "/exit" 이후 새로운 섹션에서 @notion~~~(agent)로 자동 완성이 안되는 이유가 무엇이죠? "@pred-generator(agent) 자동 완성되는데 <- 서브 에이전트로 등록되는데." 현재 터미널에서 "claude"로 클로드를 실행합니다. "code" 확장 프로그램에서 사용하지 않음 그리고 . workspace\.claude\agents\ notion-api-export.md 이용해서 노션 API로 데이터베이스를 사용하는 방법을 분석해 주세요 @notion-api-export (agent) 노션 API로 데이터베이스를 사용하는 방법을 분석해 주세요 1과 2의 결과가 다른거죠? 이미지처럼 결과는 나오네요 당연히 섹션 재시작 후에도 안 되네요.
해결됨
제대로 배우는 HTML + CSS: 입문부터 실전까지 완벽 정복 Part2 - [중급편]
안녕하세요. 👋 ‘제대로 배우는 HTML + CSS: 입문부터 실전까지 완벽 정복 Part2’ 강의에 오신 것을 진심으로 환영합니다. 백문이 불여일견! 이제 곧 본격적인 학습이 시작됩니다. 이 강의에서는 HTML 과 CSS 의 기초부터 웹 개발에 꼭 필요한 핵심 개념까지 체계적으로 학습하실 수 있습니다. 학습 중 궁금한 점이나 에러가 발생한다면, 언제든지 [질문 답변] 게시판을 이용해주세요. 부담 없이 질문하셔도 되며, 질문 시 발생한 에러 메시지나 관련 코드 일부 를 함께 첨부해 주시면 더 빠르고 정확하게 도와드릴 수 있습니다. 또한, 이미 시도해보신 해결 방법 이 있다면 함께 공유해 주시면 더욱 좋습니다. 추가로, 강의 전용 오픈채팅방에서도 실시간으로 도움을 드리고 있습니다! 함께 소통하며 즐겁게 웹 개발을 시작해 봅시다! 🚀 🔗 오픈채팅 링크: https://open.kakao.com/o/gC10Fnoh 여러분의 질문을 항상 환영합니다. 최대한 빠르게 피드백 드리도록 하겠습니다. 즐거운 학습 되세요! 😊
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
계속 이런 애러가 뜨고 기존에 있던 질문 답변들도 확인해서 해봤는데도 해결이 안됩니다.
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
클로드 코드 프로그램을 사용하지 않고 굳이 터미널을 이용한 작업을 하는 이유가 무엇인가요? 여기저기 강좌를 봐도 터미널로만 수업하긴 해서 그냥 그게 맞는거겠지 하고 수업을 듣고 있는데요. 명령프롬프트를 배우는 이유는 무엇인가요?
미해결
이거 하나로 종결-고품질 리액트와 스프링부트 65시간 풀스택 개발 강의(도커, AWS, GITHUB-ACTIONS)
https://webstoryboy.co.kr/category/Reference/HTML 로 주소가 변경되었다고 올려주셨는데 404 에러가 뜨네요. 강의자료 다운만 받으면 해당 사이트에 있는 내용은 따로 필요가 없을까요?
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
좌측은 커서를 다운받고 처음 실행시켰을 때 나오는 화면입니다. 그리고 좌측 사진에서 우측 상단에 IDE-> 를 클릭하였을 때 나오는 화면이 우측사진입니다. 우측 사진의 화면이 수업에서 나오는 화면과 같은 화면인데 항상 우측 화면이 기본값으로 세팅할 수는 없나요?
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
sonnet으로 변경후 model 확인거 따라하는데 안됨 변경전도에도 /model 명령어를 못찾는것 같아요 path 등이 이상한가요?
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
제목 그대로 실행했는데, 계산기, 카운터앱, 할일목록앱, 스톱워치 앱이 html로 작성된 것 은 확인되었으나, 같은 폴더내에 파일로 자동 저장되지 않고, 토큰을 사용해서 파일로 저장되게끔 명령해야 되는데, 이렇게 저장해야 하는지요?
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
새로 프로젝트를 만들려고 NEXT.JS , ShadCN 도 설치했는데 .claude가 보이지 않습니다. 왜 그런지 모르겠어요
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
어제 구글계정 새로 개설하고요. 커서랑 클로드 결제까지 마친 계정이 사용중지 되었다고 하는데요. 이런경우는 어떻게 해결하면 좋을까요? 학습용으로 사용중이였는데요.ㅠ
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
--scope 는 @playwright/mcp 자체의 옵션이 아니라, Claude Code에서 MCP 서버를 등록할 때 쓰는 claude mcp add 명령의 옵션입니다. 그래서 npx @playwright/mcp@latest 에 직접 붙이면 인식이 안 됩니다. Claude Code에 프로젝트 범위로 등록하고 싶다면 claude mcp add playwright --scope project -- npx @playwright/mcp@latest 단순히 playwright mcp 서버만 실행하고 싶다면 ( --scope 없이) npx @playwright/mcp@latest 목적에 따라 어떤 걸 원하시는지 알려주시면 정확히 안내해 드릴게요.
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
프로젝트를 3번째를 만들면서 커밋을 할려고 버튼(기호생략)을 누르면 기존의 프로젝트의 커밋화면으로 이동합니다. 제가 무엇을 잘못한거가요 쉽게 알려주세요
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
Context7 깃헙에 들어가도 영상과 같이 claude code remote server connection같은 건 없고 설치 방법이 바뀐듯 합니다....
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
\init를 마지막에 매번 하면 Claude.md가 업데이트 되는건가요?? 이전강의 \init초기화 에서 보면 _ claude가 프로젝트 전체를 분석해서 현재 상황을 완벽하게 이해한 다음 claude.md파일을 자동생성한다 라고 하셨습니다. 그 프로젝트를 이어서 진행하고 마지막에 \init를 하면 기존에 있던 md파일에 자동으로 업데이트가 되는건지 궁금합니다.
해결됨
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
안녕하세요 정환님! 정환님의 강의를 들으면서 코드를 따라 작성해보다가 포스트와 이미지를 최종적으로 업로드 하는 과정에서 아래의 캡쳐 사진과 같이 포스트 생성에 실패했다는 에러 메시지가 뜨게됩니다. 네트워크 탭에 보면, 포스트 부분은 잘 전달이 되는거같은데 이미지 생성에 관한 결과가 보이지 않는 것으로 보아 이미지 생성 관련 코드에서 문제가 생긴것같은데 무슨 문제일까요??..ㅠ 아래는 해당 코드들입니다. 이미지 생성 관련 코드를 가져왔는데 혹여나 다른 부분의 코드가 필요하면 추가 업로드 드리겠습니다. api/post.ts import type { PostEntity } from './../types'; import supabase from '@/lib/supabase'; export async function createPost(content: string) { const { data, error } = await supabase .from('post') .insert({ content }) .select() .single() if (error) throw error return data } export async function createPostWithImages({ content, images, userId }: { content: string images: File[] userId: string }) { // 1. 새로운 포스트 생성 (맨 위에서 생성한 포스트 비동기 함수 가져오기) const post = await createPost(content) if (images.length === 0) return post // 2. 이미지 업로드 try { const imageUrls = await Promise.all( images.map((image) => { const fileExtension = image.name.split(".").pop() || "webp" const fileName = `${Date.now()}-${crypto.randomUUID()}.${fileExtension}` const filePath = `${userId}/${post.id}/${fileName}` return uploadImage({ file: image, filePath }) }) ) // 3. 포스트 테이블 업데이트 const updatedPost = await updatePost({ id: post.id, image_urls: imageUrls }) return updatedPost } catch(error) { await deletePost(post.id) throw error } } export async function updatePost(post: Partial<PostEntity> & { id: number }) { const { data, error } = await supabase .from("post") .update(post) .eq("id", post.id) .select() .single() if (error) throw error return data } export async function deletePost(id: number) { const { data, error } = await supabase .from("post") .delete() .eq("id", id) .select() .single() if (error) throw error return data } hooks/mutations/post/use-create-post.ts import type { UseMutationCallback } from './../../../types'; import { createPost, createPostWithImages } from '@/api/post'; import { useMutation } from '@tanstack/react-query'; export function useCreatePost(callbacks?:UseMutationCallback) { return useMutation({ mutationFn: createPostWithImages, onSuccess: () => { if(callbacks?.onSuccess) callbacks.onSuccess() }, onError: (error) => { if (callbacks?.onError) callbacks.onError(error) } }) } components/modal/post-editor-modal.tsx import { Button } from '@/components/ui/button' import { Dialog, DialogContent, DialogTitle } from '@/components/ui/dialog' import { useCreatePost } from '@/hooks/mutations/post/use-create-post' import { usePostEditorModal } from '@/store/post-editor-modal' import { useSession } from '@/store/session' import { ImageIcon, XIcon } from 'lucide-react' import { useRef, useState, useEffect, ChangeEvent } from 'react' import { toast } from "sonner" import { Carousel, CarouselContent, CarouselItem } from '../ui/carousel' type Image = { file: File, previewUrl: string } export default function PostEditorModal() { const session = useSession() const { isOpen, close } = usePostEditorModal() const { mutate: createPost, isPending: isCreatePostPending } = useCreatePost({ onSuccess: () => { close() }, onError: (error) => { toast.error("포스트 생성에 실패했습니다", { position: "top-center" }) } }) const [content, setContent] = useState("") const [images, setImages] = useState<Image[]>([]) const textareaRef = useRef<HTMLTextAreaElement>(null) const fileInputRef = useRef<HTMLInputElement>(null) const handleCloseModal = () => { close() } const handleCreatePostClick = () => { if (content.trim() === "") return createPost({ content, images: images.map((image) => image.file), userId: session!.user.id }) } const handleSelectImages = (e:ChangeEvent<HTMLInputElement>) => { if (e.target.files) { const files = Array.from(e.target.files) files.forEach((file) => { setImages((prev) => [ ...prev, { file, previewUrl: URL.createObjectURL(file) }, ]) }) } e.target.value = "" } const handleDeleteImage = (image:Image) => { setImages((prevImages) => prevImages.filter((item) => item.previewUrl !== image.previewUrl)) } useEffect(() => { if (textareaRef.current) { textareaRef.current.style.height = "auto" textareaRef.current.style.height = textareaRef.current.scrollHeight + "px" } }, [content]) useEffect(() => { if (!isOpen) return textareaRef.current?.focus() setContent("") setImages([]) }, [isOpen]) return ( <Dialog open={isOpen} onOpenChange={handleCloseModal}> <DialogContent className="max-h-[90vh]"> <DialogTitle>포스트 작성</DialogTitle> <textarea disabled={isCreatePostPending} ref={textareaRef} value={content} onChange={(e) => setContent(e.target.value)} className="max-h-125 min-h-25 focus:outline-none" placeholder="무슨 일이 있었나요?" /> <input onChange={handleSelectImages} ref={fileInputRef} type="file" accept="image/*" multiple className="hidden" /> {images.length > 0 && <Carousel> <CarouselContent> {images.map((image) => <CarouselItem className="basis-2/5" key={image.previewUrl}> <div className="relative"> <img src={image.previewUrl} className="h-full w-full rounded-sm object-cover" /> <div onClick={() => handleDeleteImage(image)} className="absolute top-0 right-0 m-1 cursor-pointer rounded-full bg-black/30 p-1" > <XIcon className="h-4 w-4 text-white"/> </div> </div> </CarouselItem>)} </CarouselContent> </Carousel>} <Button onClick={() => { fileInputRef.current?.click() }} variant={"outline"} className="cursor=pointer" > <ImageIcon/> 이미지 추가</Button> <Button disabled={isCreatePostPending} onClick={handleCreatePostClick} className="cursor=pointer"> 저장 </Button> </DialogContent> </Dialog> ) }
미해결
타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지
카카오 로그인 후 이메일을 입력하고 몽고DB에 이메일과 refresh token이 저장된 것 까지 확인은 했는데 쿠키가 생성되지 않고 있네요. 강사님 네이버메일로 소스코드링크를 보냈습니다.
미해결
[Rookiss] 클로드 코드 개발을 위한 CS 입문 (인터랙티브 교재)
선생님 디스코드 안들어가져요 ㅠㅠ
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
항상 잘 듣고 있습니다^^
