๋ชจ๋ฐ”์ผ ์•ฑ ์ข…๋ฅ˜

๋ชจ๋ฐ”์ผ ์•ฑ์„ ์‚ฌ์šฉ/๊ฒ€์ฆ ํ•˜๋‹ค๋ณด๋ฉด ๊ฐ€๋” ์•ฑ์˜ ์ข…๋ฅ˜์—๋Œ€ํ•ด ํ—ท๊ฐˆ๋ฆฌ๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. 
์˜ค๋Š˜์€ ์ด๋Ÿฐ ๋ถ€๋ถ„๋“ค์„ ์ •๋ฆฌํ•˜๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค.

https://www.cdnsol.com

๐Ÿ“ฑ ๋„ค์ดํ‹ฐ๋ธŒ ์•ฑ (Native App)? 

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

โœ”๏ธ ์žฅ์ 

  • Android, iOS ๊ธฐ๋ฐ˜์˜ API๋กœ ๊ฐœ๋ฐœํ•˜์—ฌ ์†๋„๊ฐ€ ๋น ๋ฅด๊ณ  ์•ˆ์ •์ ์ด๋‹ค.
  • ์„ฑ๋Šฅ์ด ์›น์•ฑ, ํ•˜์ด๋ธŒ๋ฆฌ๋“œ ์•ฑ์— ๋น„ํ•ด ๊ฐ€์žฅ ๋†’๋‹ค.

โœ”๏ธ ๋‹จ์ 

  • Android์™€ iOS์˜ ํ˜ธํ™˜์ด ๋˜์ง€ ์•Š์•„ ๋ชจ๋ฐ”์ผ ์šด์˜์ฒด์ œ์— ๋”ฐ๋ผ ๋ณ„๋„ ๊ฐœ๋ฐœ๊ณผ ๊ด€๋ฆฌ๊ฐ€ ํ•„์š”ํ•˜๋‹ค. (์š”์ฆ˜์€ ํ•˜๋‚˜์˜ ์ฝ”๋“œ๋กœ )
  • ์•ฑ ์ˆ˜์ •, ์ถ”๊ฐ€ ๊ฐœ๋ฐœ์„ ํ–ˆ์„ ๊ฒฝ์šฐ ์•ฑ์Šคํ† ์–ด์— ์‹ฌ์‚ฌ ์š”์ฒญ ๋ฐ ์Šน์ธ ํ›„์— ์—…๋ฐ์ดํŠธ๊ฐ€ ์ง„ํ–‰๋˜์–ด์•ผ ํ•œ๋‹ค.

๐Ÿ“ฑ ๋ชจ๋ฐ”์ผ ์›น & ๋ชจ๋ฐ”์ผ ์›น ์•ฑ (Mobile Web App)

๋จผ์ €, ๋ชจ๋ฐ”์ผ ์›น (Mobile Web)์— ๋Œ€ํ•œ ์„ค๋ช…์œผ๋กœ๋Š” ๊ฐ„๋‹จํ•˜๊ฒŒ ์›น ๊ธฐ๋ฐ˜์˜ HTML, CSS, Javascript ๋“ฑ์„ ํ™œ์šฉํ•˜๋ฉฐ, ๋ณ„๋„์˜ ์•ฑ ํŒŒ์ผ์„ ์„ค์น˜ํ•˜์ง€ ์•Š๊ณ  ์ธํ„ฐ๋„ท ๋ธŒ๋ผ์šฐ์ €๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์ž‘๋™๋œ๋‹ค.
  • ๋ชจ๋ฐ”์ผ ์›น๊ณผ ๋„ค์ดํ‹ฐ๋ธŒ ์•ฑ์„ ๊ฒฐํ•ฉํ•œ ํ˜•ํƒœ๋กœ ๋ชจ๋ฐ”์ผ ์›น์˜ ํŠน์ง•์„ ๊ฐ€์ง€๋ฉด์„œ ๋„ค์ดํ‹ฐ๋ธŒ ์•ฑ์˜ ์žฅ์ ๋„ ๊ฐ–๊ณ  ์žˆ๋‹ค.
  • ๋ชจ๋ฐ”์ผ ์›น :ํ’€ ๋ธŒ๋ผ์šฐ์ € ๋ฐฉ์‹ (Full Browsing)
  • ๋ชจ๋ฐ”์ผ ์›น ์•ฑ :  ๋‹จ์ผ ํŽ˜์ด์ง€ ๋ฐฉ์‹ (SPA, Single Page Application)
ํ’€ ๋ธŒ๋ผ์šฐ์ € ๋ฐฉ์‹ (Full Browsing)
: ํ™”๋ฉด ์ผ๋ถ€๋ถ„์ด ๋ณ€๊ฒฝ๋  ๋•Œ ํ™”๋ฉด ์ „์ฒด ๋‚ด์šฉ์„ ์„œ๋ฒ„์—์„œ ์ƒˆ๋กœ ๋ฐ›์•„์˜ค๋Š” ๋ฐฉ์‹
๋‹จ์ผ ํŽ˜์ด์ง€ ๋ฐฉ์‹ (SPA, Single Page Application)
: ๋ธŒ๋ผ์šฐ์ € ์ตœ์ดˆ ํ•œ ๋ฒˆ ํŽ˜์ด์ง€ ์ „์ฒด๋ฅผ ๋ฐ›์•„์˜ค๊ณ , ํ™”๋ฉด ์ผ๋ถ€๋ถ„์ด ๋ณ€๊ฒฝ, ์š”์ฒญ๋  ๋•Œ ํ•ด๋‹น ๋ถ€๋ถ„๋งŒ Ajax๋ฅผ ํ†ตํ•ด ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ”์ธ๋”ฉํ•˜๋Š” ๋ฐฉ์‹

โœ”๏ธ ์žฅ์ 

  • ๋ชจ๋ฐ”์ผ ์›น์ฒ˜๋Ÿผ ์›น ๊ธฐ์ˆ ๋กœ ๊ฐœ๋ฐœ๋˜๊ณ  ๋ชจ๋ฐ”์ผ ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‹คํ–‰๋˜์ง€๋งŒ ์ข€ ๋” ๋ชจ๋ฐ”์ผ์— ์ตœ์ ํ™”๋˜์–ด ์žˆ๋‹ค.
  • ๋ณ„๋„์˜ ์„ค์น˜ ๋ฐ ์Šน์ธ๊ณผ์ •์ด ํ•„์š” ์—†๊ธฐ ๋•Œ๋ฌธ์— ์œ ์ง€ ๋ณด์ˆ˜๊ฐ€ ์šฉ์ดํ•˜๊ณ , ๊ฐœ๋ฐœ ๋ฐ ์œ ์ง€๋ณด์ˆ˜ ๋น„์šฉ์ด ์ ๋‹ค.

โœ”๏ธ ๋‹จ์ 

    • ์Šค๋งˆํŠธํฐ์˜ ๊ธฐ๋Šฅ(์นด๋ฉ”๋ผ, ๋งˆ์ดํฌ, ํ‘ธ์‹œ ์•Œ๋ฆผ ๋“ฑ)์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๊ฑฐ๋‚˜ ์ œํ•œ๋œ ๊ธฐ๋Šฅ๋งŒ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.
    • ๋„ค์ดํ‹ฐ๋ธŒ ์•ฑ, ํ•˜์ด๋ธŒ๋ฆฌ๋“œ ์•ฑ์— ๋น„ํ•ด ์„ฑ๋Šฅ์ด ๋–จ์–ด์ง„๋‹ค.

๐Ÿ“ฑ ํ•˜์ด๋ธŒ๋ฆฌ๋“œ ์•ฑ (Hybrid App)

    • ๋„ค์ดํ‹ฐ๋ธŒ์•ฑ๊ณผ ์›น ์•ฑ์˜ ๊ธฐ๋Šฅ์„ ๊ฒฐํ•ฉํ•œ ์•ฑ์œผ๋กœ, ๋„ค์ดํ‹ฐ๋ธŒ ์•ฑ์— ์›น ์•ฑ์„ ์‹คํ–‰์‹œํ‚ค๋Š” ๊ฒƒ์ด ๋ณดํŽธ์ ์ด๋‹ค. 

โœ”๏ธ ์žฅ์ 

  • ๋ชจ๋ฐ”์ผ ์›น๊ณผ ๊ธฐ์กด ๋„ค์ดํ‹ฐ๋ธŒ ์•ฑ์˜ ์žฅ์ ์„ ๋ชจ๋‘ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค.
  • ์œ ์ง€๋ณด์ˆ˜๊ฐ€ ํŽธํ•˜๊ณ  ์—…๋ฐ์ดํŠธ๊ฐ€ ๋ฐœ์ƒํ• ๋•Œ๋งˆ๋‹ค ์•ฑ์„ ๋‹ค์‹œ ๋‹ค์šด๋ฐ›์„ ํ•„์š”๊ฐ€ ์—†๋‹ค.
  • ์•ฑ ์šฉ๋Ÿ‰์ด ๋น„๊ต์  ๊ฐ€๋ฒผ์›€

โœ”๏ธ ๋‹จ์ 

  • ๋„ค์ดํ‹ฐ๋ธŒ ์•ฑ์— ๋น„ํ•ด ๋””์ž์ธ์˜ ์ž์œ ๋„๊ฐ€ ๋–จ์–ด์ง„๋‹ค.
  • ๋„ค์ดํ‹ฐ๋ธŒ ๊ธฐ๋Šฅ์— ์ ‘๊ทผํ•˜๊ธฐ ์œ„ํ•ด์„  ๋„ค์ดํ‹ฐ๋ธŒ ๊ฐœ๋ฐœ์ง€์‹์ด ํ•„์š”ํ•˜๋‹ค.


 

๐Ÿ“Ref.Site

https://lillo.co.kr/blog/16480
https://brunch.co.kr/@jhw28/30
https://blog.codef.io/app_kinds/
https://ahnsisters.tistory.com/72