inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

172만명의 커뮤니티!! 함께 토론해봐요.

토큰 추출을 베리어블+AI 활용 vs 토큰 스튜디오 차이

미해결

디자인 시스템 with 피그마

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요, 범쌤! 해당 강의를 보면서 디자이너와 개발자간의 협업에 있어서 토큰 스튜디오가 매우 중요한 역할을 하는구나 생각이 드는데요~ 그런데 최근 AI가 활용되면서 토큰 스튜디오 사용이 거의 없다는 얘기도 있던데, 토큰 스튜디오의 장점들이 대체가 가능한건지.. 실제 현업에서는 어떤지 궁금합니다. 그리고 피그마 베리어블만으로 AI를 활용해서 토큰으로 뽑고 활용하는 방법과 토큰 스튜디오의 토큰으로 사용할 때 차이점도 함께요!

  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • 프로덕트디자인
류지25 댓글 1 좋아요 0 조회수 14

VCP 누적 성과 저장 질문

미해결

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

소넷5로 프로젝트 처음부터 제공해주신 프롬프트 만으로 작업 진행중입니다. 오류나거나 이상한 건 클로드한테 물어가면서 해결해왔습니다. 근데 vcp_signals.json은 vcp_scanner.py로 작성되는 파일이고 이 파일의 데이터는 실행한 당일날(휴일이면 최신의 영업일)에 데이터를 '덮어쓰기' 로 진행하기 때문에 프론트엔드에 표시되는 vcp 누적 성과는 사실 누적이 아니지 않나요?? 진짜 누적된 vcp_signals 성과를 보려면 매일 모아온 데이터를 저장하고 이걸 가져와서 프론트엔드에 뿌리는 로직이 있어야 하는데 이게 없는 것 같아 의도한 것인지 궁금해서 질문드립니다. 강의 자료로 제공해주신 파이썬 코드에도 누적 성과를 볼 수 있는 로직이 없는 것 같습니다. 이건 자의적으로 판단해서 만들어야하나요?

  • python
  • flask
  • next.js
  • 인공지능(ai)
다드가드 댓글 2 좋아요 0 조회수 33

mcp 연결안됌

해결됨

진짜 바이브코딩 올인원 클래스: Claude Code 기초부터 런칭, 운영, 에이전트 자동화까지

클로드코드 활성화 후 /mcp 명령어 입력 후 엔터 치면 No MCP servers configured. Run claude doctor if this is unexpected — it lists MCP config files that failed validation. Otherwise, run claude mcp --help or visit https://code.claude.com/docs/en/mcp to learn more. 강의에서 나오는거 같은 목록은 안나오는데요 뭘 어떻게 하라는건가요?

  • git
  • github
  • next.js
  • 인공지능(ai)
  • ai-agent
  • claude
  • 바이브코딩
mktak 댓글 2 좋아요 1 조회수 42

서울 이미지 10개에 대한 url 접근 불가

미해결

The 10x AI-Native Developer: 회사에서 AI로 압도적 성과를 내는 법

[1주차] AI를 '코딩 비서'에서 '개발 파트너'로 04. 🧠 컨텍스트 관리 마스터하기: AI의 두뇌에 청사진 새겨넣기 14) 실전 미션: 컨텍스트 관리 능력 내재화하기 >> 해당 파트의 Part 1: 여행지 비주얼 큐레이션 (Image Context 활용) 을 위해 서울 이미지 10개 링크로 접속했으나 접근이 불가합니다. https://postechackr-my.sharepoint.com/:f:/g/personal/honeyjam_postech_ac_kr/IgBBNaLpG7AaQobyaQ6Mfe9IAQLw7Ft4av6qbShUDeKjyVQ?e=vWujVn

  • spring-boot
  • next.js
  • 인공지능(ai)
  • claude
helee 댓글 1 좋아요 0 조회수 36

'만능으로 쓰이는 기본카드' 강의 내용에 대해 질문드립니다.

미해결

[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기

안녕하세요, 강의듣고 있는 수강생입니다. '만능으로 쓰이는 기본카드' 강의 내용에서 utillties 부분에 해당하는 이미지 크기를 고정 시키는 플러그인을 알려주셨는데, 해당 플러그인 현재 2026년 8월 기준에는 나오지 않아서 첨부한 이미지와 같은 'Aspect Ratio Lock'을 사용해보았는데, 비슷하면서도 다른 플러그인이라 그런지, 강의에서 알려주신대로 도형에 바로 적용되지 않는 플러그인이며, 비율을 400:400로 키운다음에 1:1로 맞추려고 하면 고정 자체가 되지 않습니다 이렇게 플러그인을 사용할 수 없는 상황이라면, 이미지 비율을 고정시킬 수 있는 대체 방법에 대해 알려주실 수 있으실까요?

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
D.Hye 댓글 2 좋아요 0 조회수 16

CLI gemini 로그인 안됨

해결됨

AI 시대, 반나절 만에 웹사이트 개발부터 배포까지 - 포트폴리오 사이트도 완성 (Gemini CLI, MCP)

Failed to sign in. Message: This client is no longer supported for Gemini Code Assist for individuals. To continue │ │ using Gemini, please migrate to the Antigravity suite of products: https://antigravity.google 메시지 뜨면서 로그인이 되지 않습니다. 실습이 불가한 걸까요?

  • git
  • next.js
  • 인공지능(ai)
  • 바이브코딩
hun00729 댓글 2 좋아요 1 조회수 146

실시간 조건 문자받기.

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

안녕하세요. 더운데 수고 많으십니다. 현재 저만의 웹앱을 만들어 저만의 조건검색식을 만들었습니다. 하루에 한번 조건검색을 만족하는 종목을 찾아줍니다. 여기에 실시간으로(15분봉)으로 조건검색에 맞는 종목을 텔레그램으로 받기 위해서는 어떤 기술스택이 필요한지 궁금합니다. 감사합니다.

  • python
  • flask
  • next.js
  • 인공지능(ai)
홍성우 댓글 2 좋아요 0 조회수 24

저는 Auto mode가 없어요

미해결

진짜 바이브코딩 올인원 클래스: Claude Code 기초부터 런칭, 운영, 에이전트 자동화까지

저는 ⏵⏵ accept edits on ⏸ plan mode on 이거 두개밖에 안뜨는데 어떻게 하면 되나요? config에서도 보이지 않습니다 claude update도 했고 opus 4.6인데. 도와주세요!

  • git
  • github
  • next.js
  • 인공지능(ai)
  • ai-agent
  • claude
  • 바이브코딩
블레어 댓글 1 좋아요 1 조회수 40

강의 초반에 생긴 질문

미해결

진짜 바이브코딩 올인원 클래스: Claude Code 기초부터 런칭, 운영, 에이전트 자동화까지

저는 평소에 바이브고딩을 할 때 ide를 많이 사용했는데요. 터미널로 했을 때 어떤 장점이 있을까요?

  • git
  • github
  • next.js
  • 인공지능(ai)
  • ai-agent
  • claude
  • 바이브코딩
양승근 댓글 1 좋아요 1 조회수 43

모든 컴포넌트를 클라이언트 컴포넌트로 했을 때

미해결

타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지

안녕하세요, 저는 회사에서 next.js로 포팅하여 개인적으로 좀 공부하고 있는 학생입니다. 현재 2강 할 일 관리 앱을 보면서 저희 회사의 작업 방식을 함께 생각해봤는데 저희 회사는 꼭 필요한 부분 (iron-session을 이용하여 세션을 가져온다거나)을 제외하고는 죄다 클라이언트 컴포넌트로 바꿔서 사용하고 있습니다. 그래서 이 작업을 진행하면서도 클라이언트 컴포넌트로 모두 바꾸어 진행한다면 어떨까라고 생각이 들었었는데 과제에서는 최소한의 컴포넌트만 클라이언트 컴포넌트로 바꾸라고 하신 이유가 궁금합니다. 감사합니다!

  • javascript
  • react
  • typescript
  • next.js
  • jwt
댓글 3 좋아요 0 조회수 21

커서도 프로 요금제(유료 버전)이 필요하네요

미해결

요즘 AI 서비스 제작법: Google Stitch·Figma·Cursor로 기획부터 즉시 배포까지

커서도 유료 구독 필요하다고 강의 소개 업데이트 좀 해주세요.. Free 버전으로는 Sonnet 이용 불가요

  • notion
  • figma
  • cursor
  • 인공지능(ai)
  • mcp
  • claude
SouthCreate 댓글 2 좋아요 0 조회수 38

타입 에러 관련 질문입니다.

미해결

Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)

todoList 생성하기 에서 content가 계속 타입 에러가 뜨는데 이유가 뭘까요?

  • react
  • 클론코딩
  • next.js
  • supabase
홍정웅 댓글 2 좋아요 1 조회수 32

디자인 시스템 강의 질문

해결됨

비전공자도 쉽게 배우는 클로드 디자인

해당 내용에 대한 강의를 찾고있는데 혹시 몇강에서 사용했는지 알 수 있을까요?

  • figma
  • terminal
  • figma-plugin
  • ai-agent
  • claude
나유진 댓글 1 좋아요 1 조회수 77

코덱스 입력한 텍스트만 받을수 있을까요?

미해결

AI 코딩으로 외주 수주하기: 병원 홈페이지 제작부터 비딩·견적·포트폴리오까지

안녕하세요. 강의를 수강해주셔서 감사합니다. 질문 작성 시 아래 내용을 함께 작성해주시면 보다 정확하고 빠르게 답변드릴 수 있습니다. 현재 진행 중인 섹션 또는 강의명 발생한 에러 내용 관련 코드 콘솔 에러 메시지 기대한 결과와 실제 결과 특히 개발 관련 질문은 코드와 에러 로그를 함께 첨부해주셔야 원인 파악이 훨씬 수월합니다. 또한 이 강의는 실무형 프로젝트 기반 강의이기 때문에, 구현 방식이나 설계 방향이 상황에 따라 달라질 수 있습니다. 질문 전에는: 강의 내용을 다시 한번 확인해보시고 기존 질문/답변에 유사한 내용이 있는지도 함께 확인 부탁드립니다. 수강생분들과 함께 좋은 학습 환경을 만들 수 있도록 서로 존중하는 분위기에서 이용 부탁드립니다. 감사합니다.

  • seo
  • next.js
  • codex
  • cms
  • GA4
bt040404 댓글 1 좋아요 0 조회수 30

사업자 등록

해결됨

AI 개발팀을 운영해 제대로 완성하는 결제 수익화 웹서비스 런칭하기

안녕하세요? 결제 시스템을 만드려면 사업자 등록이 필요한데 별도 세션을 추가로 지원해 주시는 걸까요?^^ 감사합니다.

  • next.js
  • 서비스-기획
  • 수익화
  • ai-agent
  • 바이브코딩
이미승리하였다 댓글 2 좋아요 0 조회수 55

테마 개발의 한계, 업종이 대체 할 수 있을까요?

미해결

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

안녕하세요. 늘 좋은 정보로 감사드립니다. 예전에 테마 관련 질문을 드렸던 적이 있습니다. 하지만 정확한 테마를 만들기에는 한계가 있음을 확인했습니다. 이에 업종으로 묶으려고 시도 중입니다. kis나 krx에서는 업종을 대분류까지만 나눠 너무 광범위함을 확인했습니다.(예 삼성전자 업종은 전기전자) 네이버를 보니 소분류까지 업종을 잘해놓았던데 어디가 원천인지는 모르겠습니다. 혹시 업종을 소분류까지 나눈 데이터를 가져올 수 있는 방법은 없을까요?

  • python
  • flask
  • next.js
  • 인공지능(ai)
홍성우 댓글 2 좋아요 0 조회수 60

mcp 설정 json 코드

해결됨

AI 개발팀을 운영해 제대로 완성하는 결제 수익화 웹서비스 런칭하기

안녕하세요. 강의 언급한 mcp 기능들 설정할 수 있는 json 코드 github링크는 어디서 확인하나요?

  • next.js
  • 서비스-기획
  • 수익화
  • ai-agent
  • 바이브코딩
하히호 댓글 2 좋아요 0 조회수 41

[실습]장부와 금고

미해결

[Rookiss] 클로드 코드 개발을 위한 CS 입문 (인터랙티브 교재)

안녕하세요! 실습하다 질문이 생겨서 남깁니다. 방명록 데이터를 파일로만 관리하는 상황에서, guestbook.csv를 수정했을때 바뀐 데이터가 브라우저에서 새로고침 했을때에 자동으로 반영되는지가 궁금합니다.

  • next.js
  • 인공지능(ai)
  • claude
  • ax(에이전트-경험)
MJ 댓글 1 좋아요 0 조회수 68

[무료 강의] AI로 브랜드 가이드라인, 디자인 시스템 구축부터, 앱 제작, 피칭 덱, 카드 캐러셀까지

미해결

반응형 UI디자인 완전 정복 with 피그마

안녕하세요, 에릭입니다. 오랜만에 인사드려요. 오늘은 요즘 디자인 업계에서 벌어지고 있는 변화, 그리고 그걸 직접 해볼 수 있는 영상 하나를 들고 왔어요. 피그마 주가가 하루에 7% 떨어진 날 두 달 전에 '클로드 디자인'이라는 게 나왔습니다. 그리고 그날, 피그마 주가가 하루에 7%나 떨어지는 일이 있었어요. 시장이 이렇게 반응했다는 건 의미가 커요. 이제 UX/UI 디자인도 손으로 그리는 작업에서 프롬프트로 만드는 방향 으로 가고 있다는 것. 그리고 클로드 디자인이 내놓는 결과물이 그 흔한 'AI 티'가 나는 게 아니라, 디자이너가 만든 것 같은 수준 으로 나오고 있었다는 겁니다. 저도 직접 써보면서 확인했어요. 보라색 그라디언트에 어디서 본 듯한 화면이 아니라, 브랜드의 톤을 지키는 정돈된 결과물이 나옵니다. 말만 하면요. 아직 AI로 디자인을 안 해보셨다면, 이번이 좋은 타이밍이에요 피그마 같은 툴을 이미 마스터하셨거나 배우고 계신다면 이미 어느 정도 디자인에 대한 능력치를 쌓고 계신거에요. 그리고 여기에 AI디자인까지 활용할 수 있다면 속도에 날개를 달아줄 수 있습니다. 처음 해보는 분들도 따라올 수 있는 영상을 하나 준비했습니다. 클로드 디자인 A to Z 마스터클래스 (유튜브, 47분 분량) 브랜드 하나를 처음부터 끝까지 세우는 전체 과정이에요. 이론만 배우는 게 아니라 'Flowdeck'이라는 칸반 보드 앱을 실제로 만들어서 배포까지 했습니다. 순서는 이렇게 됩니다. - 브랜드 컨셉 & 로고 — 프롬프트만으로 시안 3개 뽑고 고르기 - 브랜드 가이드라인 — 미션·철학·보이스앤톤까지 - PRD & 화면 정의서 — '기획서'가 처음인 분들을 위한 개념 설명 포함 - 디자인 시스템 구축 — 컬러·폰트·컴포넌트를 하나의 원천으로 - 와이어프레임 → 하이파이 프로토타입 — 그리고 클로드 코드와 연동해서 실제 작동하는 앱으로 구현 - 랜딩 페이지 + 피칭덱 + 카드 캐러셀 까지 — 전부 같은 브랜드 톤으로 포인트는 산출물 하나하나가 아니라, 브랜드 가이드라인이라는 뿌리 하나에서 모든 결과물이 일관되게 뻗어 나오는 워크플로우 를 가져가시는 겁니다. 회사에서 몇 명이 나눠 하던 일을, 이제 혼자서 하실 수 있어요. "PRD가 뭐지, 디자인 시스템은 어디까지지" 막막했던 분들, 포트폴리오에 '실제 출시한 제품'을 넣고 싶었던 분들에게 특히 도움이 될 거예요. ▶ 마스터클래스 영상 보러 가기 커피 한 잔 준비하시고, 가능하면 화면 옆에 클로드 켜두고 따라 해보세요. 실습에 쓴 문서들(브랜드 가이드라인·PRD 등)도 해당 유튜브 영상 댓글에 공개해뒀습니다. 그럼, 다음에 뵈요. 에릭 드림 [카카오 그룹챗 안내] 카카오톡에서 "AI 빌더 커뮤니티" 그룹챗을 운영을 시작했습니다. 앞으로 AI 관련된 컨텐츠 소식을 이 채널을 통해서 공유하고 AI 및 스터디 정보를 공유하고 함께 성장하는 공간으로 활용합니다. 그룹챗 조인하기 >>

  • figma
  • 반응형-웹
  • ui
  • ux
  • 취업
에릭 댓글 1 좋아요 0 조회수 41

[무료 강의] AI로 브랜드 가이드라인, 디자인 시스템 구축부터, 앱 제작, 피칭 덱, 카드 캐러셀까지

미해결

입문자에서 실무자로: 피그마로 마스터하는 디자인 시스템 A to Z

안녕하세요, 에릭입니다. 오랜만에 인사드려요. 오늘은 요즘 디자인 업계에서 벌어지고 있는 변화, 그리고 그걸 직접 해볼 수 있는 영상 하나를 들고 왔어요. 피그마 주가가 하루에 7% 떨어진 날 두 달 전에 '클로드 디자인'이라는 게 나왔습니다. 그리고 그날, 피그마 주가가 하루에 7%나 떨어지는 일이 있었어요. 시장이 이렇게 반응했다는 건 의미가 커요. 이제 UX/UI 디자인도 손으로 그리는 작업에서 프롬프트로 만드는 방향 으로 가고 있다는 것. 그리고 클로드 디자인이 내놓는 결과물이 그 흔한 'AI 티'가 나는 게 아니라, 디자이너가 만든 것 같은 수준 으로 나오고 있었다는 겁니다. 저도 직접 써보면서 확인했어요. 보라색 그라디언트에 어디서 본 듯한 화면이 아니라, 브랜드의 톤을 지키는 정돈된 결과물이 나옵니다. 말만 하면요. 아직 AI로 디자인을 안 해보셨다면, 이번이 좋은 타이밍이에요 피그마를 이미 마스터하셨거나 배우고 계신다면 이미 어느 정도 디자인에 대한 능력치를 쌓고 계신거에요. 그리고 여기에 AI디자인까지 활용할 수 있다면 속도에 날개를 달아줄 수 있습니다. 그래서 처음 해보는 분들도 따라올 수 있는 영상을 하나 준비했습니다. 클로드 디자인 A to Z 마스터클래스 (유튜브, 47분 분량) 브랜드 하나를 처음부터 끝까지 세우는 전체 과정이에요. 이론만 배우는 게 아니라 'Flowdeck'이라는 칸반 보드 앱을 실제로 만들어서 배포까지 했습니다. 순서는 이렇게 됩니다. - 브랜드 컨셉 & 로고 — 프롬프트만으로 시안 3개 뽑고 고르기 - 브랜드 가이드라인 — 미션·철학·보이스앤톤까지 - PRD & 화면 정의서 — '기획서'가 처음인 분들을 위한 개념 설명 포함 - 디자인 시스템 구축 — 컬러·폰트·컴포넌트를 하나의 원천으로 - 와이어프레임 → 하이파이 프로토타입 — 그리고 클로드 코드와 연동해서 실제 작동하는 앱으로 구현 - 랜딩 페이지 + 피칭덱 + 카드 캐러셀 까지 — 전부 같은 브랜드 톤으로 포인트는 산출물 하나하나가 아니라, 브랜드 가이드라인이라는 뿌리 하나에서 모든 결과물이 일관되게 뻗어 나오는 워크플로우 를 가져가시는 겁니다. 회사에서 몇 명이 나눠 하던 일을, 이제 혼자서 하실 수 있어요. "PRD가 뭐지, 디자인 시스템은 어디까지지" 막막했던 분들, 포트폴리오에 '실제 출시한 제품'을 넣고 싶었던 분들에게 특히 도움이 될 거예요. ▶ 마스터클래스 영상 보러 가기 커피 한 잔 준비하시고, 가능하면 화면 옆에 클로드 켜두고 따라 해보세요. 실습에 쓴 문서들(브랜드 가이드라인·PRD 등)도 해당 유튜브 영상 댓글에 공개해뒀습니다. 그럼, 다음에 뵈요. 에릭 드림 [카카오 그룹챗 안내] 카카오톡에서 "AI 빌더 커뮤니티" 그룹챗을 운영을 시작했습니다. 앞으로 AI 관련된 컨텐츠 소식을 이 채널을 통해서 공유하고 AI 및 스터디 정보를 공유하고 함께 성장하는 공간으로 활용합니다. 그룹챗 조인하기 >>

  • figma
  • figma-tokens
  • 디자인-시스템
  • responsive-design
  • uiux
에릭 댓글 1 좋아요 0 조회수 46

인기 태그

인프런 TOP Writers

주간 인기글