inflearn logo
κ°•μ˜

Course

Instructor

Build a Profitable Service in 4 Weeks for Non-Developers: AI Vibe Coding Web + App ALL IN ONE

2-8. 🎨 AI, Now Let It Draw Directly in Figma (Figma MCP)

2-8κ°• Websocket server running on portκ°€ μ•ˆ λœΉλ‹ˆλ‹€.

Resolved

55

kafka

3 asked

0


πŸ’¬ 쒋은 질문 μ˜ˆμ‹œ

[진도] 2μ£Όμ°¨ 8κ°• AI, 이제 ν”Όκ·Έλ§ˆλ₯Ό 직접 그리게 ν•˜λΌ

[질문] curl -fsSL https://bun.sh/install | bash

μœ„ λͺ…λ Ήμ–΄λ₯Ό 터미널에 넣어도 Websocket server running on port 3055κ°€ μ•ˆ λœΉλ‹ˆλ‹€.

 

상황: curl -fsSL https://bun.sh/install | bash

μœ„ λͺ…λ Ήμ–΄λ₯Ό 터미널에 넣어도 Websocket server running on port 3055κ°€ μ•ˆ λœΉλ‹ˆλ‹€.

μ—λŸ¬ λ©”μ‹œμ§€:

image.pngimage.png

 

μ–΄λ–»κ²Œ ν•΄κ²°ν•˜λ©΄ λ κΉŒμš”?

flutter next.js cursor supabase λ°”μ΄λΈŒμ½”λ”©

Answer 2

0

dingcodingco

image.png

μ•ˆλ…•ν•˜μ„Έμš” kafka λ‹˜! κ·Έ λ‹€μŒ λͺ…령어인 bunx cursor-talk-to-figma-socket λ₯Ό μž…λ ₯ν•΄λ³΄μ‹œκ² μ–΄μš”?

0

communityai8509

μ•ˆλ…•ν•˜μ„Έμš”, μΈν”„λŸ° AI μΈν„΄μž…λ‹ˆλ‹€. kafkaλ‹˜.

bun μ„€μΉ˜ ν›„ Websocket serverκ°€ μ‹€ν–‰λ˜μ§€ μ•ŠλŠ” 문제λ₯Ό κ²ͺκ³  κ³„μ‹œλŠ”κ΅°μš”. 이 λ¬Έμ œλŠ” 주둜 PATH ν™˜κ²½ λ³€μˆ˜κ°€ μ œλŒ€λ‘œ μ„€μ •λ˜μ§€ μ•Šμ•„ λ°œμƒν•  수 μžˆμŠ΅λ‹ˆλ‹€. μ•„λž˜ 단계듀을 따라 문제λ₯Ό ν•΄κ²°ν•΄ λ³΄μ„Έμš”.

ν•΄κ²° 방법

  1. ν™˜κ²½ λ³€μˆ˜ μ„€μ • 확인:

    • μ„€μΉ˜ 이후에 터미널에 λ‹€μŒ λͺ…λ Ήμ–΄λ₯Ό μž…λ ₯ν•˜μ—¬ PATH λ³€μˆ˜κ°€ 잘 μ„€μ •λ˜μ—ˆλŠ”μ§€ 확인해 λ³΄μ„Έμš”:
      
      echo $PATH
      

    • 좜λ ₯된 결과에 ~/.bun/bin 이 ν¬ν•¨λ˜μ–΄ μžˆλŠ”μ§€ ν™•μΈν•˜μ„Έμš”. ν¬ν•¨λ˜μ–΄ μžˆμ§€ μ•Šλ‹€λ©΄, μ œλŒ€λ‘œ μ„€μ •λ˜μ§€ μ•Šμ€ κ²ƒμž…λ‹ˆλ‹€.
  2. ν™˜κ²½ λ³€μˆ˜ μ„€μ • μˆ˜μ •:

    • μ‚¬μš© 쀑인 μ‰˜ ν™˜κ²½μ— 맞게 μ μ ˆν•œ μ„€μ • 파일(~/.bashrc, ~/.zshrc λ“±)에 μ•„λž˜ λ‚΄μš©μ„ μΆ”κ°€ν•˜κ³  μ €μž₯ν•˜μ„Έμš”:
      
      export BUN_INSTALL="$HOME/.bun"
      export PATH="$BUN_INSTALL/bin:$PATH"
      

    • μ„€μ • νŒŒμΌμ„ λ³€κ²½ν•œ ν›„μ—λŠ” source ~/.zshrc λ˜λŠ” 셸에 λ§žλŠ” λͺ…λ Ήμ–΄λ₯Ό μ‹€ν–‰ν•˜μ—¬ μ μš©ν•˜μ„Έμš”.
  3. μ„€μΉ˜ μ™„λ£Œ 확인 및 bunx μ‚¬μš©:

    • ν„°λ―Έλ„μ—μ„œ bun --version을 μž…λ ₯ν•΄ bun이 μ œλŒ€λ‘œ μ„€μΉ˜λ˜μ–΄ μžˆλŠ”μ§€ 확인해 λ³΄μ„Έμš”.
    • μ‚¬μš© κ°€λŠ₯ν•œ κ²½μš°μ— bunx cursor-talk-to-figma-socket λͺ…λ Ήμ–΄λ₯Ό λ‹€μ‹œ μ‹€ν–‰ν•˜μ—¬ μ›Ήμ†ŒμΌ“ μ„œλ²„κ°€ μ œλŒ€λ‘œ μž‘λ™ν•˜λŠ”μ§€ ν™•μΈν•˜μ‹œκΈ° λ°”λžλ‹ˆλ‹€.
  4. μΆ”κ°€ 문제 λ°œμƒ μ‹œ:

    • μ„€μΉ˜ 쀑 μ—λŸ¬κ°€ μžˆκ±°λ‚˜ μ—¬μ „νžˆ λ¬Έμ œκ°€ κ³„μ†λ˜λŠ” 경우, bun μ„€μΉ˜ 슀크립트λ₯Ό λ‹€μ‹œ μ‹€ν–‰ν•˜κ±°λ‚˜ bun의 μ΅œμ‹  버전을 μ„€μΉ˜ν•΄ λ³΄μ„Έμš”.

λ”λΆˆμ–΄, 문제 해결에 도움이 될 수 μžˆλŠ” μœ μ‚¬ν•œ μ§ˆλ¬Έλ“€κ³Ό 닡변은 μ•„λž˜ λ§ν¬μ—μ„œ ν™•μΈν•˜μ‹€ 수 μžˆμŠ΅λ‹ˆλ‹€:

이 체크리슀트λ₯Ό 톡해 문제λ₯Ό μ§„λ‹¨ν•˜κ³  ν•΄κ²°ν•  수 μžˆμ„ 것이라고 μƒκ°λ©λ‹ˆλ‹€. 문제 해결에 λŒ€ν•œ 어렀움이 μ§€μ†λœλ‹€λ©΄, μΆ”κ°€ μ΄λ―Έμ§€λ‚˜ μ„ΈλΆ€ 였λ₯˜λ₯Ό μ²¨λΆ€ν•˜μ…”μ„œ λ”μš± μ •ν™•ν•œ 진단을 μœ„ν•œ μ§ˆλ¬Έμ„ μ΄μ–΄κ°€μ„Έμš”.

μ €λŠ” μ§ˆλ¬Έμžλ‹˜μ˜ 이해λ₯Ό λ•κ³ μž μ§€μ‹κ³΅μœ μžλ‹˜μ˜ κΈ°μ‘΄ 닡변을 μ°Έκ³ ν•˜μ—¬ μœ μ‚¬ν•œ λ‹΅λ³€ 링크λ₯Ό μΆ”μ²œν•΄λ“œλ¦¬κ³  μžˆμŠ΅λ‹ˆλ‹€.
ν˜„μž¬ 베타 κΈ°λŠ₯으둜 닡변이 λ§Œμ‘±μŠ€λŸ½μ§€ μ•Šμ„ 수 μžˆλŠ” 점 μ–‘ν•΄ λΆ€νƒλ“œλ¦½λ‹ˆλ‹€. πŸ™
μΆ”κ°€μ μœΌλ‘œ κΆκΈˆν•œ 점이 μžˆμœΌμ‹œλ©΄, μ΄μ–΄μ„œ μ§ˆλ¬Έν•΄ μ£Όμ„Έμš”. κ³§ μ§€μ‹κ³΅μœ μžκ»˜μ„œ λ‹΅λ³€ν•΄ μ£Όμ‹€ κ²ƒμž…λ‹ˆλ‹€.

cursor aiκ°€ μ—…λ°μ΄νŠΈ λ˜μ„œ uiκ°€ λ°”λ€Œμ—ˆλŠ”λ° λ°˜μ˜μ€ μ•ˆλ κΉŒμš”?

0

17

1

Node κ΄€λ ¨ μ§ˆλ¬Έμž…λ‹ˆλ‹€

0

62

3

κ°•μ˜ λ‚΄μš©μ† μ»€μ„œ λ²„μ Όν•˜κ³  ν˜„μž¬ μ»€μ„œ 버젼이 λ‹€λ₯Έκ°€μš”?

0

48

2

ꡬ글 μ†Œμ…œ 둜그인 ν›„ 둜그인 μ‹œ κ΅¬κΈ€μ—λŸ¬

0

53

2

μ‹€μŠ΅μ€‘(개인 λΉ„μš© 관리 μ•±) λ¬Έμ˜λ“œλ €μš”

0

55

2

Supabse 연동이 λ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

0

97

2

화면이 μ•ˆ λ‚˜μ˜΅λ‹ˆλ‹€. μ†Œλ¦¬λ§Œ λ‚˜μ™€μš”

0

70

2

open in brower μ„ΈνŒ…

0

84

1

ν˜Ήμ‹œ κ°•μ‚¬λ‹˜μ€ lovable, replitλͺ¨λ‘ 유료 μ“°μ‹œλŠ”κ°€μš”?

0

249

2

33. 4-5 iOS νŒŒμ΄μ–΄λ² μ΄μŠ€ λ©”μ‹œμ§• λ¬Έμ˜μž…λ‹ˆλ‹€.

0

61

2

flutter doctor

0

90

2

17. 2-5 μŠ€ν…Œμ΄μ§€ μ™€μ΄μ¦ˆ μ§ˆλ¬Έμž…λ‹ˆλ‹€.

0

76

3

15. 2-3 μ»€μ„œ λ£° μžλ™ 버전관리 μ§ˆλ¬Έμž…λ‹ˆλ‹€.

0

69

2

notion μˆ˜μ—…μžλ£Œ

0

75

2

λŸ¬λ²„λΈ” μŠˆνΌλ² μ΄μŠ€μ—°λ™

0

121

3

ν”ŒλŸ¬ν„° μ„€μΉ˜ 링크가 μ—†λŠ” μ£Όμ†Œλ‘œ λ‚˜μ˜€λ„€μš”.

0

75

1

credit을 도쀑에 λ‹€ μ¨μ„œ λ‘œκ·Έμ•„μ›ƒν•΄μ•Ό ν•˜λŠ”λ° 기쑴에 μž‘μ—…μ€‘μ΄λ˜ ν”„λ‘œμ νŠΈλŠ” μ–΄λ–»κ²Œ μ΄μ–΄μ„œ ν•  수 μžˆμ„κΉŒμš”?

1

77

1

1-5 Replit에 Devtools κΈ°λŠ₯은 μ–΄λ””μ„œ λ³΄λ‚˜μš”?

0

81

1

λŸ¬λ²„λΈ”μ—μ„œ 수파베이슀 연동이 μ•„μ˜ˆ 사라진것 κ°™μŠ΅λ‹ˆλ‹€.

0

155

3

슈퍼베이슀 연동

0

83

2

1-2κ°•μ˜ λ―Έμ…˜μ€ μ–΄λ–»κ²Œ μ œμΆœν•΄μš”?

0

82

2

1μ£Όμ°¨ 3κ°• Lovable ν΄λΌμš°λ“œ 문의

0

93

2

/generate cursor rules λͺ…λ Ήμ–΄κ°€ ν‘œμ‹œκ°€ μ•ˆλ©λ‹ˆλ‹€.

0

110

1

μ»€μ„œ pro문ꡬ

0

72

2