์ธํ”„๋Ÿฐ ์˜๋ฌธ ๋ธŒ๋žœ๋“œ ๋กœ๊ณ 
์ธํ”„๋Ÿฐ ์˜๋ฌธ ๋ธŒ๋žœ๋“œ ๋กœ๊ณ 

์•„์ด์˜ค๋‹‰(ionic2) ๊ฐœ๋ฐœ์„ ์œ„ํ•œ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๊ธฐ๋ณธ

ํ•˜์ด๋ธŒ๋ฆฌ๋“œ ์•ฑ ๊ฐœ๋ฐœ์„ ์œ„ํ•œ ํ”„๋ ˆ์ž„์›Œํฌ ์ค‘ ํ•˜๋‚˜์ธ Ionic2 Framework๋ฅผ ํ•™์Šตํ•˜๊ธฐ ์œ„ํ•œ ์‚ฌ์ „๋‹จ๊ณ„๋กœ Typescript ๋ฅผ ๋ฐฐ์›Œ๋ด…๋‹ˆ๋‹ค.

Thumbnail

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

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

  • Ionic 2 ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ํ™œ์šฉํ•œ ํ•˜์ด๋ธŒ๋ฆฌ๋“œ ์•ฑ ๊ฐœ๋ฐœ

  • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๊ธฐ๋ณธ ๋ฌธ๋ฒ• ๋ฐ ์ปดํŒŒ์ผ ๋ฐฉ๋ฒ•

  • AngularJS 2์™€์˜ ํ†ตํ•ฉ

  • Cordova ํ”Œ๋Ÿฌ๊ทธ์ธ ์‚ฌ์šฉ๋ฒ•

  • ์›น ๊ธฐ์ˆ ์„ ํ™œ์šฉํ•œ ๋ชจ๋ฐ”์ผ ์•ฑ ๊ฐœ๋ฐœ

1. ๊ฐ•์ขŒ ์†Œ๊ฐœ

ํ•˜์ด๋ธŒ๋ฆฌ๋“œ ์•ฑ ๊ฐœ๋ฐœ์„ ์œ„ํ•œ ํ”„๋ ˆ์ž„์›Œํฌ ์ค‘ ํ•˜๋‚˜์ธ Ionic 2 Framework๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด Typescript ์˜ ๊ธฐ์ดˆ๋ฅผ ํ•™์Šตํ•˜๋Š” ๊ฐ•์ขŒ์ž…๋‹ˆ๋‹ค. ( 'Ionic2 ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์ด์šฉํ•œ ๋ชจ๋ฐ”์ผ ์•ฑ ๊ฐœ๋ฐœ ๊ฐ•์ขŒ' ์—์„œ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๋ถ€๋ถ„์„ ๋ˆ„๊ตฌ๋‚˜ ํ•™์Šตํ•  ์ˆ˜ ์žˆ๋„๋ก ๋ฌด๋ฃŒ๋กœ ๊ณต๊ฐœํ•œ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค. )

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

๋ณธ ๊ฐ•์ขŒ๋Š” ์•ž์œผ๋กœ ๊ณต๊ฐœ๋  'Ionic2 ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์ด์šฉํ•œ ๋ชจ๋ฐ”์ผ ์•ฑ ๊ฐœ๋ฐœ ๊ฐ•์ขŒ' ์˜ ์•ž ๋ถ€๋ถ„์ธ ์„น์…˜1~์„น์…˜2๋ฅผ ํฌํ•จํ•˜๋Š” ๊ฐ•์ขŒ๋กœ, Ionic 2 ํ”„๋ ˆ์ž„์›Œํฌ์— ๋Œ€ํ•œ ๊ธฐ์ดˆ์ ์ธ ์ด๋ก  ์ง€์‹๊ณผ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด๋ฅผ ์ด์šฉํ•œ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๊ธฐ์ดˆ ํ•™์Šต์„ ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐ•์ขŒ์ž…๋‹ˆ๋‹ค.

2. ๋„์›€๋˜๋Š” ๋ถ„๋“ค

  • ํ‰์†Œ ์•ฑ ๊ฐœ๋ฐœ์„ ํ•ด๋ณด๊ณ  ์‹ถ์—ˆ๋˜ ๋ถ„
  • ์›น ๊ธฐ์ˆ ์˜ ๊ธฐ์ดˆ ์ง€์‹์œผ๋กœ ๋ชจ๋ฐ”์ผ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐœ๋ฐœ์„ ํ•ด๋ณด๊ณ  ์‹ถ์œผ์‹  ๋ถ„
  • ํ•˜์ด๋ธŒ๋ฆฌ๋“œ ์•ฑ ๊ฐœ๋ฐœ๋กœ ๊ฐœ๋ฐœ ์‹œ๊ฐ„, ์œ ์ง€๋ณด์ˆ˜ ๋น„์šฉ์„ ์ค„์ด๊ณ  ์‹ถ์€ ๋ถ„

3. ๊ฐ•์ขŒ ํŠน์ง•

  • ๋‹ค๋ฃจ๋Š” ๊ธฐ์ˆ  : AngularJS 2, Typescript, Javascript, Ionic 2 Framework ๋“ฑ
  • ๊ฐ•์ขŒ ์ˆ˜์ค€ : ์ž…๋ฌธ~์ดˆ๊ธ‰
  • ์‚ฌ์ „ ์ง€์‹ : HTML, CSS, Javascript์— ๋Œ€ํ•œ ๊ธฐ๋ณธ์ ์ธ ์ดํ•ด

4. ๊ฐ•์‚ฌ ์†Œ๊ฐœ

์ฐจ์ •๋ฏผ
ํ•œ๊ตญ๊ณผํ•™๊ธฐ์ˆ ์›(KAIST) ์ „์‚ฐํ•™๋ถ€ ์„์‚ฌ ํ•œ์–‘๋Œ€ํ•™๊ต ์ปดํ“จํ„ฐ๊ณตํ•™ ํ•™์‚ฌ ๋„ค์ดํ‹ฐ๋ธŒ ์•ฑ ๊ฐœ๋ฐœ์„ ์ฃผ๋กœ ํ•ด์™”์œผ๋‚˜, ์ตœ๊ทผ์—๋Š” ํ•˜์ด๋ธŒ๋ฆฌ๋“œ ์•ฑ ๊ฐœ๋ฐœ ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์ด์šฉํ•œ ์™ธ์ฃผ ๊ฐœ๋ฐœ์„ ์ง„ํ–‰ํ•ด์˜ค๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ฝ”๋”ฉ ๊ต์œก ํ•™์›์—์„œ ์•ˆ๋“œ๋กœ์ด๋“œ, ์ž๋ฐ”, AP Computer Science ๊ฐ•์˜๋ฅผ ํ•ด์™”์Šต๋‹ˆ๋‹ค.

5. ์—ฐ๊ด€ ๊ฐ•์ขŒ

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

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

  • ์›น ๊ฐœ๋ฐœ์ž

  • ๋ชจ๋ฐ”์ผ ์•ฑ ๊ฐœ๋ฐœ์— ๊ด€์‹ฌ ์žˆ๋Š” ์‚ฌ๋žŒ

  • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ฐฐ์šฐ๊ณ  ์‹ถ์€ ์‚ฌ๋žŒ

  • AngularJS 2๋ฅผ ํ™œ์šฉํ•˜๊ณ  ์‹ถ์€ ์‚ฌ๋žŒ

  • ํ•˜์ด๋ธŒ๋ฆฌ๋“œ ์•ฑ ๊ฐœ๋ฐœ์„ ์‹œ์ž‘ํ•˜๋ ค๋Š” ์ดˆ๋ณด์ž

์•ˆ๋…•ํ•˜์„ธ์š”
์ฐจ์ •๋ฏผ์ž…๋‹ˆ๋‹ค.

1,913

๋ช…

์ˆ˜๊ฐ•์ƒ

30

๊ฐœ

์ˆ˜๊ฐ•ํ‰

4.4

์ 

๊ฐ•์˜ ํ‰์ 

1

๊ฐœ

๊ฐ•์˜

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

์ „์ฒด

15๊ฐœ โˆ™ (1์‹œ๊ฐ„ 32๋ถ„)

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

์ˆ˜๊ฐ•ํ‰

์•„์ง ์ถฉ๋ถ„ํ•œ ํ‰๊ฐ€๋ฅผ ๋ฐ›์ง€ ๋ชปํ•œ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.
๋ชจ๋‘์—๊ฒŒ ๋„์›€์ด ๋˜๋Š” ์ˆ˜๊ฐ•ํ‰์˜ ์ฃผ์ธ๊ณต์ด ๋˜์–ด์ฃผ์„ธ์š”!

๋ฌด๋ฃŒ