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

53

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์˜ ์ตœ์‹  ๋ฒ„์ „์„ ์„ค์น˜ํ•ด ๋ณด์„ธ์š”.

๋”๋ถˆ์–ด, ๋ฌธ์ œ ํ•ด๊ฒฐ์— ๋„์›€์ด ๋  ์ˆ˜ ์žˆ๋Š” ์œ ์‚ฌํ•œ ์งˆ๋ฌธ๋“ค๊ณผ ๋‹ต๋ณ€์€ ์•„๋ž˜ ๋งํฌ์—์„œ ํ™•์ธํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค:

์ด ์ฒดํฌ๋ฆฌ์ŠคํŠธ๋ฅผ ํ†ตํ•ด ๋ฌธ์ œ๋ฅผ ์ง„๋‹จํ•˜๊ณ  ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ์ด๋ผ๊ณ  ์ƒ๊ฐ๋ฉ๋‹ˆ๋‹ค. ๋ฌธ์ œ ํ•ด๊ฒฐ์— ๋Œ€ํ•œ ์–ด๋ ค์›€์ด ์ง€์†๋œ๋‹ค๋ฉด, ์ถ”๊ฐ€ ์ด๋ฏธ์ง€๋‚˜ ์„ธ๋ถ€ ์˜ค๋ฅ˜๋ฅผ ์ฒจ๋ถ€ํ•˜์…”์„œ ๋”์šฑ ์ •ํ™•ํ•œ ์ง„๋‹จ์„ ์œ„ํ•œ ์งˆ๋ฌธ์„ ์ด์–ด๊ฐ€์„ธ์š”.

์ €๋Š” ์งˆ๋ฌธ์ž๋‹˜์˜ ์ดํ•ด๋ฅผ ๋•๊ณ ์ž ์ง€์‹๊ณต์œ ์ž๋‹˜์˜ ๊ธฐ์กด ๋‹ต๋ณ€์„ ์ฐธ๊ณ ํ•˜์—ฌ ์œ ์‚ฌํ•œ ๋‹ต๋ณ€ ๋งํฌ๋ฅผ ์ถ”์ฒœํ•ด๋“œ๋ฆฌ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
ํ˜„์žฌ ๋ฒ ํƒ€ ๊ธฐ๋Šฅ์œผ๋กœ ๋‹ต๋ณ€์ด ๋งŒ์กฑ์Šค๋Ÿฝ์ง€ ์•Š์„ ์ˆ˜ ์žˆ๋Š” ์  ์–‘ํ•ด ๋ถ€ํƒ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ๐Ÿ™
์ถ”๊ฐ€์ ์œผ๋กœ ๊ถ๊ธˆํ•œ ์ ์ด ์žˆ์œผ์‹œ๋ฉด, ์ด์–ด์„œ ์งˆ๋ฌธํ•ด ์ฃผ์„ธ์š”. ๊ณง ์ง€์‹๊ณต์œ ์ž๊ป˜์„œ ๋‹ต๋ณ€ํ•ด ์ฃผ์‹ค ๊ฒƒ์ž…๋‹ˆ๋‹ค.

Node ๊ด€๋ จ ์งˆ๋ฌธ์ž…๋‹ˆ๋‹ค

0

60

3

๊ฐ•์˜ ๋‚ด์šฉ์† ์ปค์„œ ๋ฒ„์ ผํ•˜๊ณ  ํ˜„์žฌ ์ปค์„œ ๋ฒ„์ ผ์ด ๋‹ค๋ฅธ๊ฐ€์š”?

0

42

2

๊ตฌ๊ธ€ ์†Œ์…œ ๋กœ๊ทธ์ธ ํ›„ ๋กœ๊ทธ์ธ ์‹œ ๊ตฌ๊ธ€์—๋Ÿฌ

0

49

2

์‹ค์Šต์ค‘(๊ฐœ์ธ ๋น„์šฉ ๊ด€๋ฆฌ ์•ฑ) ๋ฌธ์˜๋“œ๋ ค์š”

0

54

2

Supabse ์—ฐ๋™์ด ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

0

97

2

ํ™”๋ฉด์ด ์•ˆ ๋‚˜์˜ต๋‹ˆ๋‹ค. ์†Œ๋ฆฌ๋งŒ ๋‚˜์™€์š”

0

68

2

open in brower ์„ธํŒ…

0

84

1

ํ˜น์‹œ ๊ฐ•์‚ฌ๋‹˜์€ lovable, replit๋ชจ๋‘ ์œ ๋ฃŒ ์“ฐ์‹œ๋Š”๊ฐ€์š”?

0

242

2

33. 4-5 iOS ํŒŒ์ด์–ด๋ฒ ์ด์Šค ๋ฉ”์‹œ์ง• ๋ฌธ์˜์ž…๋‹ˆ๋‹ค.

0

60

2

flutter doctor

0

89

2

17. 2-5 ์Šคํ…Œ์ด์ง€ ์™€์ด์ฆˆ ์งˆ๋ฌธ์ž…๋‹ˆ๋‹ค.

0

75

3

15. 2-3 ์ปค์„œ ๋ฃฐ ์ž๋™ ๋ฒ„์ „๊ด€๋ฆฌ ์งˆ๋ฌธ์ž…๋‹ˆ๋‹ค.

0

68

2

notion ์ˆ˜์—…์ž๋ฃŒ

0

74

2

๋Ÿฌ๋ฒ„๋ธ” ์Šˆํผ๋ฒ ์ด์Šค์—ฐ๋™

0

117

3

ํ”Œ๋Ÿฌํ„ฐ ์„ค์น˜ ๋งํฌ๊ฐ€ ์—†๋Š” ์ฃผ์†Œ๋กœ ๋‚˜์˜ค๋„ค์š”.

0

74

1

credit์„ ๋„์ค‘์— ๋‹ค ์จ์„œ ๋กœ๊ทธ์•„์›ƒํ•ด์•ผ ํ•˜๋Š”๋ฐ ๊ธฐ์กด์— ์ž‘์—…์ค‘์ด๋˜ ํ”„๋กœ์ ํŠธ๋Š” ์–ด๋–ป๊ฒŒ ์ด์–ด์„œ ํ•  ์ˆ˜ ์žˆ์„๊นŒ์š”?

1

75

1

1-5 Replit์— Devtools ๊ธฐ๋Šฅ์€ ์–ด๋””์„œ ๋ณด๋‚˜์š”?

0

79

1

๋Ÿฌ๋ฒ„๋ธ”์—์„œ ์ˆ˜ํŒŒ๋ฒ ์ด์Šค ์—ฐ๋™์ด ์•„์˜ˆ ์‚ฌ๋ผ์ง„๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

0

146

3

์Šˆํผ๋ฒ ์ด์Šค ์—ฐ๋™

0

81

2

1-2๊ฐ•์˜ ๋ฏธ์…˜์€ ์–ด๋–ป๊ฒŒ ์ œ์ถœํ•ด์š”?

0

80

2

1์ฃผ์ฐจ 3๊ฐ• Lovable ํด๋ผ์šฐ๋“œ ๋ฌธ์˜

0

92

2

/generate cursor rules ๋ช…๋ น์–ด๊ฐ€ ํ‘œ์‹œ๊ฐ€ ์•ˆ๋ฉ๋‹ˆ๋‹ค.

0

104

1

์ปค์„œ pro๋ฌธ๊ตฌ

0

72

2

๋Ÿฌ๋ฒ„๋ธ” ํ”„๋กœ์ ํŠธ๋ฅผ cursor๋กœ ๋ฐ”๊พผ๋‹ค์Œ์— ๋‹ค์‹œ ๋Ÿฌ๋ฒ„๋ธ”๋กœ...

0

223

2