Do it! ํ”„๋กœ๊ทธ๋ ˆ์‹œ๋ธŒ ์›น์•ฑ ๋งŒ๋“ค๊ธฐ

๊ธ€๋กœ๋ฒŒ ๊ธฐ์—…๋“ค์˜ ์ฐจ์„ธ๋Œ€ ๋ชจ๋ฐ”์ผ ์ „๋žต, PWA(ํ”„๋กœ๊ทธ๋ ˆ์‹œ๋ธŒ ์›น ์•ฑ)๋ฅผ ๋ฐฐ์šฐ์ž!

(4.9) ์ˆ˜๊ฐ•ํ‰ 16๊ฐœ

์ˆ˜๊ฐ•์ƒ 1,246๋ช…

๋‚œ์ด๋„ ์ดˆ๊ธ‰

์ˆ˜๊ฐ•๊ธฐํ•œ ๋ฌด์ œํ•œ

CJ
GS๋ฆฌํ…Œ์ผ
POSCO
ํ•œํ™”์‹œ์Šคํ…œ/ICT
SK๊ทธ๋ฃน

SK๊ทธ๋ฃน

์ž„์ง์›๋“ค๋„ ์ด ๊ฐ•์˜๋ฅผ ๋“ฃ๊ณ  ์žˆ์–ด์š”!

CJ
GS๋ฆฌํ…Œ์ผ
POSCO
ํ•œํ™”์‹œ์Šคํ…œ/ICT
SK๊ทธ๋ฃน

SK๊ทธ๋ฃน

์ž„์ง์›๋“ค๋„ ์ด ๊ฐ•์˜๋ฅผ ๋“ฃ๊ณ  ์žˆ์–ด์š”!

๋จผ์ € ๊ฒฝํ—˜ํ•œ ์ˆ˜๊ฐ•์ƒ๋“ค์˜ ํ›„๊ธฐ

4.9

5.0

Jang Jaehoon

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

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

5.0

BoBo

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

์‰ฝ๊ฒŒ ์ž˜ ์•Œ๋ ค์ฃผ์‹œ๋„ค์š”. ์ž˜ ๋“ฃ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค!

5.0

์ˆ˜์›์–‘๋ฏผ

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

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

์ˆ˜๊ฐ• ํ›„ ์ด๋Ÿฐ๊ฑธ ์–ป์„ ์ˆ˜ ์žˆ์–ด์š”

  • ES6+ ํ•„์ˆ˜ ๊ธฐ๋Šฅ์„ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์–ด์š”

  • ๋ทฐ, ๋ทฐํ‹ฐํŒŒ์ด์˜ ๊ธฐ์ดˆ๋ถ€ํ„ฐ ๊ณ ๊ธ‰๊นŒ์ง€!

  • ์‹ค์Šต์„ ํ†ตํ•ด ๊ธฐ๋ณธ๊ธฐ๋ฅผ ๋‹ค์งˆ ์ˆ˜ ์žˆ์–ด์š”

 ์›น๊ณผ ์•ฑ์„ ํ•œ ๋ฐฉ์— ๋งŒ๋“œ๋Š” 
ํ”„๋กœ๊ทธ๋ ˆ์‹œ๋ธŒ ์›น์•ฑ(PWA)์˜ ๋ชจ๋“  ๊ฒƒ! 

๊ตฌ๊ธ€์ด ์ฃผ๋„ํ•˜๊ณ  MS์™€ ์‚ผ์„ฑ์ด ์ฃผ๋ชฉํ–ˆ๋‹ค!
ํ”„๋กœ๊ทธ๋ ˆ์‹œ๋ธŒ ์›น์•ฑ, ํ•œ ๊ถŒ์œผ๋กœ ๋๋‚ด๊ธฐ

์ด์ง€์Šคํผ๋ธ”๋ฆฌ์‹ฑ Do it! ํ”„๋กœ๊ทธ๋ ˆ์‹œ๋ธŒ ์›น์•ฑ ๋งŒ๋“ค๊ธฐ

์ด ๊ฐ•์˜๋Š” ๋„์„œ ใ€ŽDo it! ํ”„๋กœ๊ทธ๋ ˆ์‹œ๋ธŒ ์›น์•ฑ ๋งŒ๋“ค๊ธฐ (์ด์ง€์Šคํผ๋ธ”๋ฆฌ์‹ฑ)ใ€ ๊ธฐ๋ฐ˜์œผ๋กœ ๋งŒ๋“  ๋™์˜์ƒ ๊ฐ•์˜๋กœ, ๊ธ€๋กœ๋ฒŒ IT ๊ธฐ์—…๋“ค์ด ์ฃผ๋ชฉํ•˜๋Š” ์ฐจ์„ธ๋Œ€ ์›น ๊ธฐ์ˆ ์ธ ํ”„๋กœ๊ทธ๋ ˆ์‹œ๋ธŒ ์›น์•ฑ(PWA)์„ ๋‹ค๋ฃน๋‹ˆ๋‹ค. 

โœ… ์ฐจ์„ธ๋Œ€ ์›น ๊ธฐ์ˆ , ํ”„๋กœ๊ทธ๋ ˆ์‹œ๋ธŒ ์›น์•ฑ(PWA)

โœ… ๊ธฐ๋ณธ ๋ฐ˜์‘ํ˜• ์›น ๊ฐœ๋ฐœ + PWA ํ•ต์‹ฌ ์ ์šฉ 

โœ… ๊ตฌ๊ธ€ ํ”Œ๋ ˆ์ด ์ง์ ‘ ๋ฐฐํฌ๊นŒ์ง€ 

๋ทฐ(Vue.js)์™€ ๋ทฐํ‹ฐํŒŒ์ด(Vuetify), ES6 ๋ฒ„์ „ ์ด์ƒ์˜ ๋ชจ๋˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ํ™œ์šฉํ•ด ๊ธฐ๋ณธ์ ์ธ ๋ฐ˜์‘ํ˜• ์›น์„ ๊ฐœ๋ฐœํ•˜๊ณ , ์—ฌ๊ธฐ์— PWA(Progressive Web Apps)์˜ ํ•ต์‹ฌ ์š”์†Œ๋ฅผ ์ถ”๊ฐ€ํ•จ์œผ๋กœ์จ ๋ฐ์Šคํฌํ†ฑ์ด๋‚˜ ๋ชจ๋ฐ”์ผ ๋“ฑ ์–ด๋””์„œ๋‚˜ ์‹คํ–‰๋˜๋Š” ์›น์•ฑ์„ ๋งŒ๋“ญ๋‹ˆ๋‹ค. 

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

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


๋ชฉ์ฐจ ๐Ÿ™†โ€โ™€๏ธ

ํ—ฌ๋กœ! ํ”„๋กœ๊ทธ๋ ˆ์‹œ๋ธŒ ์›น์•ฑ

  • ํ”„๋กœ๊ทธ๋ ˆ์‹œ๋ธŒ ์›น์•ฑ์ด ๋ญ์˜ˆ์š”?
  • ํ”„๋กœ๊ทธ๋ ˆ์‹œ๋ธŒ ์›น์•ฑ์„ ๋Œ€ํ‘œํ•˜๋Š” 6๊ฐ€์ง€ ํ•ต์‹ฌ ๊ธฐ์ˆ 
  • ๋น„์ฃผ์–ผ ์ŠคํŠœ๋””์˜ค ์ฝ”๋“œ ์„ค์น˜ํ•˜๊ธฐ
  • โ€˜์•ˆ๋…•ํ•˜์„ธ์š”โ€™ ์˜ˆ์ œ ๋งŒ๋“ค๊ธฐ

๋ชจ๋˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ผญ ํ•„์š”ํ•œ ๊ฒƒ๋งŒ ๋ฐฐ์šฐ๊ธฐ

  • ์žฌํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋ธ”๋ก ํ•จ์ˆ˜
  • ๋ณ€์ˆ˜ ์„ ์–ธ
  • ํ™”์‚ดํ‘œ ํ•จ์ˆ˜
  • ๋ชจ๋“ˆ ๋‚ด๋ณด๋‚ด๊ธฐ์™€ ๊ฐ€์ ธ์˜ค๊ธฐ

์ˆœ์ˆ˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ PWA ๋งŒ๋“ค๊ธฐ

  • โ€˜์•ˆ๋…•ํ•˜์„ธ์š”! PWA by JSโ€™ ๊ตฌ๊ฒฝํ•˜๊ธฐ
  • ๋งค๋‹ˆํŽ˜์ŠคํŠธ ์ž‘์„ฑํ•˜๊ธฐ
  • ๋ฉ”์ธ ํ™”๋ฉด ์ž‘์„ฑํ•˜๊ธฐ
  • ์„œ๋น„์Šค ์›Œ์ปค ๋งŒ๋“ค๊ณ  ์‹คํ–‰ํ•˜๊ธฐ

๋ทฐ ๊ธฐ์ดˆ ์Œ“๊ธฐ

  • ๋ทฐ, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ”„๋ ˆ์ž„์›Œํฌ์˜ ์ ˆ๋Œ€ ๊ฐ•์ž
  • โ€˜์•ˆ๋…•ํ•˜์„ธ์š”!โ€™ ์˜ˆ์ œ ๋งŒ๋“ค๊ธฐ
  • ๋‹จ๋ฐฉํ–ฅ ๋ฐ”์ธ๋”ฉ๊ณผ v-bind ๋””๋ ‰ํ‹ฐ๋ธŒ
  • ์–‘๋ฐฉํ–ฅ ๋ฐ”์ธ๋”ฉ๊ณผ v-model ๋””๋ ‰ํ‹ฐ๋ธŒ

๋ทฐ ๊ณ ๊ธ‰ ๊ธฐ๋Šฅ ์ตํžˆ๊ธฐ

  • ๋ณต์žกํ•œ ๋กœ์ง๊ณผ computed ์†์„ฑ
  • ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ ๋กœ์ง๊ณผ methods ์†์„ฑ
  • ์ปดํฌ๋„ŒํŠธ๋กœ HTML ์—˜๋ฆฌ๋จผํŠธ ๋งŒ๋“ค๊ธฐ
  • ์ปดํฌ๋„ŒํŠธ ์†์„ฑ props

์ด ๊ฐ•์˜์˜ ์ง€์‹๊ณต์œ ์ž๋Š”

๊น€์‘์„ ๐ŸŽ“

๊ต์ˆ˜์ด๊ธฐ ์ „์— ๊ฐœ๋ฐœ ํŒ€์žฅ๊ณผ ๊ธฐ์ˆ  ์ด์‚ฌ๋กœ IT ์‚ฐ์—… ํ˜„์žฅ์„ ๊ฒฝํ—˜ํ•œ ์ „๋ฌธ๊ฐ€์ž…๋‹ˆ๋‹ค. ์ „๊ตญ 100์—ฌ ๊ฐœ ๋Œ€ํ•™์—์„œ ๊ฐ•์˜ ๊ต์žฌ๋กœ ์ฑ„ํƒ๋œ ๋„์„œ๋ฅผ ์ง‘ํ•„ํ•œ IT ์ „๋ฌธ ์ €์ˆ ๊ฐ€์ด๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค. ํ”„๋กœ๊ทธ๋ ˆ์‹œ๋ธŒ ์›น์•ฑ ๊ฐœ๋ฐœ๊ณผ UI/UX ๋””์ž์ธ์„ ์œ„ํ•œ โ€˜CODE*DESIGN ์›น์•ฑ(code-design.web.app)โ€™ ์ปค๋ฎค๋‹ˆํ‹ฐ ์นดํŽ˜์—์„œ ๋ชจ๋˜ ์›น์•ฑ ๊ฐœ๋ฐœ๊ณผ ๋””์ž์ธ ๋ฐฉ๋ฒ•์„ ์•ˆ๋‚ดํ•˜๋Š” ๋ฐ ํž˜์“ฐ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ €์„œ๋กœ๋Š” ใ€ŽDo it! ์‰ฝ๊ฒŒ ๋ฐฐ์šฐ๋Š” ์›น์•ฑ & ํ•˜์ด๋ธŒ๋ฆฌ๋“œ์•ฑใ€, ใ€Ž๊ตฌ๊ธ€ ์™„์ „ ํ™œ์šฉ๋ฒ•ใ€, ใ€Žๆ–ฐ ํ•œ๊ธ€ ๋น„์ฃผ์–ผ ๋ฒ ์ด์ง 6ใ€, ใ€Ž์•ˆ๋…•ํ•˜์„ธ์š” ํ„ฐ๋ณดCใ€, ใ€Ž์•ˆ๋…•ํ•˜์„ธ์š” ์ปดํ“จํ„ฐ ๊ธธ๋ผ์žก์ดใ€ ๋“ฑ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

์ด๋ ฅ ์‚ฌํ•ญ

  • ํ•œ์–‘๋Œ€ ์ปดํ“จํ„ฐ๊ณตํ•™๊ณผ ์กธ์—…, ์ˆญ์‹ค๋Œ€ ๋ฏธ๋””์–ด์•„ํŠธ๊ณผ ๋ฐ•์‚ฌ ํ•™์œ„ ์ˆ˜๋ฃŒ
  • ์•ˆ์‚ฐ๋Œ€ํ•™๊ต ๋ฉ€ํ‹ฐ๋ฏธ๋””์–ด๋””์ž์ธ๊ณผ์—์„œ ์ •๋ณด๋””์ž์ธ, ์›น UI/UX ๋””์ž์ธ ๊ฐ•์‚ฌ๋กœ ํ™œ๋™ ์ค‘

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

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

  • ์‹ค์ œ ์•ฑ ์ œ์ž‘์ด ๊ถ๊ธˆํ•œ ์‚ฌ๋žŒ

  • ํ”„๋กœ๊ทธ๋ ˆ์‹œ๋ธŒ ์›น์•ฑ์„ ์ฒ˜์Œ ์ ‘ํ•œ ์‚ฌ๋žŒ

์•ˆ๋…•ํ•˜์„ธ์š”
์ด์ง€์Šคํผ๋ธ”๋ฆฌ์‹ฑ์ž…๋‹ˆ๋‹ค.

16,250

๋ช…

์ˆ˜๊ฐ•์ƒ

337

๊ฐœ

์ˆ˜๊ฐ•ํ‰

4.8

์ 

๊ฐ•์˜ ํ‰์ 

10

๊ฐœ

๊ฐ•์˜

์‚ฌ๋žŒ์„ ๊ตฌ์ฒด์ ์œผ๋กœ ๋„์™€์ฃผ๋Š” ์ฑ…์„ ๋งŒ๋“ญ๋‹ˆ๋‹ค.
Do it! แ„‰แ…ตแ„…แ…ตแ„Œแ…ณ ใ…ฃ แ„ƒแ…ฌแ†ซแ„ƒแ…ก! } แ„‰แ…ตแ„…แ…ตแ„Œแ…ณ

๐Ÿ“•์ด์ง€์Šคํผ๋ธ”๋ฆฌ์‹ฑ ์ถœํŒ์‚ฌ ํ™ˆํŽ˜์ด์ง€: https://www.easyspub.co.kr/Main/PUB

๐Ÿ“—์ด์ง€์Šคํผ๋ธ”๋ฆฌ์‹ฑ IT ์ธ์Šคํƒ€๊ทธ๋žจ: https://www.instagram.com/easyspub_it/

๐Ÿ“˜Do it! ์Šคํ„ฐ๋””๋ฃธ ๋„ค์ด๋ฒ„ ์นดํŽ˜: https://cafe.naver.com/doitstudyroom

๋”๋ณด๊ธฐ

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

์ „์ฒด

32๊ฐœ โˆ™ (6์‹œ๊ฐ„ 14๋ถ„)

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

์ˆ˜๊ฐ•ํ‰

์ „์ฒด

16๊ฐœ

4.9

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

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

    ์ˆ˜๊ฐ•ํ‰ 845

    โˆ™

    ํ‰๊ท  ํ‰์  4.9

    5

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

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

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

      ์ˆ˜๊ฐ•ํ‰ 320

      โˆ™

      ํ‰๊ท  ํ‰์  5.0

      5

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

      ์›น์•ฑ์„ ์˜ค๋žœ๋งŒ์— ๋ณด๋‹ˆ๊นŒ ์ƒ‰๋‹ค๋ฅด๋„ค์š”. ์ข‹์€๊ฐ•์˜ ์ž˜๋ฐฐ์› ์Šต๋‹ˆ๋‹ค!

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

        ์ˆ˜๊ฐ•ํ‰ 518

        โˆ™

        ํ‰๊ท  ํ‰์  5.0

        5

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

        ํ”„๋กœ๊ทธ๋ ˆ์‹œ๋ธŒ ์›น์•ฑ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ ๊ธฐ๋ฐ˜ ๊ธฐ์ˆ ์— ๋Œ€ํ•ด ๋งŽ์ด ๋ฐฐ์› ์Šต๋‹ˆ๋‹ค. ์ข‹์€๊ฐ•์˜ ๊ฐ์‚ฌ๋“œ๋ ค์š”~^%^

        • ์ˆ˜์›์–‘๋ฏผ๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
          ์ˆ˜์›์–‘๋ฏผ

          ์ˆ˜๊ฐ•ํ‰ 147

          โˆ™

          ํ‰๊ท  ํ‰์  4.6

          5

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

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

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

            ์ˆ˜๊ฐ•ํ‰ 2

            โˆ™

            ํ‰๊ท  ํ‰์  5.0

            5

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

            ์‰ฝ๊ฒŒ ์ž˜ ์•Œ๋ ค์ฃผ์‹œ๋„ค์š”. ์ž˜ ๋“ฃ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค!

            ์ด์ง€์Šคํผ๋ธ”๋ฆฌ์‹ฑ๋‹˜์˜ ๋‹ค๋ฅธ ๊ฐ•์˜

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

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

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

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

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

            ๋ฌด๋ฃŒ