๐Ÿ‘‹๋ชจ๋“  ์›น์‚ฌ์ดํŠธ๋ฅผ ๋ฐ์Šคํฌํ†ฑ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์œผ๋กœ ๋ณ€ํ™˜ํ•˜๋Š” ๋ฐฉ๋ฒ•(30์ดˆ)

1717 ๋‹จ์–ด tutorialcodenewbieopensourcewebdev
๋ฐ์Šคํฌํ†ฑ ์•ฑ์„ ๋งŒ๋“œ๋Š” ๊ฒƒ๋ณด๋‹ค ํ•˜๋ฃจ๋ฅผ ์‹œ์ž‘ํ•˜๋Š” ๋” ์ข‹์€ ๋ฐฉ๋ฒ•์€ ์—†๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ํ•  ์ˆ˜ ์žˆ๋‚˜์š”? ์˜ค๋Š˜์€ ๋ชจ๋“  ์›น์‚ฌ์ดํŠธ๋ฅผ ๋ฐ์Šคํฌํ†ฑ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์œผ๋กœ ๋ณ€ํ™˜ํ•  ์ˆ˜ ์žˆ๋Š” โœŠ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

1 ๋‹จ๊ณ„:



Node JS์˜ LTS ๋‹ค์šด๋กœ๋“œ: https://nodejs.org/en/

๊ทธ๋Ÿฐ ๋‹ค์Œ ๋ช…๋ น ํ”„๋กฌํ”„ํŠธ(Windows) ๋˜๋Š” ์šด์˜ ์ฒด์ œ(mac์šฉ ํ„ฐ๋ฏธ๋„)์—์„œ ์ด์™€ ๋™๋“ฑํ•œ ๊ฒƒ์„ ์—ฝ๋‹ˆ๋‹ค.



์ฐธ๊ณ : ์‚ฌ์šฉ ์ค‘์ธ OS๋Š” ์ค‘์š”ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

2 ๋‹จ๊ณ„:



์ด์ œ ์žฅ์น˜์— ์ „์—ญ์ ์œผ๋กœ nativefier๋ผ๋Š” github ๋„๊ตฌ๋ฅผ ์„ค์น˜ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๊ทธ๋ ‡๊ฒŒ ํ•˜๋ ค๋ฉด ๋‹ค์Œ ์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ช…๋ น ํ”„๋กฌํ”„ํŠธ(๋˜๋Š” ์ด์— ์ƒ์‘ํ•˜๋Š” ๊ฒƒ)์— ์ž…๋ ฅํ•˜๊ณ  Enter ํ‚ค๋ฅผ ๋ˆ„๋ฅด์‹ญ์‹œ์˜ค.

npm install -g nativefier


์ž ์‹œ๋งŒ ๊ธฐ๋‹ค๋ ค ์ฃผ์‹ญ์‹œ์˜ค.

3๋‹จ๊ณ„:



nativefier๊ฐ€ ์„ค์น˜๋œ ํ›„ ๋‹ค์Œ ์ฝ”๋“œ๋ฅผ ์ž…๋ ฅํ•˜์—ฌ your website๋ผ๋Š” ๋‹จ์–ด๋ฅผ ์•ฑ์œผ๋กœ ๋ณ€ํ™˜ํ•˜๋ ค๋Š” ์›น์‚ฌ์ดํŠธ ๋„๋ฉ”์ธ์œผ๋กœ ๋ฐ”๊ฟ‰๋‹ˆ๋‹ค.
nativefier 'your website'
๋‹ค์Œ์€ ์˜ˆ์ž…๋‹ˆ๋‹ค.nativefier 'dev.to'
๊ทธ๋Ÿฐ ๋‹ค์Œ Enter ํ‚ค๋ฅผ ๋ˆ„๋ฅด๊ณ  ๋กœ๋“œ๋  ๋•Œ๊นŒ์ง€ ๊ธฐ๋‹ค๋ฆฝ๋‹ˆ๋‹ค. ์ด๋ฒˆ์—๋Š” ๋ช‡ ๋ถ„์ด ๊ฑธ๋ฆด ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

4๋‹จ๊ณ„:



๋งˆ์ง€๋ง‰์œผ๋กœ ๋กœ๋“œ๊ฐ€ ์™„๋ฃŒ๋˜๋ฉด ๋‚จ์€ ์ž‘์—…์€ ์ž์‹ ์˜ ๋ฐ์Šคํฌํ†ฑ ์•ฑ์„ ํ…Œ์ŠคํŠธํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์ด๋ ‡๊ฒŒ ํ•˜๋ ค๋ฉด ๋ช…๋ น ํ”„๋กฌํ”„ํŠธ์— ํ‘œ์‹œ๋œ ๊ฒฝ๋กœ๋ฅผ ์—ฝ๋‹ˆ๋‹ค. OS์˜ ํŒŒ์ผ ์˜คํ”„๋„ˆ์—์„œ ๊ทธ๋ ‡๊ฒŒ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. Windows์šฉ ํŒŒ์ผ ํƒ์ƒ‰๊ธฐ ๋˜๋Š” MacBook์šฉ Finder.

์ œ๊ณต๋œ ๊ฒฝ๋กœ์— ์žˆ์œผ๋ฉด ์‹คํ–‰ ํŒŒ์ผ์„ ์—ด๋ฉด ์•ฑ์ด ํŒ์—…๋ฉ๋‹ˆ๋‹ค.

๊ฒฐ๋ก :



๋„์›€์ด ๋˜์…จ๊ธฐ๋ฅผ ๋ฐ”๋ผ๋ฉฐ ํฌ์ŠคํŒ…์„ ๋งˆ์น˜๊ฒ ์Šต๋‹ˆ๋‹ค. ์งˆ๋ฌธ์ด ์žˆ์œผ์‹œ๋ฉด ์•„๋ž˜์— ๋Œ“๊ธ€์„ ๋‹ฌ์•„์ฃผ์„ธ์š”. ๋‚˜๋Š” ์ตœ๋Œ€ํ•œ ๋นจ๋ฆฌ ์‘๋‹ตํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์ฐธ๊ณ : ์ด ๊ฒŒ์‹œ๋ฌผ์€ https://freetechnologyhelp.com/how-to-convert-any-website-into-a-desktop-applicationin-30-seconds/์— ์ฒ˜์Œ ๊ฒŒ์‹œ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

์—ฌ๊ธฐ์—์„œ ์ž‘์„ฑํ•œ ๋‹ค๋ฅธ ๊ฒŒ์‹œ๋ฌผ์„ ์ฝ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ข‹์€ ์›นํŽ˜์ด์ง€ ์ฆ๊ฒจ์ฐพ๊ธฐ