묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[Live 챌린지] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
common component생성, storybook 작성시 하나하나 하게 됨
수업에서는 common component생성, storybook 작성을 한번에 하고 그 다음 수정하는것이 효율적이라고 하셨는데일괄생성 후 수정작업하다 보니( 색상코드를 사용하지 않음, 색상코드를 적용오류에 대한 발견, html 구조 이상, story 파일 오류 등 )다시 하나씩 재생성하는 경우도 생기게 되네요. 그냥 하나씩 component 생성 후 story 생성하는것이 낫지 않을까 싶어 글 남깁니다.
-
해결됨React start with Next.js
[Todo삭제와 수정처리1] selectTodo 함수에서 filter 대신 find 메서드를 사용하면 안될까요?
function selectTodo(id) { const targetTodo = arr.find(todo => todo.id === id); if (targetTodo) { setCurrent(targetTodo); } else { setCurrent(null); } } 또는 selectTodo 함수의 파라미터를 선택한 todo 객체 자체를 넘기는 것으로 처리했을 때 차이가 있을 까요?function selectTodo(todo) { setCurrent(todo) }
-
미해결Next.js with Spring Boot
강의를 들을 때 타입스크립트 지식이 필요한가요?
안녕하세요 js, React만 배우고 바로 Next.js로 넘어왔는데 혹시 TypeScript도 필요한가요?
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
문의드립니다!! ㅠㅠ
안녕하세요,프론트엔드(구), 백엔드 강의 모두 구매한 1인입니다 ㅠㅠ 다름이 아니라, [코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스관련해서 -> 할인 쿠폰을 받을 수 있을 지 문의드립니다. 추가로, 완벽한 백엔드 코스는 11월 중에는 출시가 될까요? 이것도 기존 구매자들에게 할인이 있을지 문의드립니다. 마지막으로, 제가 앱 개발(플러터)일만 하다가 -> 리액트+리액트 네이티브로 전환하는 과정에서,현재 회사에서 외주를 주는 상황에서 -> 지그재그 같이 화면 width를 600px로 고정을 할 계획인데,이 과정에서 디자인을 figma로 만들때, 어떤 식으로 전달을 해야되는지도 문의드립니다!강의 내용중에 expo와 react native로 커버가 가능한 부분일지도 문의드립니다 ㅠㅠ https://inf.run/8p6wg코드캠프
-
해결됨한 입 크기로 잘라먹는 Next.js
서버 가동 중 오류가 납니다.
npm run start 이후 이런 오류가 계속해서 나오는데 어떤 이유일까요prisma/seed/seed.ts:1:30 - error TS2307: Cannot find module '../generated/prisma/client' or its corresponding type declarations.1 import { PrismaClient } from '../generated/prisma/client';
-
해결됨[Live 챌린지] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
prompt 사용 횟수로 토큰 소진 되는 것인가요?
prompt 사용 횟수로 토큰 소진 되는 것인가요?
-
미해결Next.js with Spring Boot
서버 Run 실행을 할수가 없습니다. 어떻게 해야 할까요?
Run 실행을 할수가 없습니다. 어떻게 해야 할까요?
-
해결됨[Live 챌린지] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
자료를 다운로드 받아 압축해지시 파일이름 다름
수업자료 파일 다운로드해서 압추해지를 하면 파일명이 다릅니다. ( 전 수업자료 파일명으로 )자료는 이상없으나 자료가 쌓일수록 좀 혼락스럽니다~
-
해결됨[Live 챌린지] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
미션제출 방법
1주차 미션 제출을 하려고 하는데디자인이 구현된 파일을 올리라는건가요? 완성된 미리보기를 캡쳐해서 보내야 하는건가요? 어떻게 제출하는거죠?
-
해결됨비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
figma 플러그인 mcp 사용시 매번 채널명을 업데이트 해줘야하나요?
좋은 강의 재미있게 잘 듣고 있어요! cursor-talk-to-figma-mcp 설정을 해서 실습까지 마쳤는데요. 커서나 피그마를 재시작하면 해당 플러그인의 채널이 바뀌어서 mcp 동작이 안하는거 같더라구요. 매번 프로젝트 시작할때마다 피그마 소켓을 실행하고 채널을 업데이트 해줘야하는걸까요?
-
해결됨[Live 챌린지] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
셀렉트박스 드랍다운 다크모드 아이콘이 없습니다.
셀렉트박스 다크모드에서 사용할수있는 체크아이콘 파일이없습니다. 라이트모드에서는 check_outline_light_xs.svg를 사용하는데 다크모드에서는 사용할 아이콘이없어서 동일한 아이콘을 사용해 피그마에서는 체크아이콘이 하얀색인데 초록색으로 생성되는 문제가 있습니다.
-
해결됨[Live 챌린지] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
버튼 생성중에 커서 메모리 오류같은게 생깁니다.
Cursor ⚠ The window terminated unexpectedly (reason: 'oom', code: '-536870904') We are sorry for the inconvenience. You can reopen the window to continue where you left off. ☐ Don't restore editors왜 이런걸까요? 이때까지 이런적이 없는데 ui 생성에서 버튼 생성할때 위와 같은 오류가 생겨요커서 종료하고 다시 해도 계속 이런 오류가 생기는데 ai에게 물어보니 메모리 부족이라는데 제컴퓨터가 메모리가 부족한 사양이 아니라서요 그리고 다른 앱도 안키고 하는데 계속 같은 일이 발생하네요 오류나서 정지된곳 부터 계속 해달라고 요청해서 마무리 하긴했는데 해결책이 있을까요?위 사항에서 클로드가 버튼 노드를 못찾고 아래와 같은 피그마 문서 전체 검색을 한다고 한후 메모리 폭발한것을 확인했습니다.노드 3:1461은 "드롭다운"이라는 프레임으로, 버튼 컴포넌트가 아닌 것 같습니다. 프롬프트에서 "참고할 공통컴포넌트 노드ID: 3:1461"라고 했는데, 이것이 버튼이 아닐 수 있습니다. 버튼 컴포넌트를 찾기 위해 주변 노드들을 확인하거나, 문서 정보를 확인해야 할 것 같습니다. 또는 현재 index.tsx의 주석에 있는 "Figma Referen ce: Node ID 3:1528"을 확인해보겠습니다.프롬프트에 조건-피그마) 참고할 공통컴포넌트 노드ID: 3:1461 다음 노드의 스타일만 가져와. 절대 다른 노드 탐색하지 마위 빨간색 문구를넣고 해결했습니다. ai 가 커서룰도 대충읽고 안지키고 그냥 대충 만드네요 ㅠㅠ 몇번 재검토 하니깐 룰 지켜서 만들어주네요
-
해결됨The 10x AI-Native Developer: 회사에서 AI로 압도적 성과를 내는 법
hooks에서 commit 제한은 좀 힘들까요?
1주차 hooks 강의 듣고 있는데, commit 전에 review를 하도록 하고 싶은데 실제로 해보니 되긴 되는데 좀 오락가락 해서요. 혹시 hooks matcher가 한정되어 있을까요? commit은 좀 의도랑 다르게 접근한거지 궁금하네요
-
해결됨AI와 함께 배우는 Next.js
Next.js 시작하기 강의는 어떻게 무료로 받을수있나요??
강의 시작에 앞서 Next.js 시작하기 강의를 먼저 듣고 시작하고 싶은데 무료로 어떻게 받을수있을까요?
-
해결됨[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
코드캠프 백앤드 답변이 안달려서 여기 남깁니다.
안녕하세요~백앤드 소스 코드 요청 드립니다.[부트캠프에서 만든 고농축 백엔드 코스] 메일로도 요청드리고,코드캠프 백앤드 게시판에도요청드렸는데,답변이 안달려서여기 한번더 남깁니다. 부분적으로필요한 부분만 수강하고 싶은데,앞부분을 수강하지 않으면수강하기 곤란한 부분이 있어서소스코드좀 보내주시면 감사하겠습니다~sunshinew@naver.com
-
해결됨Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)
DBeaver와 supabase connection
host, port, username, password 다 제대로 적었는데, test connection을 하려고 하면"no route to host"라고 뜹니다.구글링 해봐도 해결이 안되네요.이런 오류가 뜰 때는 보통 어떻게 해결하나요??
-
해결됨[Live 챌린지] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
룰 간 충돌 분석
공통 컴포넌트 부분의 프롬프트를 실행하던 중에 궁금한 점이 있어요. 아래와 같이 실행을 했는데, 1) input 버튼을 만들기 위해 파일 실행 - commons/components/input/prompts/prompt.101.ui.txt 2) 아래와 같은 답변이 나옴 (Claude-4.5-sonnet thinking model 사용):🤔 룰 간 충돌 분석prompt.101.ui.txt: variant 시스템 구현 요구03-ui.mdc: 피그마 디자인 그대로만 구현하라고 요구피그마 실제: 단일 Input만 존재 그리고 저 또한, AI가 돌린 코드를 분석하고 룰 재검토 및 실행을 몇 번 반복하는 과정에서 실질적으로 문제가 있을 수 있다고 보였어요. 1) Case 1처음에 Button 컴포넌트를 위해서 프롬프트를 실행했을 때는 prompt.101.ui.txt의"다음 조건을 모두 만족하는 완전한 variant 시스템을 구현할 것." 이 조건을 만족하기 위해서 노드ID 제공했는데도 불구하고, 계속해서 피그마의 모든 button을 다 찾아서 사이즈를 가져오는 것을 볼 수 있었습니다. 2) Case 2그 다음에 Input 컴포넌트를 위해서 프롬프트를 실행했을 때는 03-ui.mdc 의 "피그마 링크가 제공되면, 모든 사이즈는 제공된 피그마와 동일하게 처리할 것" 이라는 룰을 검토하는 과정에서 문제가 있었습니다. 이 조건 때문에 반응형 웹은 고려하지 못하고 width를 진짜 있는 그대로 갖고 와서 상수로 넣어버리고, 유연성이 전혀 없게 만들었습니다. 몇 번 룰을 재검토하라고 시키고 원하는 코드와 비슷하게 만들긴 했지만, 혹시 이런 경우에 대한 해결 방법이 있을까요?
-
해결됨한 입 크기로 잘라먹는 Next.js
리뷰를 데이터베이스 입력 시 어떤 준비를 해야 하나요??
강의를 보다가 리뷰 입력 하는 부분..약 2분 정도 되는 시점에서 리뷰를 데이터 베이스에 입력 하기 위해서는 준비해야 할 것이 많다고 하셨는데..구체적으로 어떤 준비가 필요한가요??supabase를 사용 하는 것이니까 테이블 만들고..insert 함수 호출 해서 입력 하면 되는 것 외에 다른 준비를 해야 하는 것이 있나요??
-
해결됨[Live 챌린지] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
prompt.103.enum.txt에 오타
prompt.103.enum.txt에 오타가 있습니다. 실제 강의 내용과 이미지는 .png 파일로 되어있는데,다운로드 받은 prompt.103.enum.txt에는 .svg로 되어있네요.수정이 필요해보여요.
-
해결됨[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
톡투피그마 mcp 연결이 안돼요 ㅠㅠ
톡투피그마 mcp 연결이 안돼요 ㅠㅠ 노란불 들어오다가 결국 빨간불 들어옵니다 윈도우라 개발 환경이 다른걸까요?