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

์‹ค์ „! ์›น์‚ฌ์ดํŠธ์ œ์ž‘! Step by Step! (๋Œ€๋ฐฉ์‚ฐ์—…_InteractiveWeb)

[์›น์‚ฌ์ดํŠธ์ œ์ž‘ Step By Step] 3๋‹จ๊ณ„ ๊ฐ•์˜๋กœ, ๋Œ€๋ฐฉ์‚ฐ์—… ๋ฉ”์ธํŽ˜์ด์ง€๋ฅผ ๊ทธ๋Œ€๋กœ ์ œ์ž‘ํ•ด ๋ณด๋Š” ๊ณผ์ •์ž…๋‹ˆ๋‹ค. ์‚ฌ์ดํŠธ์—์„œ ๋‹ด๊ณ ์žˆ๋Š” ํ™”๋ คํ•œ ์ธํ„ฐ๋ ‰ํ‹ฐ๋ธŒ ์›น์„ ๊ทธ๋Œ€๋กœ ์ œ์ž‘ ๊ตฌํ˜„ํ•ด ๋ณด๋Š” ๊ณผ์ •์œผ๋กœ ํ™”๋ คํ•œ ๋งŒํผ, ๋‚œ์ด๋„๊ฐ€ ์žˆ๋Š” ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

๋‚ ๊ฐœ ๋‹ฌ๋ฆฐ ๋™์ „

๊ฐ•์˜๋ฅผ ํ™๋ณด ๋งํฌ๋กœ ๊ณต์œ ํ•˜๋ฉด, ํŒ๋งค ์ˆ˜์ต์˜ ์ตœ๋Œ€ 25%๋ฅผ ๋ฐ›์„ ์ˆ˜ ์žˆ์–ด์š”!

์ด๋Ÿฐ ๊ฑธ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์–ด์š”

  • ๋งˆ์šฐ์Šค ์˜ค๋ฒ„์‹œ 2depth๊ฐ€ ๋ณด์—ฌ์ง€๋Š” GNB jQuery

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

  • ํ…์ŠคํŠธ ์• ๋‹ˆ๋ฉ”์ด์…˜ jQuery (Splitting.js)ํ™œ์šฉ๊ณผ ์‘์šฉ

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

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

 

HTML๊ณผ CSS๋งŒ ์•Œ์•„๋„

์›นํŽ˜์ด์ง€ & Interative Web ์ œ์ž‘ OK!

๋ณธ ๊ฐ•์˜๋Š” ์›น์‚ฌ์ดํŠธ์ œ์ž‘ Step By Step! 3๋‹จ๊ณ„๋กœ ๋Œ€๋ฐฉ์‚ฐ์—…(https://www.db-dvp.co.kr/) ๋ฉ”์ธํŽ˜์ด์ง€๋ฅผ ๊ทธ๋Œ€๋กœ ์ œ์ž‘ํ•ด ๋ณด๋Š” ๊ณผ์ •์ž…๋‹ˆ๋‹ค. ์‚ฌ์ดํŠธ์—์„œ ๋‹ด๊ณ ์žˆ๋Š” ํ™”๋ คํ•œ ์ธํ„ฐ๋ ‰ํ‹ฐ๋ธŒ ์›น์„ ๊ทธ๋Œ€๋กœ ์ œ์ž‘ ๊ตฌํ˜„ํ•ด ๋ณด๋Š” ๊ฐ•์ขŒ์ž…๋‹ˆ๋‹ค.

 


Step By Step!
์ง€๊ธˆ ๋ฐ”๋กœ ์‹œ์ž‘ํ•˜์„ธ์š”.


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


1.Header์˜์—ญ ์ œ์ž‘ํ•˜๊ธฐ (GNB, Fixed header)

-  ๋งˆ์šฐ์Šค ์˜ค๋ฒ„์‹œ 2depth๊ฐ€ ๋ณด์—ฌ์ง€๋Š” GNB jQuery
- GNB ๋ฉ”๋‰ด๋ฐ”์—  ๋งˆ์šฐ์Šคํ˜ธ๋ฒ„์‹œ ๋ถ€๋“œ๋Ÿฝ๊ฒŒ ์Šฌ๋ผ์ด๋”ฉ๋˜๋Š” ํ•˜์œ„๋ฉ”๋‰ด๋ฐ” ์ œ์ž‘
- ๊ฐ€์ƒ ์„ ํƒ์ž๋ฅผ(before,after) ์ด์šฉํ•œ ๋‹ค์–‘ํ•œ ๋งˆ์šฐ์Šค ์˜ค๋ฒ„ ํšจ๊ณผ 
- ์Šคํฌ๋กค์‹œ ๋””์ž์ธ์ด ๋ณ€๊ฒฝ๋˜๋ฉฐ ์ƒ๋‹จ์— ํ”ฝ์Šค๋˜๋Š” header jQuery

2.Visual์˜์—ญ ์ œ์ž‘ํ•˜๊ธฐ(Image Slider)

- Splitting .js๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ œ์ž‘ํ•œ ํ…์ŠคํŠธ ์• ๋‹ˆ๋ฉ”์ด์…˜
- Slick .js๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์Šฌ๋ผ์ด๋“œ ์ด๋ฏธ์ง€ ์ œ์ž‘
- ์Šฌ๋ผ์ด๋“œ 'prev','next' ๋ฒ„ํŠผ ์ œ์ž‘
- ์Šฌ๋ผ์ด๋“œ ์ธ๋””์ผ€์ดํ„ฐ ์ œ์ž‘
- ๊ฒŒ์ด์ง€๋ฐ” ์• ๋‹ˆ๋ฉ”์ด์…˜
-์ด๋ฏธ์ง€ ๋ถ„ํ•  ์• ๋‹ˆ๋ฉ”์ด์…˜

3.Contents_imformation ์˜์—ญ (Banner Slider)


- Scrolla.js๋กœ ๋‘๊ฐœ์”ฉ ๋ณด์ด์ง€๋Š” ์Šฌ๋ผ์ด๋“œ ์• ๋‹ˆ๋ฉ”์ด์…˜
- CSS๋กœ dot๋ฒ„ํŠผ ์ œ์ž‘
- ์Šคํฌ๋กค ๋ฒ„ํŠผ ํด๋ฆญ์‹œ ๋ถ€๋“œ๋Ÿฝ๊ฒŒ ์›ํ•˜๋Š” ์œ„์น˜๋กœ ์ด๋™ํ•˜๋Š” jQuery
- ๊ฐ€์ƒ ์„ ํƒ์ž๋ฅผ(before,after) ์ด์šฉํ•œ ๋‹ค์–‘ํ•œ ๋งˆ์šฐ์Šค ์˜ค๋ฒ„ ํšจ๊ณผ (๋ฐ‘์ค„ํšจ๊ณผ, ํ…Œ๋‘๋ฆฌํšจ๊ณผ, ์ด๋ฏธ์ง€์Šค์ผ€์ผ ํšจ๊ณผ)

4.Contents_video ์˜์—ญ & Contents_news ์˜์—ญ

 - ์Šคํฌ๋กค ์• ๋‹ˆ๋ฉ”์ด์…˜ jQuery (scrolla.js)
 - ์œ ํŠœ๋ธŒ์˜์ƒ ๊ฐ€์ ธ์˜ค๊ธฐ
 - ๊ทธ๋ผ๋””์–ธํŠธ์ปฌ๋Ÿฌ ์ ์šฉ
 - Motion์• ๋‹ˆ๋ฉ”์ด์…˜ ์ ์šฉ

๊ฐ•์˜๊ฐ€ ๋๋‚˜๊ณ  ๋‚˜๋ฉด
์–ป๋Š” ๊ฒƒ :D

1. ํƒ„ํƒ„ํ•œ ๋ ˆ์ด์•„์›ƒ ์ œ์ž‘ ์‹ค๋ ฅ

์›นํŽ˜์ด์ง€ ์ œ์ž‘์„ ์œ„ํ•ด์„œ๋Š”, HTML๊ณผ CSS๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•œ์ •ํ™•ํ•œ ๋ ˆ์ด์•„์›ƒ ์ž‘์„ฑ์ด ๊ฐ€์žฅ ์ค‘์š”ํ•ฉ๋‹ˆ๋‹คHTML๊ณผ CSS์— ๋Œ€ํ•œ ๊ธฐ์ดˆ๋Š” ์žˆ์œผ๋‚˜, Layout Design์— ๋Œ€ํ•ด ์ „ํ˜€ ๊ฐ์ด ์˜ค์ง€ ์•Š์œผ์‹  ๋ถ„๋“ค๋„ ๊ธฐ์ดˆ๋ถ€ํ„ฐ ๊ผผ๊ผผํ•˜๊ฒŒ ์•Œ๋ ค๋“œ๋ฆฌ๋Š” ๋ณธ ๊ฐ•์˜๋ฅผ ์„ฑ์‹คํ•˜๊ฒŒ ๋”ฐ๋ผ์˜ค์‹œ๋ฉด์–ด๋А์ƒˆ ๋ ˆ์ด์•„์›ƒ ์ œ์ž‘์˜ ํƒ„ํƒ„ํ•œ ๊ธฐ๋ณธ๊ธฐ๊ฐ€ ๋‹ค์ ธ์ ธ ์žˆ๋Š” ๊ฒƒ์„ ๋А๋ผ์‹ค ์ˆ˜ ์žˆ์„ ๊ฑฐ์˜ˆ์š”!

2. ์—…๋ฌด ์ƒ์‚ฐ์„ฑ UP!

์—…๋ฌด ์ƒ์‚ฐ์„ฑ์„ ๋†’์ด๋ ค๋ฉด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์™€ ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์ด์šฉํ•ด์„œ, ๋‹จ์‹œ๊ฐ„์— ์ธํ„ฐ๋ ‰ํ‹ฐ๋ธŒํ•œ ์›น์‚ฌ์ดํŠธ๋ฅผ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๋ณธ ๊ฐ•์˜์—์„œ๋Š” ์›นํŽ˜์ด์ง€ ๋ ˆ์ด์•„์›ƒ ์ œ์ž‘๋ถ€ํ„ฐ ๋ฐ˜์‘ํ˜• ํŽ˜์ด์ง€ ์ œ์ž‘๊นŒ์ง€ ํ™•์‹คํžˆ ๊ณต๋ถ€ํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์‹ค๋ฌด์—์„œ ํ•„์š”๋กœ ํ•˜๋Š” ์Šคํฌ๋ฆฝํŠธ, ํ”Œ๋Ÿฌ๊ทธ์ธ, ์• ๋‹ˆ๋ฉ”์ด์…˜ ๋“ฑ์„ ์ด์šฉํ•ด์„œ ์›นํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ญ๋‹ˆ๋‹ค. ๊ฐ•์˜๋ฅผ ๋“ค์œผ๋ฉฐ ๊พธ์ค€ํžˆ ์‹ค์Šตํ•˜๋‹ค ๋ณด๋ฉด, ์–ด๋А์ƒˆ ์—…๋ฌด ์—ญ๋Ÿ‰์ด UP! UP!

3. ๊ณ ํ€„๋ฆฌํ‹ฐ ํฌํŠธํด๋ฆฌ์˜ค

์—…๋ฌด ์—ญ๋Ÿ‰์„ ๋“œ๋Ÿฌ๋‚ด๊ณ  ์ƒˆ๋กœ์šด ๊ธฐํšŒ๋ฅผ ์žก๊ธฐ ์œ„ํ•œ ํšจ๊ณผ์ ์ธ ์ค€๋น„๋ฌผ ์ค‘ ํ•˜๋‚˜๋Š” ๋ฐ”๋กœ ๊ณ ํ€„๋ฆฌํ‹ฐ์˜ ํฌํŠธํด๋ฆฌ์˜ค์ž…๋‹ˆ๋‹ค. ๊ฐ•์˜๋ฅผ ๋“ค์œผ๋ฉฐ ์‹ค์Šตํ•˜๋‹ค๋ณด๋ฉด ๋‚˜๋งŒ์˜ ํฌํŠธํด๋ฆฌ์˜ค๊ฐ€ ์Œ“์ผ๊ฑฐ์˜ˆ์š”. ๋ณธ ๊ฐ•์˜ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ, ์ดํ›„ ์ด์–ด์ง€๋Š” ์›น์‚ฌ์ดํŠธ ์ œ์ž‘ ์‹ค์Šต ๊ฐ•์˜๋ฅผ ๋“ค์œผ๋ฉฐ ๊พธ์ค€ํžˆ ์›นํŽ˜์ด์ง€๋ฅผ ๊ตฌํ˜„ํ•˜๋‹ค ๋ณด๋ฉด, ์ทจ์—…์—์„œ ๋‚˜์˜ ๊ฐ€์žฅ ํฐ ๋ฌด๊ธฐ๊ฐ€ ๋˜์–ด ์ค„ ํฌํŠธํด๋ฆฌ์˜ค๋ฅผ ์™„์„ฑํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

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

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

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

html, css, html/css,  website, ์›น์‚ฌ์ดํŠธ, ์ฝ”๋”ฉ ,coding ,jquery, ์ œ์ด์ฟผ๋ฆฌ, ๋ ˆ์ด์•„์›ƒ, ์ธํ„ฐ๋ ‰ํ‹ฐ๋ธŒ์›น, interactive web, web design, ์›น๋””์ž์ธ, ํฌํŠธํด๋ฆฌ์˜ค,  ํผ๋ธ”๋ฆฌ์‹ฑ

 

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

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

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

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

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

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

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

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

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

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

  • HTML /CSS

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

7,859

๋ช…

์ˆ˜๊ฐ•์ƒ

297

๊ฐœ

์ˆ˜๊ฐ•ํ‰

224

๊ฐœ

๋‹ต๋ณ€

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

๋”๋ณด๊ธฐ

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

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

์ „์ฒด

29๊ฐœ โˆ™ (4์‹œ๊ฐ„ 50๋ถ„)

ํ•ด๋‹น ๊ฐ•์˜์—์„œ ์ œ๊ณต:

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

์ˆ˜๊ฐ•ํ‰

์ „์ฒด

13๊ฐœ

5.0

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

  • ๊น€ํ˜œ๊ฒฝ๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    ๊น€ํ˜œ๊ฒฝ

    ์ˆ˜๊ฐ•ํ‰ 4

    โˆ™

    ํ‰๊ท  ํ‰์  4.8

    5

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

    J.์˜ ๊ฐ•์‚ฌ๋‹˜ ๊ฐ•์˜๋Š” ๋ชจ๋‘ ์ˆ˜๊ฐ•ํ•ด์„œ ์™„๊ฐ•ํ–ˆ์–ด์š”^^ ์ด๋ฒˆ ๋Œ€๋ฐฉ์‚ฐ์—… ์›น์‚ฌ์ดํŠธ๋Š” ํ™”๋ คํ•œ ์ธํ„ฐ๋ ‰ํ‹ฐ๋ธŒ ์›น์„ ๊ทธ๋Œ€๋กœ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์–ด์„œ ๋‹ค๋ฅธ ๊ฐ•์ขŒ๋ณด๋‹ค ์žฌ๋ฏธ์žˆ๊ฒŒ ์ž˜ ๋”ฐ๋ผํ–ˆ์–ด์š”. ๋ฌด์—‡๋ณด๋‹ค ์—ฌ๊ธฐ์„œ ๋ฐฐ์šด ๋‹ค์–‘ํ•œ ์ œ์ด์ฟผ๋ฆฌ ์• ๋‹ˆ๋ฉ”์ด์…˜์œผ๋กœ ์ œ ํฌํŠธํด๋ฆฌ์˜ค ์‚ฌ์ดํŠธ๋ฅผ ๋ ˆ๋ฒจ์—… ํ•ด์•ผ๊ฒ ๋‹ค๋Š” ์˜์ง€๊ฐ€ ํ™œํ™œ ๋ถˆํƒ€์˜ค๋ฅด๋„ค์š”!! ๋‹ค์Œ์—๋Š” ๋ชจ๋ฐ”์ผ์•ฑ ์ œ์ž‘ ์œ„์ฃผ๋กœ์˜ ๊ฐ•์˜๋„ ๊ฐœ์„คํ•ด์ฃผ์‹œ๋ฉด ๋งŽ์€ ๋„์›€์ด ๋ ๊ฒƒ ๊ฐ™์•„์š”. ์ฝ”๋กœ๋‚˜19๋กœ ์˜จ๋ผ์ธ์œผ๋กœ ํž˜๋“ค๊ฒŒ ๋…ํ•™ํ•˜๋Š” ์ˆ˜๋งŽ์€ ์‚ฌ๋žŒ๋“ค์—๊ฒŒ J.์˜๋‹˜์˜ ์ข‹์€ ๊ฐ•์˜ ๋งŽ์ด ๋ถ€ํƒ๋“œ๋ ค์š”. ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

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

      kate๋‹˜~ ์ˆ˜๊ฐ•ํ›„๊ธฐ ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ์ €์˜ ๋ชจ๋“  ๊ฐ•์˜๋ฅผ ์ˆ˜๊ฐ•ํ•ด์ฃผ์‹  ์  ๋ง˜ ๊นŠ์ด ๊ฐ์‚ฌ๋“œ๋ฆฌ๊ณ .. ํ•ญ์ƒ ๋” ์ข‹์€ ๊ฐ•์˜๋กœ ์ฐพ์•„๋ต™๋„๋ก ์ตœ์„ ์„ ๋‹คํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ๋‹ค์Œ ๊ฐ•์˜๋Š” ์ œ๊ฐ€ ์ด์‚ฌํ•˜๋Š” ๊ด€๊ณ„๋กœ ์ดฌ์˜ ์ค‘ ์ค‘๋‹จ์ด ๋˜์—ˆ๋Š”๋ฐ ์ •๋ฆฌ๋˜๋Š”๋Œ€๋กœ ๋น ๋ฅธ์‹œ์ผ๋‚ด์— ์ฐพ์•„๋ต™๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ๋ชจ๋ฐ”์ผ์•ฑ ๋””์ž์ธ๊ฐ•์˜๋„ ํฌํ•จํ•˜์—ฌ ์ค€๋น„ ํ•  ๊ณ„ํš์— ์žˆ์Šต๋‹ˆ๋‹ค^^ ์ข‹์€ ์ €๋…์‹œ๊ฐ„ ๋ณด๋‚ด์‹ญ์‹œ์š”^^

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

      ์•ˆ๋…•ํ•˜์„ธ์š” ~~ kate ๋‹˜ ์ˆ˜๊ฐ•ํ‰์ด๋ฒคํŠธ ๊ณต์ง€ ์˜ฌ๋ ธ์Šต๋‹ˆ๋‹ค ~~^^ ํ™•์ธํ•ด์ฃผ์„ธ์š”

  • LHooOoo๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    LHooOoo

    ์ˆ˜๊ฐ•ํ‰ 1

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

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

    ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์„ ํ˜ผ์ž์„œ ๋ฐฐ์›Œ๋ณด๊ณ  ์žˆ๋Š” ์ค‘1์ธ๋ฐ ๋ฌด๋ฃŒ ๊ฐ•์˜๋“ค์€ ๊ดœ์ฐฎ์€ ๊ฐ•์˜๋“ค์ด ๋ช‡๊ฐœ์—†์–ด์„œ ๊ธˆ๋ฐฉ ๋ณด๊ณ  ๋๋‚˜์„œ ์œ ๋ฃŒ๊ฐ•์˜๋ฅผ ์ฐพ์•˜๋Š”๋ฐ ๋Œ€๋ฐฉ์‚ฐ์—…๊ฐœ๋ฐœ์‚ฌ์ดํŠธ๊ฐ€ ๋‹จ์ง€ ๋ฉ‹์ ธ๋ณด์ธ๋‹ค๋Š” ์ด์œ ๋กœ ์‹œ์ž‘ํ–ˆ๋Š”๋ฐ ์ž์„ธํ•˜๊ฒŒ ์•Œ๋ ค์ฃผ์‹œ๊ณ  ๋ฌด๋ฃŒ๊ฐ•์˜์—์„œ๋Š” ์ž˜ ๋ฐฐ์šธ์ˆ˜์—†์—ˆ๋˜ ๋ถ€๋ถ„๊นŒ์ง€ ์งš์–ด์ฃผ์…”์„œ ์žฌ๋ฐŒ๊ฒŒ ๋ฐฐ์› ์Šต๋‹ˆ๋‹ค :) ๋„ˆ๋ฌด ์žฌ๋ฐŒ๋Š” ๊ฐ•์˜์˜€๊ณ  ์—ด์‹ฌํžˆ ํ•˜์‹œ๋ฉด ์ค‘ํ•™๊ต ํ•™์ƒ๋ถ„๋“ค๋„ ์ถฉ๋ถ„ํžˆ ์™„๊ฐ• ํ•˜์‹ค์ˆ˜ ์žˆ์œผ์‹ค๊ฒƒ๊ฐ™์•„์š”! J.์˜๋‹˜์ด ํ•™๊ต๊ณผ์ œ ๋ถ€ํƒ์—๋„ ์นœ์ ˆํžˆ ์‘ํ•ด์ฃผ์‹œ๊ณ  ์งˆ๋ฌธ๋‹ต๋ณ€๋„ ๊พธ์ค€ํžˆ ํ•ด์ฃผ์…”์„œ ๋„ˆ๋ฌด ์ข‹์•˜์Šต๋‹ˆ๋‹ค !

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

      ์ž„ํ˜„์šฐ๋‹˜ ~~ ์ œ๊ฐ€ ๋ฐ•์ˆ˜ ๊ฐˆ์ฑ„๋ฅผ ๋ณด๋ƒ…๋‹ˆ๋‹ค^^ ๋ถ€๋ชจ๋‹˜๊ป˜์„œ ๋งค์šฐ ๋“ ๋“ ํ•˜์‹ค๋“ฏ์š”.... ๋Œ€๋ฐฉ์‚ฐ์—…์ด๋ฉด...์„ฑ์ธ๋“ค๋„ ์–ด๋ ค์šธ ์ˆ˜ ์žˆ๋Š”๋ฐ ์•„์ฃผ ์žฌ๋ฐŒ๊ฒŒ ์™„๊ฐ•ํ•ด๋ƒˆ๋‹ค๋‹ˆ ์ •๋ง ์ •๋ง ๋Œ€๋‹จํ•ฉ๋‹ˆ๋‹ค~~ ํ•œ๋งˆ๋””๋กœ ์งฑ!!!์ž…๋‹ˆ๋‹ค. ์ œ๊ฐ€ ๊ณ ๋ง™๊ตฌ์š”~~~ ๊ณต๋ถ€ํ•˜๋‹ค ๊ถ๊ธˆํ•œ์  ์žˆ์œผ๋ฉด ์–ธ์ œ๋“ ....๊ธ€ ๋‚จ๊ฒจ๋†“์œผ์‹œ๊ณ .. ์‘์› ๋˜ ์‘์›ํ•ฉ๋‹ˆ๋‹ค^^ ์˜ค๋Š˜๋„ ์ฆ๊ฑด ์˜คํ›„๋˜๊ณ ..์ฃผ๋ง๋„ ํ–‰๋ณตํ•˜๊ฒŒ ๋ณด๋‚ด์„ธ์š”^^ J.young๋“œ๋ฆผ^^

  • baam baam๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    baam baam

    ์ˆ˜๊ฐ•ํ‰ 4

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

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

    ์œ ์ตํ•œ ๊ฐ•์˜์˜€์Šต๋‹ˆ๋‹ค. ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!!

    • sjj-92๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
      sjj-92

      ์ˆ˜๊ฐ•ํ‰ 1

      โˆ™

      ํ‰๊ท  ํ‰์  5.0

      5

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

      ๋„์›€์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

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

        sjj-92๋‹˜ ์ˆ˜๊ฐ•ํ‰ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค~ ์ง€์†์ ์œผ๋กœ ์ข‹์€๊ฐ•์˜๋กœ ์ฐพ์•„๋ต™๊ฒ ์Šต๋‹ˆ๋‹ค. J.young๋“œ๋ฆผ

    • ๋ฃฐ๋ถˆ๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
      ๋ฃฐ๋ถˆ

      ์ˆ˜๊ฐ•ํ‰ 1

      โˆ™

      ํ‰๊ท  ํ‰์  5.0

      5

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

      good!

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

        ๋ฃฐ๋ถˆ๋‹˜ ์งง๊ณ  ๊ฐ„๋‹จํ•˜์ง€๋งŒ ํž˜์ด๋‚˜๋Š” ์ˆ˜๊ฐ•ํ‰ ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ์˜ค๋Š˜๋„ ์ข‹์€ํ•˜๋ฃจ ๋˜์‹ญ์‹œ์š”^^

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

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

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

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

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

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

    โ‚ฉ48,400