172만명의 커뮤니티!! 함께 토론해봐요.
미해결
[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
피그마 mcp연결이 안되요...링크주신 피그마도 유료계정결제하고 피그마연결블로그도 보고했는데.. 연결되었다고 나오는데 커서에 세팅에 빨간불이 안없어지고 [INFO] Connecting to Figma socket server at ws://localhost:3055... [INFO] FigmaMCP server running on stdio [INFO] Connected to Figma socket server [DEBUG] Received message: "Please join a channel to start chatting" [LOG] myResponse"Please join a channel to start chatting" [INFO] Received broadcast message: "Please join a channel to start chatting" 이런에러만뜨고요.. 로그를 보니 피그마 소켓 서버에는 연결이 되었지만, 채널에 참여하라는 메시지가 계속 표시되고 있습니다. 이는 피그마 플러그인이 실행 중이지만 채널 연결이 완료되지 않았다는 의미입니다. 피그마에서 다음 단계를 확인해보세요: 피그마 앱에서 Cursor Talk to Figma 플러그인이 실행되고 있는지 확인 플러그인에서 채널 생성 또는 참여가 필요할 수 있음 플러그인에서 채널 ID(udfelzqr)를 정확히 입력했는지 확인 피그마 플러그인 측에서 채널 연결이 완료되어야 터미널에서 실행한 명령이 제대로 작동할 수 있습니다. 현재는 이미 구현한 색상 토큰 시스템을 계속 사용하는 것이 좋겠습니다. 피그마 연결이 필요하시면 피그마 플러그인 설정을 다시 확인해주세요. 커서는 이렇게이야기하는데 왜 안되는지 알수가없습니다..ㅠㅠ
react next.js cursor 프롬프트엔지니어링 바이브코딩
김지영
2025-09-24T04:24:30.295Z
댓글 3
좋아요 0
조회수 710
해결됨
[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
안녕하세요. 강의를 이전에 구매하였는데 해당 강의가 챌린지 형태로 진행한다고 들었습니다. 기존 구매자는 챌린지에 참여할 수 없을까요?
react next.js cursor 프롬프트엔지니어링 바이브코딩
korea developher
2025-09-24T03:55:19.498Z
댓글 2
좋아요 0
조회수 82
해결됨
Cursor AI로 만들면서 배우는 Web & Javascript
강사님, 안녕하세요. 좋은 강의를 열어주셔서 감사합니다! 현재 업로드한 강의는 모두 들었으나, 아래 영상은 미제공되어 업로드 일정 문의드립니다. 1. 8/30 업로드 예정이나 미업로드된 강의(54, 55, 56, 57) 2. 영상 편집 중으로 미업로드된 강의(59) 3. 8/31 업로드 예정이나 미업로드된 강의(62, 63, 64, 65, 66, 67, 68, 69)
HTML/CSS javascript llm ai-활용-(ax) cursorai
gsleeap
2025-09-24T00:41:28.544Z
댓글 1
좋아요 0
조회수 98
해결됨
[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
피그마 소스파일을 복사해서 붙여 넣어도 그림은 안나오는데 어떻게 하는지 알려주세요
react next.js cursor 프롬프트엔지니어링 바이브코딩
windzero
2025-09-22T05:51:53.338Z
댓글 2
좋아요 1
조회수 107
미해결
[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
안녕하세요 38.2.가로고정형 레이아웃(A1-A4)보더를사용해서 Html+css 구조만들기 강의에서 html+css 코딩소스 다운로드 받을 수 있나요? 전체를 감싸는 컨테이너박스와 안에 있는박스 사이 1픽셀 공간이 남아서 소스를 비교해 볼려고 합니다
조추립
2025-09-22T01:28:32.541Z
댓글 1
좋아요 1
조회수 87
미해결
TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!
docs를 보니 4.1에서는 container가 목록에는 안보이는데, 앞으로 없어지는건가요? 코드상 동작은 하는데... 왜 최신 버전 docs에서 빠진건지 궁금하네요. 버전업 되면서 변경된거만 보이는건가요?
HTML/CSS javascript 반응형-웹 tailwindcss
Jmob
2025-09-21T16:57:05.756Z
댓글 2
좋아요 0
조회수 102
해결됨
비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
현재 2주차 완료" 3주차 진행 예정입니다. 1주차는 프로젝트 진행 사항 업데이트 항목이 있는데 2주차 부터는 보이지 않네요. 진행 사항 프로젝트 업데이트를 해야하는데 폴더 확인이 안됩니다. 제가 잘못 찾은 건지 아니면 제 인프런에는 없는 건지 문의 드리며, 앱으로는 100% 강의 수강이 완료 된 것으로 나오는데 웹으로는 몇개 비어 있네요. 부랴부랴 다시 들었는데 왜 그런건가요?
flutter next.js cursor supabase 바이브코딩
mildoneshot
2025-09-21T16:04:08.593Z
댓글 1
좋아요 0
조회수 55
해결됨
비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
npm, npx 모두 동작이 안돼요..ㅠ 그냥 cmd에서는 되는데 뭐가 문제일까요
flutter next.js cursor supabase 바이브코딩
2025-09-21T00:30:31.938Z
댓글 2
좋아요 0
조회수 129
해결됨
한 입 크기로 잘라먹는 Next.js
한입 프론트엔드 오픈채팅방 패스워드, 디스코드 서버 주소가 궁금합니다.
Smith
2025-09-20T13:22:55.223Z
댓글 1
좋아요 0
조회수 133
미해결
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
uri 서버를 들어갔더니 계속 무한로딩 되더라구요 그래서 서버 접속되는 포토폴리오용 주소로 했는데도 안됩니다. 무슨 문제인지 모르겠어요
react node.js seo graphql next.js
2025-09-20T07:52:55.728Z
댓글 2
좋아요 0
조회수 125
해결됨
[4주 완성] AI 바이브코딩으로 수익형 앱/웹 만들기
결국 uxui를 좀 그려놔야 이해가 되서, readdy 구매해서 그렷는데요.. 이걸 커서에게 파일로 줘도 자꾸 지 마음대로 구조를바꾸거나 하는데 저 구조 그대로 카카오맵 연동도 하고 하고 싶은데 어떻게하면 좋을까요.. db도 어렵고.. .
flutter next.js cursor supabase 바이브코딩
ngtos
2025-09-19T09:03:27.276Z
댓글 2
좋아요 0
조회수 82
미해결
HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
안녕하세요 선생님! 수업 잘 듣고 있습니다. 질문이 있어 글을 작성합니다. 강의와 같이 코드를 작성하였습니다. @media (max-width: 768px) { .modal-content { flex-direction: column; width: 100%; } } 위처럼 @media (max-width: 768px) { .modal-content { flex-direction: column; width: 100%; } } 를 작성하면 모바일에서 확인 시 새로 배치가 되어야 하는 것 같은데... 하단 이미지와 같이 가로 배치 그대로 유지 됩니다. 무엇이 문제일까요 ㅠㅠ 전체 코드는 아래와 같습니다. <body> <div class="modal"> <div class="modal-content"> <div class="photo"></div> <div class="desc"> <div class="desc-header"> <h2>지금 다양한 혜택을 받아보세요.</h2> <button class="btn-close">×</button> </div> <div class="desc-content"> <input type="email" placeholder="이메일 주소를 입력하세요." /> <button>뉴스레터 구독하기</button> <p> 스타트업메이트 뉴스룸의 다양한 소식과 혜택을 이메일로 받아 보시려면 구독 신청 해주시기 바랍니다. 스타트업메이트에 대해 알고 싶은 뉴스, 꼭 알아야 할 뉴스를 신속하고 정확하게 전합니다. </p> </div> </div> </div> </div> <div class="overlay"></div> </body> * { box-sizing: border-box; font-family: "Noto Sans", sans-serif; } body { font-weight: 300; color: #222; font-size: 15px; line-height: 1.6em; } a { color:#222; text-decoration: none; } .modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgb(0, 0, 0, 00.15); z-index: 10; overflow: hidden; } .modal-content { /* border: 1px solid #000; */ width: 600px; display: flex; } .modal-content > div { padding: 20px; } .photo { flex:1; background: url(/img/office.jpg) no-repeat center right; background-size: cover; } .desc { flex:2; text-align: center; } .overlay { background-color: hwb(0 0% 100% / 0.212); position: fixed; width: 100%; height: 100%; top: 0; left: 0; } .btn-close { position: absolute; top: 10px; right: 10px; background-color: transparent; border: none; font-size: 18px; color: #999; cursor: pointer; } .btn-close:hover { color: #000; } .desc-content input[type=email] { display: block; width: 100%; text-align: center; padding: 7px; margin-bottom: 10px; border: 1px solid #ccc; outline: none; } .desc-content input[type=email]::placeholder{ color:#ccc; transition: .5s; } .desc-content input[type=email]:focus::placeholder{ visibility: hidden; opacity: 0; } .desc-content button { display: block; width: 100%; border: none; background-color: crimson; color: #fff; cursor: pointer; padding: 7px; } @media (max-width: 768px) { .modal-content { flex-direction: column; width: 100%; } }
seoyoung
2025-09-18T09:18:16.188Z
댓글 1
좋아요 1
조회수 91
해결됨
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
노션의 학습자료 제 개인 노션에서 수정은 안되는건가요?
react node.js seo graphql next.js
강유정
2025-09-18T09:01:34.149Z
댓글 2
좋아요 0
조회수 102
해결됨
[4주 완성] AI 바이브코딩으로 수익형 앱/웹 만들기
mcp 연동하면 첨부한 이미지처럼 나오는데 제가 혹시 잘 못 한 걸까요? ?
flutter next.js cursor supabase 바이브코딩
skylinehj
2025-09-18T01:15:21.910Z
댓글 2
좋아요 0
조회수 103
미해결
입문자를 위한, HTML&CSS 웹 개발 입문
<input type="button" 이거랑 <button type="button 이 둘은 어떤 차이인가요?
박건우
2025-09-17T18:23:12.070Z
댓글 2
좋아요 0
조회수 68
해결됨
비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
안녕하세요 .env 혹은 .env.local 환경변수를 써서 커서가 api 값들을 불러와 쓰게 하려면 못읽더라구요,보안상 규칙이라며..그럼.,, 다른식으로 우회하여 불러오는 방법있을까요~?
flutter next.js cursor supabase 바이브코딩
화이팅!
2025-09-17T15:47:59.104Z
댓글 2
좋아요 0
조회수 85
해결됨
[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
안녕하세요, 강사님. 강의 잘 듣고 있습니다. 피그마가 처음입니다. 복사 붙여 넣기 하면 이미지는 같이 복사가 안됩니다. [1] 어떻게 이미지 까지 한꺼번에 복사해서 가져올 수 있을까요? [2] export로 하면 이미지는 따로 가져오는 방법만이 해결책인가요? #제 환경 #강사님 환경
react next.js cursor 프롬프트엔지니어링 바이브코딩
정지현
2025-09-17T06:13:08.491Z
댓글 1
좋아요 0
조회수 770
해결됨
한 입 크기로 잘라먹는 Next.js
/search 파일 내부의 getServerSideProps함수 내부에서 console.log로 context 객체를 출력하면 서버측 콘솔에서 context내용이 출력된다고 강의 영상 14:35에서 언급 하셨습니다. 하지만 실습에서 저희가 사용하는 서버는 section02파일이 아닌 onebite-books-server-main 파일인 것으로 알고있었기에 의문이 생겨 질문을 드립니다. 또한 제가 이해한 개념은 section02파일은 프런트엔드, onebite-books-server-main파일은 백엔드 서버로 구분된다고 이해하고 있었습니다. 혹시 이 부분에서 제가 잘 못 이해한 부분이 있다면 제게 가르침을 주세요! 감사합니다!
박영현
2025-09-17T02:36:58.336Z
댓글 1
좋아요 0
조회수 67
해결됨
[4주 완성] AI 바이브코딩으로 수익형 앱/웹 만들기
본 강의의 12:33 부분에서 디자인 복제시키는 프롬프트는 어디서 확인할 수 있을까요?
flutter next.js cursor supabase 바이브코딩
Jin Heo
2025-09-17T01:18:04.507Z
댓글 2
좋아요 0
조회수 67
해결됨
[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
안녕하세요, 수강 시작한 백엔드 개발자입니다. 피그마가 처음이라 잘 모르겠어서 질문 드립니다. 2-1 강의를 보면 제공된 피그마 페이지에서 작업이 이루어지는데요. 그 피그마의 링크나 파일이 어디에 있는지 못 찾겠습니다. 감사합니다.
react next.js cursor 프롬프트엔지니어링 바이브코딩
rrecordd
2025-09-16T08:37:11.879Z
댓글 2
좋아요 0
조회수 76