์›น์‚ฌ์ดํŠธ์— ๋“œ๋ฆฌ๋ธ” ํ”ผ๋“œ๋ฅผ ํ‘œ์‹œํ•˜๋Š” ๊ฐ„๋‹จํ•œ 7๋‹จ๊ณ„ ๋ฐฉ๋ฒ•ย 

How to Show Dribbble Feed on Your Website in 7 Easy Steps

Dribbble Feed๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” ๋ฐฉ๋ฒ•์„ ๋ฐฐ์šฐ๋ฉด ๋””์ž์ธ ๊ธฐ์ˆ ์„ ์„ ๋ณด์ด๊ณ  ์ž ์žฌ ๊ณ ๊ฐ์„ ์œ ์น˜ํ•  ์ˆ˜ ์žˆ๋Š” ์ข‹์€ ๋ฐฉ๋ฒ•์ด ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๋‹จ๊ณ„๋ณ„ ๊ฐ€์ด๋“œ์—์„œ๋Š” ๊ท€ํ•˜์˜ ์›น์‚ฌ์ดํŠธ์— Dribbble ํ”ผ๋“œ๋ฅผ ํ‘œ์‹œํ•˜๋Š” ๊ณผ์ •์„ ์•ˆ๋‚ดํ•ด ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค. ์ด ๊ฐ„๋‹จํ•œ ์ง€์นจ์„ ๋”ฐ๋ฅด๋ฉด Dribbble ์ƒท์„ ์›ํ™œํ•˜๊ฒŒ ํ†ตํ•ฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ž, ์‹œ์ž‘ํ•ด ๋ด…์‹œ๋‹ค!

๋“œ๋ฆฌ๋ธ” ํ”ผ๋“œ๋ž€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?ย 

Dribbble ์‚ฌ์šฉ์ž๊ฐ€ ๊ฒŒ์‹œํ•œ ์ด๋ฏธ์ง€ ๋˜๋Š” ๋””์ž์ธ ๋ชจ์Œ์„ Dribbble ํ”ผ๋“œ๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ์ด๋ฏธ์ง€์—๋Š” ๋กœ๊ณ , ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค ๋ฐ ๊ทธ๋ž˜ํ”ฝ์ด ํฌํ•จ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. Dribbble ํ”ผ๋“œ๋ฅผ ๋ณด์—ฌ์คŒ์œผ๋กœ์จ ์‚ฌ์šฉ์ž๊ฐ€ ์‚ฌ์ดํŠธ๋ฅผ ๋– ๋‚˜์ง€ ์•Š๊ณ ๋„ ๊ฐ€์žฅ ์ตœ๊ทผ ์ž‘ํ’ˆ์„ ๋ณผ ์ˆ˜ ์žˆ๋„๋ก ํ•˜์—ฌ ์‹œ๊ฐ์ ์œผ๋กœ ๋งค๋ ฅ์ ์ธ ๋ฐฉ์‹์œผ๋กœ ์›น ์‚ฌ์ดํŠธ์—์„œ ํฌํŠธํด๋ฆฌ์˜ค๋ฅผ ํ™๋ณดํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์›น์‚ฌ์ดํŠธ์— Dribble ํ”ผ๋“œ๋ฅผ ๊ณต๊ฐœํ•ด์•ผ ํ•˜๋Š” ์ด์œ 

์›น์‚ฌ์ดํŠธ์— Dribbble ํ”ผ๋“œ๋ฅผ ํ‘œ์‹œํ•˜๋ฉด ์—ฌ๋Ÿฌ ๊ฐ€์ง€ ์ด์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ๋‹ค์Œ์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  • ๋‹น์‹ ์˜ ๋””์ž์ธ ๋Šฅ๋ ฅ์„ ๋ณด์—ฌ์ฃผ์„ธ์š”: ๋“œ๋ฆฌ๋ธ” ์ƒท์„ ์ œ์‹œํ•จ์œผ๋กœ์จ ๋””์ž์ธ ๋Šฅ๋ ฅ์„ ์ž…์ฆํ•˜๊ณ  ์ž ์žฌ ๊ณ ๊ฐ์ด๋‚˜ ๊ณ ์šฉ์ฃผ๋ฅผ ์œ ์น˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ๋ฐฉ๋ฌธ์ž ์ฐธ์—ฌ ์œ ๋„: ์—ญ๋™์ ์ด๊ณ  ์‹œ๊ฐ์ ์œผ๋กœ ๋งค๋ ฅ์ ์ธ Dribbble ํ”ผ๋“œ๋Š” ์›น์‚ฌ์ดํŠธ ๋ฐฉ๋ฌธ์ž์˜ ์‹œ์„ ์„ ์‚ฌ๋กœ์žก๊ณ  ์ž‘์—…์„ ๋” ์ž์„ธํžˆ ํƒ์ƒ‰ํ•˜๋„๋ก ์œ ๋„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์‹ ๋ขฐ๋„ ๊ตฌ์ถ•: Dribbble ํ”ผ๋“œ๋ฅผ ๊ณต๊ฐœํ•˜๋ฉด ์ „๋ฌธ์ ์ธ ์ด๋ฏธ์ง€๋ฅผ ๊ฐ•ํ™”ํ•˜๊ณ  ์ฒญ์ค‘ ์‚ฌ์ด์˜ ์‹ ๋ขฐ๋ฅผ ๊ตฌ์ถ•ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ๊ฐ€์‹œ์„ฑ ํ–ฅ์ƒ: ๋“œ๋ฆฌ๋ธ” ์ƒท์„ ์›น์‚ฌ์ดํŠธ์— ๊ณต์œ ํ•˜๋ฉด ๋…ธ์ถœ๋„๋ฅผ ๋†’์ด๊ณ  ๋” ๋งŽ์€ ์ฒญ์ค‘์—๊ฒŒ ๋‹ค๊ฐ€๊ฐˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋“œ๋ฆฌ๋ธ” ํ”ผ๋“œ๋ฅผ 7๋‹จ๊ณ„๋กœ ํ‘œ์‹œํ•˜๋Š” ๋ฐฉ๋ฒ•

Dribbble ํ”ผ๋“œ๋ฅผ ํ‘œ์‹œํ•˜๋ ค๋ฉด ๋จผ์ € Dribbble์„ ์—ฐ๊ฒฐํ•˜๊ธฐ ์œ„ํ•œ ์•ก์„ธ์Šค ํ† ํฐ์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฐ ๋‹ค์Œ ๋‹ค์Œ ๋‹จ๊ณ„๋ฅผ ๊ณ„์† ์ง„ํ–‰ํ•˜์„ธ์š”.

7๋‹จ๊ณ„ ์ค‘ 1๋‹จ๊ณ„

๋‹จ๊ณ„=>1: ๋‹ค์Œ์œผ๋กœ ์ด๋™ ElementsKit => ์š”์†Œ => Dribbble ํ”ผ๋“œ๊ฐ€ ํ™œ์„ฑํ™”๋˜์–ด ์žˆ๋Š”์ง€ ํ™•์ธํ•˜์„ธ์š” => ๋ณ€๊ฒฝ ์‚ฌํ•ญ ์ €์žฅ

ElementsKit์œผ๋กœ ์ด๋™ํ•œ ๋‹ค์Œ Elements๋กœ ์ด๋™ํ•˜์—ฌ Dribbble Feed๋ฅผ ํ™œ์„ฑํ™”ํ•œ ๋‹ค์Œ ์ €์žฅํ•ฉ๋‹ˆ๋‹ค. Dribbble Feed๋ฅผ ํ‘œ์‹œํ•˜๋Š” ๋ฐฉ๋ฒ•

7๋‹จ๊ณ„ ์ค‘ 2๋‹จ๊ณ„

๋‹จ๊ณ„=>2: ์‚ฌ์šฉ์ž ์„ค์ •์œผ๋กœ ์ด๋™ => ํ™•์žฅํ•˜๋ ค๋ฉด Dribbble ์‚ฌ์šฉ์ž ๋ฐ์ดํ„ฐ๋ฅผ ํด๋ฆญํ•˜์„ธ์š”. => ์ด์ œ ์•ก์„ธ์Šค ํ† ํฐ ๊ฐ€์ ธ์˜ค๊ธฐ๋ฅผ ํด๋ฆญํ•˜์„ธ์š”.

์‚ฌ์šฉ์ž ์„ค์ •์œผ๋กœ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค. ํ™•์žฅํ•˜๋ ค๋ฉด Dribbble ์‚ฌ์šฉ์ž ๋ฐ์ดํ„ฐ๋ฅผ ํด๋ฆญํ•˜์„ธ์š”. ์ด์ œ Get Access Token(์•ก์„ธ์Šค ํ† ํฐ ๋ฐ›๊ธฐ)์„ ํด๋ฆญํ•˜์„ธ์š”. Dribbble ํ”ผ๋“œ๋ฅผ ํ‘œ์‹œํ•˜๋Š” ๋ฐฉ๋ฒ•

7๋‹จ๊ณ„ ์ค‘ 3๋‹จ๊ณ„

๋‹จ๊ณ„=>3: ๊ท€ํ•˜์˜ ์ •๋ณด๋ฅผ ์ž…๋ ฅํ•˜์„ธ์š” ๋“œ๋ฆฌ๋ธ” ๊ณ„์ • ์ž๊ฒฉ ์ฆ๋ช…์„ ํด๋ฆญํ•˜๊ณ  ๋กœ๊ทธ์ธ์„ ํด๋ฆญํ•˜์„ธ์š”.

Dribbble ๊ณ„์ • ์ž๊ฒฉ ์ฆ๋ช…์„ ์ž…๋ ฅํ•˜๊ณ  ๋กœ๊ทธ์ธ์„ ํด๋ฆญํ•˜์„ธ์š”. Dribbble ํ”ผ๋“œ๋ฅผ ํ‘œ์‹œํ•˜๋Š” ๋ฐฉ๋ฒ•

7๋‹จ๊ณ„ ์ค‘ 4๋‹จ๊ณ„

๋‹จ๊ณ„=>4: ์Šน์ธ์„ ํด๋ฆญํ•˜์„ธ์š”.

7๋‹จ๊ณ„ ์ค‘ 5๋‹จ๊ณ„

๋‹จ๊ณ„=>5: ์—ฌ๊ธฐ Dribbble ์•ก์„ธ์Šค ํ† ํฐ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๋ณต์‚ฌํ•˜์„ธ์š”.

7๋‹จ๊ณ„ ์ค‘ 6๋‹จ๊ณ„

๋‹จ๊ณ„=>6: ์„ ํƒํ•œ ์˜์—ญ์— ์•ก์„ธ์Šค ํ† ํฐ์„ ๋ถ™์—ฌ๋„ฃ๊ณ  ๋ณ€๊ฒฝ ์‚ฌํ•ญ์„ ์ €์žฅํ•ฉ๋‹ˆ๋‹ค.

๋ฐ์ดํ„ฐ ๋™๊ธฐํ™”์™€ ๊ด€๋ จํ•˜์—ฌ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜๋ฉด ์บ์‹œ ์ง€์šฐ๊ธฐ๋ฅผ ํด๋ฆญํ•˜์„ธ์š”.

7๋‹จ๊ณ„ ์ค‘ 7๋‹จ๊ณ„

๋‹จ๊ณ„=>7: ์ด์ œ Dribble Feed๋ฅผ ๊ฒ€์ƒ‰ํ•˜๊ณ  -> ์œ„์ ฏ์„ ๋“œ๋ž˜๊ทธํ•˜๊ณ  -> ์„ ํƒํ•œ ์˜์—ญ์— ๋†“์Šต๋‹ˆ๋‹ค.

์ด์ œ Dribbble ํ”ผ๋“œ ์œ„์ ฏ์—์„œ Dribbble Shots๋ฅผ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋“œ๋ฆฌ๋ธ” ํ”ผ๋“œ๋ฅผ ์‚ฌ์šฉ์ž ์ •์˜ํ•˜๋Š” ๋ฐฉ๋ฒ•

  • ๋ ˆ์ด์•„์›ƒ์—์„œ ์Šคํƒ€์ผ์„ ์„ ํƒํ•˜์„ธ์š”.
  • ์„ ํƒํ•œ ์Šคํƒ€์ผ์ด ํ‘œ์‹œ๋˜๋Š” ๊ฒƒ์„ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์—ด ์„ค์ •: 2.
  • ํ—ค๋”๋ฅผ ํ™œ์„ฑํ™”ํ•ฉ๋‹ˆ๋‹ค.
  • ์ƒ๋‹จ์˜ ํ—ค๋”๋ฅผ ๋ณผ ์ˆ˜ ์žˆ์œผ๋ฉฐ ์ƒท์€ 2๊ฐœ์˜ ์—ด์— ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.

๋งˆ๋ฌด๋ฆฌ

Dribbble ํ”ผ๋“œ๋ฅผ ์›น์‚ฌ์ดํŠธ์— ํ†ตํ•ฉํ•˜๋ฉด ์ฐฝ์˜์ ์ธ ์ „๋ฌธ๊ฐ€๋กœ์„œ ์˜จ๋ผ์ธ ์ž…์ง€๋ฅผ ํฌ๊ฒŒ ํ–ฅ์ƒ์‹œํ‚ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๊ฐ€์ด๋“œ์— ์„ค๋ช…๋œ ๋‹จ๊ณ„๋ฅผ ๋”ฐ๋ฅด๋ฉด ๋””์ž์ธ ํฌํŠธํด๋ฆฌ์˜ค๋ฅผ ์›ํ™œํ•˜๊ฒŒ ํ‘œ์‹œํ•˜๊ณ  ์ฐฝ์˜์ ์ธ ํ”„๋กœ์ ํŠธ์— ๋ฐฉ๋ฌธ์ž์˜ ์ฐธ์—ฌ๋ฅผ ์œ ๋„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์‹œ๊ฐ์ ์œผ๋กœ ๋งค๋ ฅ์ ์ธ ๋””์Šคํ”Œ๋ ˆ์ด๋ฅผ ์œ„ํ•ด ์›น์‚ฌ์ดํŠธ์˜ ์Šคํƒ€์ผ๊ณผ ๋ ˆ์ด์•„์›ƒ์— ๋งž๊ฒŒ Dribbble ํ”ผ๋“œ ์œ„์ ฏ์„ ์‚ฌ์šฉ์ž ์ •์˜ํ•˜๋Š” ๊ฒƒ์„ ์žŠ์ง€ ๋งˆ์„ธ์š”. ๊ทธ๋Ÿฌ๋‹ˆ ๋” ์ด์ƒ ๊ธฐ๋‹ค๋ฆฌ์ง€ ๋งˆ์„ธ์š”. ์˜ค๋Š˜ ๋ฐ”๋กœ Dribbble ์ƒท์„ ์„ ๋ณด์ด๊ณ  ์›น์‚ฌ์ดํŠธ์—์„œ ์ฐฝ์˜๋ ฅ์„ ๋ฐœํœ˜ํ•ด๋ณด์„ธ์š”!

ElementsKit-CTA-๋ฐฐ๋„ˆ-Wpmet

์ฝ”๋ฉ˜ํŠธ

๋‹ต๊ธ€์“ฐ๊ธฐ

์ด๋ฉ”์ผ์€ ํ‘œ์‹œ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ํ•„์ˆ˜ ํ•„๋“œ๋Š” *๋กœ๊ทธ์ธ์ด ๋ฉ๋‹ˆ๋‹ค