์ฑ„๋„ํ†ก ์•„์ด์ฝ˜

์‹ค์ „! ์›น์‚ฌ์ดํŠธ์ œ์ž‘! Step by Step! ('๋•๋‹ค' ์‚ฌ์ดํŠธ์ œ์ž‘_Application Course)

๋•๋‹ค ์‚ฌ์ดํŠธ ์ œ์ž‘ Application Course๋กœ, ์‹ค์ œ ์›น์‚ฌ์ดํŠธ ๋ฉ”์ธํŽ˜์ด์ง€๋ฅผ ๊ทธ๋Œ€๋กœ ์ œ์ž‘ยท๊ตฌํ˜„ํ•ด๋ณด๋Š” ๊ฐ•์˜์ž…๋‹ˆ๋‹ค. ๋ฌด๋ฃŒ ๊ฐ•์˜๋กœ ์˜คํ”ˆํ•œ ๋•๋‹ค ์‚ฌ์ดํŠธ Basic Course์˜ Layout๊ณผ Animation ์œ„์ฃผ์˜ ๋‹จ์ˆœํ•œ ๊ตฌ์กฐ์˜ ์ฝ”๋”ฉ์—์„œ Fixed header, Image Slider, Mobile navigation, Scroll Animation, ๋ฐ˜์‘ํ˜• ๋“ฑ์„ ์ถ”๊ฐ€ํ•˜๋ฉฐ ์ฝ”๋”ฉ ํ•˜๋‚˜ํ•˜๋‚˜๋ฅผ ์ˆ˜์ •๋ณด์™„ํ•˜๋ฉฐ ์™„์„ฑํ•ด๊ฐ€๋Š” ์›นํŽ˜์ด์ง€ ์ œ์ž‘ ์‹ค์ „! ๊ฐ•์˜์ž…๋‹ˆ๋‹ค. (๋ณธ๊ฐ•์˜๋Š” ๋•๋‹ค-Basic Course๋ฅผ ๋“ค์œผ์‹œ๊ณ  ์ˆ˜๊ฐ•ํ•˜์…”์•ผ ํ•™์Šต ํšจ๊ณผ๊ฐ€ ํฌ๋‹ค๊ณ  ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.)

Thumbnail

์ดˆ๊ธ‰์ž๋ฅผ ์œ„ํ•ด ์ค€๋น„ํ•œ
[์›น ๊ฐœ๋ฐœ, ์›น ํผ๋ธ”๋ฆฌ์‹ฑ] ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

์ด๋Ÿฐ ๊ฑธ
๋ฐฐ์›Œ์š”!

  • ์Šคํฌ๋กค ์‹œ ๋””์ž์ธ์ด ๋ณ€๊ฒฝ๋˜๋Š” FixHeader jQuery

  • ์Šคํฌ๋กค ์ด๋ฒคํŠธ ์• ๋‹ˆ๋ฉ”์ด์…˜ jQuery(scrolla.js) ํ™œ์šฉ๊ณผ ์‘์šฉ

  • ์• ๋‹ˆ๋ฉ”์ด์…˜์ด ๋“ค์–ด๊ฐ„ ์ด๋ฏธ์ง€ ์Šฌ๋ผ์ด๋“œ jQuery(slick.js) ํ™œ์šฉ๊ณผ ์‘์šฉ

  • Open ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ๋‚˜ํƒ€๋‚˜๋Š” GNB navBar ์ œ์ž‘ํ•˜๊ธฐ

 

HTML + CSS๋กœ Layout & Animation ์ œ์ž‘์„ ์ตํžˆ๋Š”
๋•๋‹ค Basic Course๋ฅผ ๋“ค์œผ์…จ๋‚˜์š”?

๋ ˆ์ด์•„์›ƒ๊ณผ ์• ๋‹ˆ๋ฉ”์ด์…˜ ์ œ์ž‘์— ๋Œ€ํ•œ ์ดํ•ด๊ฐ€ ๋˜์…จ๋‹ค๋ฉด, ์ด์   ์ข€ ๋” ์•กํ‹ฐ๋ธŒํ•œ ์š”์†Œ๋“ค์„ ๊ตฌํ˜„ํ•ด ๋ณผ๊นŒ์š”?
์›นํŽ˜์ด์ง€ ์ œ์ž‘์— ํ•„์š”ํ•œ jQuery์˜ ๊ธฐ์ดˆ๋ถ€ํ„ฐ ํ™œ์šฉ๊นŒ์ง€ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์œผ๋ฉฐ, ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์™€ ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ํ™œ์šฉํ•˜์—ฌ ๋‹จ์‹œ๊ฐ„์— ๋ฉ‹์žˆ๊ณ  ํ™”๋ คํ•œ ์›นํŽ˜์ด์ง€๋ฅผ ์ œ์ž‘ํ•  ์ˆ˜ ์žˆ๋„๋ก ์—ฌ๋Ÿฌ๋ถ„์„ ๋„์™€๋“œ๋ฆฝ๋‹ˆ๋‹ค.


๋ˆ„๊ตฌ์—๊ฒŒ ํ•„์š”ํ• ๊นŒ์š”?

 

  • CSS Animation ๊ทธ ์ด์ƒ์˜ ํ™”๋ คํ•จ๊ณผ ์•กํ‹ฐ๋ธŒํ•จ์„ ๊ตฌํ˜„ํ•˜๊ณ  ์‹ถ์œผ์‹  ๋ถ„
  • ์›น์—์„œ ํ•„์š”๋กœ ํ•˜๋Š” JavaScript์™€ jQuery์˜ ๊ธฐ๋ณธ์„ ์•Œ๊ณ  ์‹ถ์œผ์‹  ๋ถ„
  • ์—…๋ฌด ์†๋„์™€ ํ™•์žฅ์„ฑ์„ ์œ„ํ•ด ๋‹จ์‹œ๊ฐ„์— ์•กํ‹ฐ๋ธŒํ•œ ์›น์„ ๊ตฌํ˜„ํ•˜๊ณ  ์‹ถ์œผ์‹  ๋ถ„
  • ์›น๋””์ž์ด๋„ˆ/ํผ๋ธ”๋ฆฌ์…”๋กœ ์ทจ์—…์„ ์œ„ํ•ด ํฌํŠธํด๋ฆฌ์˜ค๋ฅผ ์ œ์ž‘ํ•˜๊ณ  ์‹ถ์œผ์‹  ๋ถ„
  • ํ˜„์žฌ ๊ทธ๋ž˜ํ”ฝ ๋””์ž์ด๋„ˆ๋กœ์„œ ์›น๋””์ž์ด๋„ˆ/ํผ๋ธ”๋ฆฌ์…”๋กœ ์ „ํ–ฅํ•˜๊ณ  ์‹ถ์œผ์‹  ๋ถ„

 

์‹ค๋ฌด์—์„œ ๊ผญ ํ•„์š”๋กœ ํ•˜๋Š” ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ์š”์†Œ๋“ค๋กœ ๊ตฌ์„ฑ๋œ ์›นํŽ˜์ด์ง€ ๊ฐ•์˜๋ฅผ ํ†ตํ•ด ์—…๋ฌด ์Šคํ‚ฌ๊ณผ ์‹ค๋ฌด ํ•ต์‹ฌ ๋…ธํ•˜์šฐ๋ฅผ ํ•œ๋ฒˆ์— ์–ป์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์‹ค๋ฌด๋Š”! ์†๋„์ „์ด๋ฉฐ, ํ™•์žฅ์„ฑ์ž…๋‹ˆ๋‹ค.
์ž‘์—…์‹œ๊ฐ„ ๋‚ด์— ๋น ๋ฅด๊ฒŒ, ๊ณ ํ€„๋ฆฌํ‹ฐ์˜ ํ”„๋กœ์ ํŠธ๋ฅผ ์™„๋ฃŒํ•˜์‹œ๋Š” ๋ถ„๋งŒ์ด ์‹ค๋ ฅ์žˆ๋Š” ๋””์ž์ด๋„ˆ, ํผ๋ธ”๋ฆฌ์…”๋กœ ์ธ์ •๋ฐ›๊ณ  ๋Œ€์šฐ๋ฐ›์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋•๋‹ค ์‚ฌ์ดํŠธ Application Course๋ฅผ ํ•จ๊ป˜ ๋งŒ๋“ค์–ด๋ณด๋ฉด์„œ, ํ™”๋ คํ•œ ์›น์‚ฌ์ดํŠธ๋„ ๋น ๋ฅด๊ฒŒ ์ œ์ž‘ํ•ด๋‚˜๊ฐˆ ์ˆ˜ ์žˆ๋Š” ๋…ธํ•˜์šฐ๋ฅผ ์ตํ˜€๋ณด์„ธ์š”!


ํ•™์Šต ๋‚ด์šฉ ์‚ดํŽด๋ณด๊ธฐ

 


Full Screen Image

 

Image Slider

 

Responsive Web (1100px~951px ํƒœ๋ธ”๋ฆฟ ํ•ด์ƒ๋„)

 

Responsive Web (950px~751px ํƒœ๋ธ”๋ฆฟ ํ•ด์ƒ๋„)

 

Responsive Web (750px ์ดํ•˜ ๋ชจ๋ฐ”์ผ ํ•ด์ƒ๋„)

์˜คํ”ˆ์ฑ„ํŒ…๋ฐฉ์šด์˜

๋ณด๋‹ค ์›ํ™œํ•œ ํ•™์Šต์„ ์œ„ํ•ด, J.young์ด ์šด์˜ํ•˜๋Š” ์ž˜๋‚œ์›น๋”” ์˜คํ”ˆ์ฑ„ํŒ…๋ฐฉ์— ๊ฐ€์ž…ํ•˜์‹œ๋ฉด,
ํ”ผ๊ทธ๋งˆ, UI.UX, ์ฝ”๋”ฉ, ํฌํŠธํด๋ฆฌ์˜ค์ œ์ž‘ ๊ด€๋ จ ํ•ต๊ฟ€ํŒ๊ณผ ๋ฌด๋ฃŒ์›จ๋น„๋‚˜ ๋งํฌ ๋“ฑ์„ ๊ณต์œ ํ•ด๋“œ๋ฆฝ๋‹ˆ๋‹ค.

- ์˜คํ”ˆ์ฑ„ํŒ…๋ฐฉ๋ช… : ์ž˜๋‚œ์›น๋””
- ์ฝ”๋“œ : jyoung

์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜
์ถ”์ฒœ๋“œ๋ ค์š”!

ํ•™์Šต ๋Œ€์ƒ์€
๋ˆ„๊ตฌ์ผ๊นŒ์š”?

  • HTML/CSS ๊ธฐ์ดˆ๋Š” ์žˆ์œผ๋‚˜ ์›นํŽ˜์ด์ง€ ์ œ์ž‘์ด ๋‘๋ ค์šฐ์‹  ๋ถ„

  • ์›น๋””์ž์ด๋„ˆ, ํผ๋ธ”๋ฆฌ์…”๋กœ ์ทจ์—…์„ ์œ„ํ•ด ๋น ๋ฅด๊ฒŒ ํฌํŠธํด๋ฆฌ์˜ค๋ฅผ ์ œ์ž‘ํ•˜๊ณ  ์‹ถ์œผ์‹  ๋ถ„

  • ์›น์—์„œ ํ•„์š”๋กœ ํ•˜๋Š” jQuery ์†Œ์Šค๋ฅผ ์ตํžˆ๊ณ  ์‹ถ์œผ์‹  ๋ถ„

  • JavaScript ๊ธฐ์ดˆ ์—†์ด ์‹ค๋ฌด์—์„œ ํ•„์š”๋กœ ํ•˜๋Š” ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ์›น์„ ์†์‰ฝ๊ฒŒ ๊ตฌํ˜„ํ•˜๊ณ  ์‹ถ์œผ์‹  ๋ถ„

  • ํ˜„์žฌ ๊ทธ๋ž˜ํ”ฝ ๋””์ž์ด๋„ˆ๋กœ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋‚˜ ํผ๋ธ”๋ฆฌ์…”๋กœ ์ „ํ–ฅํ•˜๊ณ  ์‹ถ์œผ์‹  ๋ถ„

  • ์›น๋””์ž์ด๋„ˆ๋กœ์„œ ์—…๋ฌด ์Šคํ‚ฌ์„ ํ–ฅ์ƒ์‹œํ‚ค๊ณ  ์‹ถ์œผ์‹  ๋ถ„

  • ํ™•์žฅ์„ฑ์„ ๊ณ ๋ คํ•œ ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ์›น์„ ๋น ๋ฅด๊ฒŒ ๊ตฌํ˜„ํ•˜๊ณ  ์‹ถ์œผ์‹  ๋ถ„

์„ ์ˆ˜ ์ง€์‹,
ํ•„์š”ํ• ๊นŒ์š”?

  • HTML / CSS ๊ธฐ์ดˆ

  • ์‹ค์ „! ์›น์‚ฌ์ดํŠธ์ œ์ž‘! Step by Step! ('๋•๋‹ค' ์‚ฌ์ดํŠธ์ œ์ž‘_Basic Course) ๊ฐ•์˜๋ฅผ ๋“ค์œผ์‹œ๊ณ  ์ด์–ด์„œ ์ˆ˜๊ฐ•ํ•˜์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค.

์•ˆ๋…•ํ•˜์„ธ์š”
J.์˜์ž…๋‹ˆ๋‹ค.

5,811

๋ช…

์ˆ˜๊ฐ•์ƒ

232

๊ฐœ

์ˆ˜๊ฐ•ํ‰

209

๊ฐœ

๋‹ต๋ณ€

4.9

์ 

๊ฐ•์˜ ํ‰์ 

14

๊ฐœ

๊ฐ•์˜

 ์•ˆ๋…•ํ•˜์„ธ์š”? J.young ์ž„์ž์˜์ž…๋‹ˆ๋‹ค.

20์—ฌ๋…„๊ฐ„์˜ ์›น๋””์ž์ธ & ์•ฑ๊ฐœ๋ฐœํšŒ์‚ฌ๋ฅผ ์šด์˜ํ•˜๋ฉฐ, ๋Œ€ํ•™๊ณผ ์ „๋ฌธํ•™๊ต ๋ฐ ์ง์—…ํ›ˆ๋ จ๊ธฐ๊ด€์—์„œ UI.UX๋””์ž์ธ,์›น๋””์ž์ธ, ์›นํผ๋ธ”๋ฆฌ์…”, ํ”„๋ก ํŠธ์—”๋“œ๊ฐœ๋ฐœ ๊ฐ•์˜๋ฅผ ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

๋””์ž์ธ์ด๋‚˜ ์ฝ”๋”ฉ์— ๋Œ€ํ•œ ๊ธฐ์ดˆ๊ฐ€ ์ „ํ˜€ ์—†๋Š” ํ•™์ƒ๋“ค์„ ๋Œ€์ƒ์œผ๋กœ, ์ „๋ฌธ๊ฐ€(UI.UX๋””์ž์ด๋„ˆ/ ํผ๋ธ”๋ฆฌ์…”/์ฝ”๋”ฉํ•˜๋Š” ๋””์ž์ด๋„ˆ) ์–‘์„ฑ์„ ์œ„ํ•ด!!
- ๊ธฐ์ดˆ๋ถ€ํ„ฐ ์‹ค๋ฌด๊นŒ์ง€!
- ์‹ค๋ฌด์—์„œ ์›ํ•˜๋Š”!
- ์‹ค๋ฌด์—์„œ ๋ฐ”๋กœ ์จ ๋จน์„ ์ˆ˜ ์žˆ๋Š” ํฌํŠธํด๋ฆฌ์˜ค ์ œ์ž‘! ๊ฐ•์˜๋กœ ์ „๋ฌธ๊ฐ€๋กœ์จ ๋‹น๋‹นํžˆ ์‹ค๋ฌด์— ์ง„์ถœํ•  ์ˆ˜ ์žˆ๋„๋ก ์ง€๋„ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

๊ทธ๋Ÿฐ ๋งŒํผ... ๋งŽ์€ ์ œ์ž๋“ค์ด ์‹ค๋ฌด์ž๋กœ์จ์˜ ๊ทธ ์—ญ๋Ÿ‰์„ ๋ฐœํœ˜ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

-UI/UX๋””์ž์ด๋„ˆ, ํผ๋ธ”๋ฆฌ์…”, ํ”„๋ก ํŠธ์—”๋“œ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ณ  ์‹ถ์–ด๋„ ์–ด๋””์„œ ๋ถ€ํ„ฐ
์–ด๋–ป๊ฒŒ ์‹œ์ž‘ํ• ์ง€ ๋ง‰๋ง‰ํ•˜์‹  ๋ถ„๋“ค..
- ์ด์ง์„ ์œ„ํ•œ ์ •๊ทœ ์ฝ”์Šค ํ•™์›์„ ๋‹ค๋‹ˆ๊ณ  ์‹ถ์–ด๋„ ์ง์žฅ ์ƒํ™œ๋กœ ์ธํ•ด ์—„๋‘๋„ ๋ชป ๋‚ด์‹œ๋Š” ๋ถ„๋“ค..
- ์ฝ”๋”ฉ์— '์ฝ”'์ž๋„ ๋ชจ๋ฅด์‹œ๋Š” ๋ถ„! ํ•™์›์ด๋‚˜ ์œ ํŠœ๋ธŒ ๋“ฑ์œผ๋กœ HTML/CSS๊ธฐ์ดˆ๋Š” ๋ฐฐ์› ์ง€๋งŒ -
๋„ํ†ต...์›น ํผ๋ธ”๋ฆฌ์‹ฑ ๊ฐœ๋ฐœ ๊ตฌํ˜„์ด๋ž€ ๋‚จ์˜ ์ด์•ผ๊ธฐ์ด์‹  ๋ถ„๋“ค....

J.young์ด ๋„์™€๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค.!!
๋˜ํ•œ!! ํ•™์Šตํ•˜์‹œ๋‹ค ๊ถ๊ธˆํ•˜์‹  ์  ์žˆ์œผ์‹œ๋ฉด ๋Œ“๊ธ€ ๋‚จ๊ฒจ์ฃผ์‹œ๋ฉด
๋„์›€์ด ๋“œ๋ฆด ์ˆ˜ ์žˆ๋Š” ๋‹ต์„ ๋“œ๋ฆฌ๋„๋ก ์ตœ์„ ์„ ๋‹คํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

* ์˜คํ”ˆ์ฑ„ํŒ…๋ฐฉ์šด์˜

๋ณด๋‹ค ์›ํ™œํ•œ ํ•™์Šต์„ ์œ„ํ•ด, J.young์ด ์šด์˜ํ•˜๋Š” ์ž˜๋‚œ์›น๋”” ์˜คํ”ˆ์ฑ„ํŒ…๋ฐฉ์— ๊ฐ€์ž…ํ•˜์‹œ๋ฉด,
ํ”ผ๊ทธ๋งˆ, UI.UX, ์ฝ”๋”ฉ, ํฌํŠธํด๋ฆฌ์˜ค์ œ์ž‘ ๊ด€๋ จ ํ•ต๊ฟ€ํŒ๊ณผ ๋ฌด๋ฃŒ์›จ๋น„๋‚˜ ๋งํฌ ๋“ฑ์„ ๊ณต์œ ํ•ด๋“œ๋ฆฝ๋‹ˆ๋‹ค.

์˜คํ”ˆ์ฑ„ํŒ…๋ฐฉ๋ช… : ์ž˜๋‚œ์›น๋””
์ฝ”๋“œ : jyoung

 

์‹ค๋ฌด๊ฒฝ๋ ฅ

- 2017~ํ˜„) ์›น๊ฐœ๋ฐœ Director
- 2015๋…„~2017๋…„(์ฃผ)์—˜๋ฆฌ์—์…€ ์ด๊ด„ ์ด์‚ฌ
- 2003๋…„~2015๋…„ (์ฃผ)์–ด๋ฎค์ง•์›จ์–ด ์ด๊ด„ ์ด์‚ฌ
- 2003๋…„: ์„œ์šฐ์”จ์•ค๋”” ๋””์ž์ธ์‹ค์žฅ


- ํ˜„) UIUX & ์›นํฌํŠธํด๋ฆฌ์˜ค ๊ฐ•์˜ ์ง„ํ–‰ ์ค‘(์‹ค๋ฌด ์ง„์ถœ 90ํ”„๋กœ ์ด์ƒ)

 

๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค^^ 


์šด์˜์ค‘์ธ์œ ํŠœ๋ธŒ

์ž˜๋‚œ์›น๋””
https://www.youtube.com/channel/UCISuuIbv_SnkE6d4oDgrBWQ

๋”๋ณด๊ธฐ

๊ณต๋™ ์ง€์‹๊ณต์œ ์ž

์ปค๋ฆฌํ˜๋Ÿผ

์ „์ฒด

17๊ฐœ โˆ™ (2์‹œ๊ฐ„ 54๋ถ„)

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

๊ฐ€ ์ œ๊ณต๋˜๋Š” ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

๊ฐ•์˜ ๊ฒŒ์‹œ์ผ: 
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ์ผ: 

์ˆ˜๊ฐ•ํ‰

์ „์ฒด

5๊ฐœ

5.0

5๊ฐœ์˜ ์ˆ˜๊ฐ•ํ‰

  • jdho5678

     โˆ™ ์ˆ˜๊ฐ•ํ‰ 1 โˆ™ ํ‰๊ท  ํ‰์  5.0

    5

    100% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    ์ข‹์€๊ฐ•์˜ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค

    • J.์˜
      ์ง€์‹๊ณต์œ ์ž

      jdho5678๋‹˜ ์ˆ˜๊ฐ•ํ‰ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ๋”~~์ข‹์€๊ฐ•์˜๋กœ ์ฐพ์•„๋ต™๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค~~ ๋น„๊ฐ€ ๋งŽ์ด ์˜ค์ง€๋งŒ ์ฆ๊ฑฐ์šด ์˜คํ›„๋˜์„ธ์š”~~ J.young๋“œ๋ฆผ

  • ์ตœ์„๋ฌธ moon

     โˆ™ ์ˆ˜๊ฐ•ํ‰ 3 โˆ™ ํ‰๊ท  ํ‰์  5.0

    5

    100% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    ๋•๋‹ค ๋ฒ ์ด์ง ๊ฐ•์˜ ๋ถ€ํ„ฐ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐ•์˜ ๊นŒ์ง€ ๋„˜ ์ข‹์€ ๊ฐ•์˜ ์˜€์Šต๋‹ˆ๋‹ค. ๊ธฐ์ˆ ์œ„์ฃผ๋กœ ํ๋ฅด๋‹ค ๋ณด๋ฉด ์ง€๋ฃจ ํ•  ์ˆ˜ ์žˆ๋Š”๋ฐ ์ง์ ‘ ๊ฐ™์ด ํ™ˆํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค๋‹ค ๋ณด๋‹ˆ ํ™•์‹คํžˆ ๋งŽ์€ ์Šต๋“์ด ์ด๋ฃจ์–ด์ง€๋Š”๊ฑฐ ๊ฐ™์•„์š”.^^ html/css ์ฝ”๋”ฉ ๋ฟ ์•„๋‹ˆ๋ผ ํฌ๋กฌ ๊ฐœ๋ฐœ์ž๋ชจ๋“œ๋กœ ์œ ์ง€๋ณด์ˆ˜(?) ํ•˜๋Š” ๋ถ€๋ถ„๊นŒ์ง€ ์ญ‰ ์ ‘ํ•˜๊ฒŒ ๋˜์–ด ์ „์ฒด์ ์ธ ํ๋ฆ„์„ ์•Œ๊ฒŒ๋˜์–ด ๋„ˆ๋ฌด ์ข‹์•˜์Šต๋‹ˆ๋‹ค. ์ถ”๊ฐ€๋กœ ๋””ํ…Œ์ผํ•œ ๋ถ€๋ถ„(์„œ๋ธŒ๋ฉ”๋‰ด, ๋ชจ๋ฐ”์ผ ์„œ๋ธŒ ๋ฉ”๋‰ด ๋“ฑ)์˜ ์ถ”๊ฐ€ ๊ฐ•์˜๋„ ์ƒ๊ธฐ๋ฉด ์ข‹๊ฒ ๋„ค์š” ๋ช…ํ’ˆ ๊ฐ•์˜ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

    • J.์˜
      ์ง€์‹๊ณต์œ ์ž

      ์„๋ฌธ๋‹˜ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ์—ฌ๋Ÿฌ๊ฐ€์ง€๋กœ ๋„์›€์ด ๋˜์‹œ๊ณ  ์ข‹์œผ์…จ๋‹ค๋‹ˆ ์ œ๊ฐ€ ์ •๋ง ๊ธฐ์ฉ๋‹ˆ๋‹ค~~ ํ˜„์žฌ๋„ ๊ฐ•์˜๋ฅผ ์ค€๋น„์ค‘์— ์žˆ์œผ๋‹ˆ...๋” ๋งŽ์€ ๊ฒƒ์„ ๋ฐฐ์šฐ์‹ค ์ˆ˜ ์žˆ๋„๋ก ์ค€๋น„ํ•˜์—ฌ ๋ต™๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค^^

  • janey23

     โˆ™ ์ˆ˜๊ฐ•ํ‰ 8 โˆ™ ํ‰๊ท  ํ‰์  5.0

    5

    18% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    ์ œ์ด์˜๋‹˜!!!! ๊ฐ•์˜๋Š” ๋‹ค ๋“ฃ๊ณ ์žˆ์Šต๋‹ˆ๋‹น ใ…‹ใ…‹ใ…‹ ์œ ํˆฌ๋ธŒ๋กœ ๋ฌด๋ฃŒ๊ฐ•์˜ ์™„๊ฐ•ํ•˜๊ณ  ์‹ค์ œ ๋•๋‹ค ์‚ฌ์ดํŠธ์ฒ˜๋Ÿผ ์Šฌ๋ผ์ด๋“œ๋ž‘ ๋ฐ˜์‘ํ˜• ํ•ด๋ณด๊ณ ์‹ถ์—‡๋Š”๋ฐ ๊น”๋”ํ•œ ๊ฐ•์˜ ๊ฐ์‚ฌ๋“œ๋ ค์š”!!! ํŽธ์ง‘์ด ํƒ€์ดํŠธ ํ•˜๊ณ  ๊น”๋”ํ•ด์„œ ์ง์ ‘ ๋Œ€๋ฉด์œผ๋กœ ๊ฐ•์˜ ํ•˜๋Š”๊ฒƒ์ฒ˜๋Ÿผ ๋‚ด์šฉ์ด ๋ฐ”๋กœ๋ฐ”๋กœ ๋“ค๋ ค์„œ ๋„ˆ๋ฌด ์ข‹์•„์š”!!! ์•ž์œผ๋กœ๋„ ์ข‹์€๊ฐ•์˜ ๋งŽ์ด ๋ถ€ํƒ๋“œ๋ ค์š”!!! ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค1!!

    • J.์˜
      ์ง€์‹๊ณต์œ ์ž

      janey23๋‹˜ ์ด๋ฒˆ์—๋„ ์—ญ์‹œ ๋น ๋ฅด๊ฒŒ ์™„๊ฐ•ํ•˜์…จ๊ตฐ์š” ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค. janey23๋‹˜ ์ˆ˜๊ฐ•ํ‰์„ ์ฝ๊ณ ๋‚˜๋‹ˆ ... ๋” ์—ด์‹ฌํžˆ ์ข‹์€ ํ™ˆํŽ˜์ด์ง€๋กœ ๊ฐ•์ขŒ๋ฅผ ์˜ฌ๋ ค๋“œ๋ ค์•ผ๊ฒ ๋‹ค๋Š” ์š•์‹ฌ์ด ์ƒ๊น๋‹ˆ๋‹ค. ๋‹ค์‹œ ํ•œ๋ฒˆ ๊ฐ์‚ฌ๋“œ๋ฆฌ๊ตฌ์š”... ์˜ค๋Š˜๋„ ์ข‹์€ ํ•˜๋ฃจ ๋˜์‹ญ์‹œ์š”^^ J.young๋“œ๋ฆผ

  • ๊น€์‘๋ฏผ

     โˆ™ ์ˆ˜๊ฐ•ํ‰ 2 โˆ™ ํ‰๊ท  ํ‰์  5.0

    5

    100% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    ์ข‹์€ ๊ฐ•์˜ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค~!

    • J.์˜
      ์ง€์‹๊ณต์œ ์ž

      ๊น€์‘๋ฏผ๋‹˜ ํž˜์ด๋‚˜๋Š” ์ˆ˜๊ฐ•ํ‰ ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค^^ ๋” ์ข‹์€ ๊ฐ•์˜๋กœ ์ฐพ์•„๋ต™๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค^^ J.young๋“œ๋ฆผ

  • headong2

     โˆ™ ์ˆ˜๊ฐ•ํ‰ 7 โˆ™ ํ‰๊ท  ํ‰์  5.0

    5

    12% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    ํ•ญ์ƒ ์ž˜ ๋“ฃ๊ณ ์žˆ์–ด์š”!! ์œ ํˆฌ๋ธŒ ๊ฐ•์˜์˜ฌ๋ ค์ฃผ์‹œ๋Š” ๋‚ด์šฉ๋„ ๋„ˆ๋ฌด ์ข‹๊ณ  ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค์•„์•„ใ…ใ… ๋˜ ๋“ค์œผ๋Ÿฌ์˜ฌ๊ฑฐ์—์šฉ

    J.์˜๋‹˜์˜ ๋‹ค๋ฅธ ๊ฐ•์˜

    ์ง€์‹๊ณต์œ ์ž๋‹˜์˜ ๋‹ค๋ฅธ ๊ฐ•์˜๋ฅผ ๋งŒ๋‚˜๋ณด์„ธ์š”!

    ๋น„์Šทํ•œ ๊ฐ•์˜

    ๊ฐ™์€ ๋ถ„์•ผ์˜ ๋‹ค๋ฅธ ๊ฐ•์˜๋ฅผ ๋งŒ๋‚˜๋ณด์„ธ์š”!

    ์—ฐ๊ด€ ๋กœ๋“œ๋งต

    ๊ฐ•์˜๊ฐ€ ํฌํ•จ๋œ ๋กœ๋“œ๋งต์œผ๋กœ ํ•™์Šตํ•ด ๋ณด์„ธ์š”!

    โ‚ฉ22,000