๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

์บ ํ•‘

์บ ํ•‘ ์ดˆ๋ณด๊ฐ€ ๊ฐ€์žฅ ๋งŽ์ด ํ•˜๋Š” ์‹ค์ˆ˜ & ํ•ด๊ฒฐ๋ฒ•

์บ ํ•‘์„ ์ฒ˜์Œ ๊ฐ€๋Š” ์‚ฌ๋žŒ๋“ค์€ ์„ค๋ ˆ๋Š” ๋งˆ์Œ์œผ๋กœ ์ค€๋น„ํ•˜์ง€๋งŒ, ์˜ˆ์ƒ์น˜ ๋ชปํ•œ ์‹ค์ˆ˜๋กœ ์ธํ•ด ์ฆ๊ฑฐ์›€์ด ๋ฐ˜๊ฐ๋˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ๋‹ค. ํŠนํžˆ ์บ ํ•‘์€ ์ง‘๊ณผ ๋‹ฌ๋ฆฌ ์ œํ•œ๋œ ํ™˜๊ฒฝ์—์„œ ์ƒํ™œํ•˜๋Š” ํ™œ๋™์ด๊ธฐ ๋•Œ๋ฌธ์—, ์ž‘์€ ์‹ค์ˆ˜๋„ ํฐ ๋ถˆํŽธ์„ ์ดˆ๋ž˜ํ•  ์ˆ˜ ์žˆ๋‹ค. ์บ ํ•‘ ์ดˆ๋ณด๋“ค์ด ๊ฐ€์žฅ ๋งŽ์ด ํ•˜๋Š” ์‹ค์ˆ˜์™€ ํ•ด๊ฒฐ๋ฒ•์„ ๋ฏธ๋ฆฌ ์•Œ์•„๋‘๋ฉด, ์ฒซ ์บ ํ•‘์„ ์„ฑ๊ณต์ ์œผ๋กœ ์ฆ๊ธธ ์ˆ˜ ์žˆ๋‹ค.


1. ํ…ํŠธ ์„ค์น˜ ์‹ค์ˆ˜: ์บ ํ•‘์žฅ์˜ ์ง€ํ˜•๊ณผ ๋‚ ์”จ๋ฅผ ๋ฌด์‹œํ•˜๋ฉด ๋‚ญํŒจ!

(ํ‚ค์›Œ๋“œ: ์บ ํ•‘ ํ…ํŠธ ์„ค์น˜, ์ดˆ๋ณด ์‹ค์ˆ˜, ์บ ํ•‘์žฅ ์ง€ํ˜•, ๊ฐ•ํ’ ๋Œ€๋น„, ํ…ํŠธ ์„ ํƒ๋ฒ•)

์บ ํ•‘ ์ดˆ๋ณด์ž๋“ค์ด ๊ฐ€์žฅ ๋งŽ์ด ํ•˜๋Š” ์‹ค์ˆ˜ ์ค‘ ํ•˜๋‚˜๋Š” ํ…ํŠธ ์„ค์น˜๋ฅผ ์ œ๋Œ€๋กœ ํ•˜์ง€ ์•Š๋Š” ๊ฒƒ์ด๋‹ค. ํŠนํžˆ ํ…ํŠธ๋ฅผ ์ž˜๋ชป๋œ ์œ„์น˜์— ์„ค์น˜ํ•˜๊ฑฐ๋‚˜, ๊ณ ์ •์ด ๋ถ€์‹คํ•˜๊ฒŒ ์„ค์น˜ํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ๋‹ค.

โ›” ์ดˆ๋ณด์ž๋“ค์ด ํ”ํžˆ ํ•˜๋Š” ํ…ํŠธ ์‹ค์ˆ˜

  • ๊ฒฝ์‚ฌ๊ฐ€ ์žˆ๋Š” ๊ณณ์— ํ…ํŠธ ์„ค์น˜ → ์ž๋Š” ๋™์•ˆ ๋ชธ์ด ํ•œ์ชฝ์œผ๋กœ ์ ๋ฆผ
  • ๋ฐฐ์ˆ˜๋กœ ์—†์ด ๋น„ ์˜ค๋Š” ๋‚  ํ…ํŠธ ์„ค์น˜ → ํ…ํŠธ ์•ˆ์œผ๋กœ ๋ฌผ์ด ์ฐจ์„œ ๋‚œ๋ฆฌ
  • ๊ณ ์ •์ด ์•ฝํ•ด์„œ ๊ฐ•ํ’์— ํ…ํŠธ๊ฐ€ ๋‚ ์•„๊ฐ

โœ… ํ•ด๊ฒฐ๋ฒ•

  • ํ‰ํ‰ํ•œ ๊ณณ์„ ์ฐพ์•„ ํ…ํŠธ๋ฅผ ์„ค์น˜ํ•˜๊ณ , ์ง€๋ฉด์ด ๋„ˆ๋ฌด ๋‹จ๋‹จํ•œ ๊ณณ์€ ํ”ผํ•œ๋‹ค.
  • ๋น„๊ฐ€ ์˜ฌ ๊ฒฝ์šฐ๋ฅผ ๋Œ€๋น„ํ•ด ํ…ํŠธ ์ฃผ๋ณ€์— ๋ฐฐ์ˆ˜๋กœ๋ฅผ ๋งŒ๋“ค์–ด์ค€๋‹ค.
  • ํŒฉ๊ณผ ์ŠคํŠธ๋ง์„ ๋‹จ๋‹จํžˆ ๊ณ ์ •ํ•ด ๋ฐ”๋žŒ์— ๋Œ€๋น„ํ•œ๋‹ค.
  • ์ดˆ๋ณด์ž๋Š” ์„ค์น˜๊ฐ€ ์‰ฌ์šด ์›ํ„ฐ์น˜ ํ…ํŠธ๋ณด๋‹ค๋Š” ๋”ํ˜• ํ…ํŠธ๋ฅผ ์„ ํƒํ•˜๋Š” ๊ฒƒ์ด ์ข‹๋‹ค.

์บ ํ•‘์žฅ์˜ ์ง€ํ˜•๊ณผ ๋‚ ์”จ๋ฅผ ๋ฏธ๋ฆฌ ์ฒดํฌํ•˜๊ณ , ํ…ํŠธ ์„ค์น˜ ์—ฐ์Šต์„ ํ•œ ๋ฒˆ ํ•ด๋ณด๊ณ  ๋– ๋‚˜๋Š” ๊ฒƒ์ด ๊ฐ€์žฅ ์ข‹์€ ๋ฐฉ๋ฒ•์ด๋‹ค.

์บ ํ•‘ ์ดˆ๋ณด๊ฐ€ ๊ฐ€์žฅ ๋งŽ์ด ํ•˜๋Š” ์‹ค์ˆ˜ & ํ•ด๊ฒฐ๋ฒ•


2. ๋ถ€์กฑํ•œ ๋ฐฉํ•œ & ๋ณด์˜จ ๋Œ€์ฑ…: ๋ฐค ๊ธฐ์˜จ์„ ๋ฌด์‹œํ•˜๋ฉด ์–ผ์–ด ์ฃฝ์„ ์ˆ˜๋„!

(ํ‚ค์›Œ๋“œ: ์บ ํ•‘ ๋ณด์˜จ, ์ดˆ๋ณด์ž ์‹ค์ˆ˜, ๋‚œ๋ฐฉ ์žฅ๋น„, ์นจ๋‚ญ ์„ ํƒ, ๊ฐ์„ฑ ์บ ํ•‘)

์บ ํ•‘์žฅ์—์„œ ๊ธฐ์˜จ ์ฐจ์ด๋ฅผ ๊ณ ๋ คํ•˜์ง€ ์•Š์œผ๋ฉด, ํŠนํžˆ ๋ฐค์— ๋„ˆ๋ฌด ์ถ”์›Œ์„œ ์ œ๋Œ€๋กœ ์ž ์„ ์ž˜ ์ˆ˜ ์—†๋Š” ์ƒํ™ฉ์ด ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ๋‹ค. ์—ฌ๋ฆ„์—๋„ ์‚ฐ์†์ด๋‚˜ ๊ฐ•๊ฐ€ ์บ ํ•‘์žฅ์€ ๋ฐค์ด ๋˜๋ฉด ์˜ˆ์ƒ๋ณด๋‹ค ํ›จ์”ฌ ๊ธฐ์˜จ์ด ๋‚ฎ์•„์ง„๋‹ค.

โ›” ์ดˆ๋ณด์ž๋“ค์ด ํ”ํžˆ ํ•˜๋Š” ๋ฐฉํ•œ ์‹ค์ˆ˜

  • ์ผ๊ธฐ์˜ˆ๋ณด๋งŒ ๋ณด๊ณ  ๋‚ฎ ๊ธฐ์˜จ๋งŒ ์ƒ๊ฐํ•˜๊ณ  ์ถœ๋ฐœ
  • ์ผ๋ฐ˜ ์ด๋ถˆ์„ ๊ฐ€์ ธ๊ฐ€์„œ ํ•œ๋ฐค์ค‘์— ๋œ๋œ ๋–จ๋ฉฐ ํ›„ํšŒ
  • ํ•ซํŒฉ์ด๋‚˜ ๋‚œ๋ฐฉ ์žฅ๋น„๋ฅผ ์ฑ™๊ธฐ์ง€ ์•Š์Œ

โœ… ํ•ด๊ฒฐ๋ฒ•

  • ๊ณ„์ ˆ๊ณผ ์ง€์—ญ์— ๋งž๋Š” ์ ์ • ์˜จ๋„์˜ ์นจ๋‚ญ์„ ์ค€๋น„ํ•œ๋‹ค.
    • ๋ด„·๊ฐ€์„: 3๊ณ„์ ˆ์šฉ ์นจ๋‚ญ
    • ๊ฒจ์šธ: ๋‹ค์šด(๊ฑฐ์œ„ํ„ธ) ์นจ๋‚ญ + ์ „๊ธฐ์š” ๋˜๋Š” ํ•ซํŒฉ ํ•„์ˆ˜
  • ๋งคํŠธ๋Š” ๋ฐ”๋‹ฅ ๋ƒ‰๊ธฐ๋ฅผ ์ฐจ๋‹จํ•˜๋Š” ์ค‘์š”ํ•œ ์š”์†Œ๋‹ค.
    • ์—์–ด๋งคํŠธ + ๋ฐœํฌ๋งคํŠธ ์กฐํ•ฉ์œผ๋กœ ๋ฐ”๋‹ฅ์„ ๋ณด์˜จํ•ด์•ผ ํ•œ๋‹ค.
  • ํ•ซํŒฉ, ์žฅ๊ฐ‘, ๋ณด์˜จ ๋ฌผ๋ณ‘, ํ›„๋ฆฌ์Šค ์˜ท ๋“ฑ์„ ์ฑ™๊ฒจ ์ฒด์˜จ ์œ ์ง€๋ฅผ ๋•๋Š”๋‹ค.
  • ์ „๊ธฐ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค๋ฉด ์ „๊ธฐ์š”๋‚˜ ์˜จํ’๊ธฐ ํ™œ์šฉ

๋‚ฎ์—๋Š” ๋ฅ๋”๋ผ๋„, ๋ฐค์— ์ฒด์˜จ์„ ์œ ์ง€ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋Œ€๋น„ํ•˜๋Š” ๊ฒƒ์ด ์พŒ์ ํ•œ ์บ ํ•‘์˜ ํ•ต์‹ฌ์ด๋‹ค.


3. ์Œ์‹ ์ค€๋น„ ์‹ค์ˆ˜: ์บ ํ•‘์žฅ์—์„œ ์š”๋ฆฌํ•˜๋‹ค ๋ฉ˜๋ถ• ์˜ค๋Š” ์ด์œ 

(ํ‚ค์›Œ๋“œ: ์บ ํ•‘ ์š”๋ฆฌ, ๊ฐ„ํŽธํ•œ ์บ ํ•‘ ์Œ์‹, ์ดˆ๋ณด ์‹ค์ˆ˜, ์•„์ด์Šค๋ฐ•์Šค ๋ณด๊ด€๋ฒ•, ๊ฐ์„ฑ ์บ ํ•‘ ์š”๋ฆฌ)

์ฒ˜์Œ ์บ ํ•‘์„ ๊ฐ€๋ฉด, ‘์บ ํ•‘ ๊ฐ์„ฑ’์„ ์‚ด๋ ค ๋ง›์žˆ๋Š” ์š”๋ฆฌ๋ฅผ ํ•ด๋จน๊ณ  ์‹ถ์–ด์ง„๋‹ค. ํ•˜์ง€๋งŒ ์ค€๋น„ ์—†์ด ๋ฌด์ž‘์ • ๋– ๋‚˜๋ฉด ์บ ํ•‘์žฅ์—์„œ ์š”๋ฆฌํ•˜๋‹ค ๋ฉ˜๋ถ•์ด ์˜ฌ ์ˆ˜ ์žˆ๋‹ค.

โ›” ์ดˆ๋ณด์ž๋“ค์ด ํ”ํžˆ ํ•˜๋Š” ์š”๋ฆฌ ์‹ค์ˆ˜

  • ์š”๋ฆฌ ๋„๊ตฌ๋ฅผ ๋น ๋œจ๋ ค์„œ ๋ถˆํŽธํ•œ ์ƒํ™ฉ ๋ฐœ์ƒ
  • ์žฌ๋ฃŒ๋ฅผ ๋‹ค ๊ฐ€์ ธ์™”์ง€๋งŒ ์–‘๋…์„ ๋นผ๋จน์Œ
  • ๋„ˆ๋ฌด ๋ณต์žกํ•œ ์š”๋ฆฌ๋ฅผ ๊ณ„ํšํ–ˆ๋‹ค๊ฐ€ ์‹คํŒจ
  • ๊ณ ๊ธฐ๋‚˜ ์ฑ„์†Œ๊ฐ€ ์ƒํ•ด์„œ ๋จน์ง€ ๋ชปํ•จ

โœ… ํ•ด๊ฒฐ๋ฒ•

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

์บ ํ•‘์žฅ์—์„œ ์š”๋ฆฌ๋Š” ์ตœ๋Œ€ํ•œ ๊ฐ„ํŽธํ•˜๊ฒŒ ์ค€๋น„ํ•ด์•ผ ์ŠคํŠธ๋ ˆ์Šค๋ฅผ ์ค„์ผ ์ˆ˜ ์žˆ๋‹ค!


4. ์•ˆ์ „ ๋ถˆ๊ฐ์ฆ: ์บ ํ•‘์žฅ์—์„œ ๊ฐ€์žฅ ์œ„ํ—˜ํ•œ ์ˆœ๊ฐ„๋“ค

(ํ‚ค์›Œ๋“œ: ์บ ํ•‘ ์•ˆ์ „, ํ™”์žฌ ์˜ˆ๋ฐฉ, ์‘๊ธ‰์ฒ˜์น˜, ์บ ํ•‘ ์‚ฌ๊ณ , ์ดˆ๋ณด ์‹ค์ˆ˜)

์บ ํ•‘ ์ดˆ๋ณด์ž๋“ค์€ ์•ˆ์ „ ๋ฌธ์ œ๋ฅผ ๊ฐ„๊ณผํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ๋‹ค. ํ•˜์ง€๋งŒ ์กฐ๊ธˆ๋งŒ ๋ฐฉ์‹ฌํ•˜๋ฉด ํฐ ์‚ฌ๊ณ ๋กœ ์ด์–ด์งˆ ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์—, ์•ˆ์ „ ์ˆ˜์น™์„ ๋ฐ˜๋“œ์‹œ ์ง€์ผœ์•ผ ํ•œ๋‹ค.

โ›” ์ดˆ๋ณด์ž๋“ค์ด ํ”ํžˆ ํ•˜๋Š” ์•ˆ์ „ ์‹ค์ˆ˜

  • ํ…ํŠธ ์•ˆ์—์„œ ๋ฒ„๋„ˆ ์‚ฌ์šฉ → ์ผ์‚ฐํ™”ํƒ„์†Œ ์ค‘๋… ์œ„ํ—˜
  • ๋ถˆ์”จ๋ฅผ ์™„์ „ํžˆ ๋„์ง€ ์•Š๊ณ  ๋ฐฉ์น˜ → ํ™”์žฌ ์œ„ํ—˜
  • ์†์ „๋“ฑ ์—†์ด ๋ฐค๊ธธ ์ด๋™ → ๋‚™์ƒ ์‚ฌ๊ณ 
  • ๋น„์ƒ์•ฝ ์—†์ด ๋– ๋‚จ → ์‘๊ธ‰์ƒํ™ฉ ๋ฐœ์ƒ ์‹œ ๋Œ€์ฒ˜ ๋ถˆ๊ฐ€๋Šฅ

โœ… ํ•ด๊ฒฐ๋ฒ•

  • ํ…ํŠธ ์•ˆ์—์„œ๋Š” ์ ˆ๋Œ€ ๋ถˆ์„ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š”๋‹ค.
  • ๋ชจ๋‹ฅ๋ถˆ์ด๋‚˜ ๋ฒ„๋„ˆ ์‚ฌ์šฉ ํ›„ ๋ถˆ์”จ๊ฐ€ ์™„์ „ํžˆ ๊บผ์กŒ๋Š”์ง€ ํ™•์ธ
  • ์•ผ์™ธ ํ™œ๋™ ์ค‘ ์†์ „๋“ฑ์ด๋‚˜ ๋žœํ„ด์„ ๊ผญ ์ฑ™๊ธด๋‹ค.
  • ๋น„์ƒ์•ฝ, ์†Œ๋…์•ฝ, ์ƒ์ฒ˜ ๋ฐด๋“œ๋ฅผ ํ•„์ˆ˜๋กœ ์ค€๋น„
  • ์บ ํ•‘์žฅ ์œ„์น˜๋ฅผ ์ˆ™์ง€ํ•˜๊ณ , ์‘๊ธ‰ ์ƒํ™ฉ ์‹œ ๋Œ€ํ”ผ ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋‘”๋‹ค.

์บ ํ•‘์—์„œ ๊ฐ€์žฅ ์ค‘์š”ํ•œ ๊ฒƒ์€ ์•ˆ์ „! ์‚ฌ์†Œํ•œ ์‹ค์ˆ˜ ํ•˜๋‚˜๊ฐ€ ํฐ ์‚ฌ๊ณ ๋กœ ์ด์–ด์งˆ ์ˆ˜ ์žˆ์œผ๋‹ˆ ํ•ญ์ƒ ์ฃผ์˜ํ•˜์ž.


๋งˆ๋ฌด๋ฆฌ

์บ ํ•‘ ์ดˆ๋ณด์ž๋“ค์ด ๊ฐ€์žฅ ๋งŽ์ด ํ•˜๋Š” ์‹ค์ˆ˜์™€ ํ•ด๊ฒฐ๋ฒ•์„ ์ •๋ฆฌํ•ด ๋ณด์•˜๋‹ค. ํ…ํŠธ ์„ค์น˜ ์‹ค์ˆ˜, ๋ณด์˜จ ๋Œ€์ฑ… ๋ถ€์กฑ, ์š”๋ฆฌ ์ค€๋น„ ์‹ค์ˆ˜, ์•ˆ์ „ ๋ถˆ๊ฐ์ฆ ๋“ฑ์€ ์ดˆ๋ณด์ž๋“ค์ด ํ”ํžˆ ์ €์ง€๋ฅด๋Š” ๋ฌธ์ œ๋‹ค. ํ•˜์ง€๋งŒ ๋ฏธ๋ฆฌ ๋Œ€๋น„ํ•˜๊ณ  ์ค€๋น„ํ•œ๋‹ค๋ฉด ์ฒซ ์บ ํ•‘์„ ๋”์šฑ ์•ˆ์ „ํ•˜๊ณ  ์ฆ๊ฒ๊ฒŒ ๋ณด๋‚ผ ์ˆ˜ ์žˆ๋‹ค.


.myButton { box-shadow: 3px 4px 0px 0px #1564ad; background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%); background-color:#79bbff; border-radius:5px; border:1px solid #337bc4; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:17px; font-weight:bold; padding:12px 44px; text-decoration:none; text-shadow:0px 1px 0px #528ecc; } .myButton:hover { background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%); background-color:#378de5; } .myButton:active { position:relative; top:1px; }