Dva: ์œˆ๋„์šฐ์—์„œ ์›น ์Šคํ†ฐ์˜ ์›นํŒฉ ๋ชจ๋‹ˆํ„ฐ๋ง ๋ฌธ์ œ

์— ๋งŒ๋“  2016๋…„ 10์›” 20์ผ  ยท  13์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: dvajs/dva

์œ„๋Œ€ํ•œ ํ•˜๋‚˜๋‹˜, ์กฐ์–ธ์„ ๊ตฌํ•˜์‹ญ์‹œ์˜ค.
dva new project๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  webstorm์„ ide๋กœ ์‚ฌ์šฉํ•˜๊ณ  npm์ด ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ–ˆ์ง€๋งŒ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค .css, html ๋ฐ ๊ธฐํƒ€ ํŒŒ์ผ์„ ์ˆ˜์ •ํ•  ๋•Œ๋งˆ๋‹ค ์ด๋Ÿฌํ•œ ํŒŒ์ผ์ด ์—…๋ฐ์ดํŠธ๋˜์ง€ ์•Š๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์‹œ๊ฐ„์ด ์ง€๋‚˜๋ฉด ์ž๋™์œผ๋กœ ์—…๋ฐ์ดํŠธ ํ•  ์ˆ˜ ์—†๋‹ค๊ณ  ๋งํ•˜๋ฉด js ํŒŒ์ผ์ด ์ž๋™์œผ๋กœ ์—…๋ฐ์ดํŠธ ๋  ์ˆ˜์žˆ๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์ด๋กœ ์ธํ•ด ๋‚ด๊ฐ€ ๋ฌด์–ธ๊ฐ€๋ฅผ ์ˆ˜์ •ํ•  ๋•Œ๋งˆ๋‹ค Ctrl + c๋ฅผ ๋ˆŒ๋Ÿฌ ์„œ๋น„์Šค๋ฅผ ์ค‘์ง€ํ•˜๊ณ  npm์ด ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.์ด ๋ฌธ์ œ์— ๋Œ€ํ•œ ํ•ด๊ฒฐ์ฑ…์ด ์žˆ์Šต๋‹ˆ๊นŒ?

faq question

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

ๆ„Ÿ่ง‰ ๅ’Œ ๆˆ‘ ้‡ๅˆฐ ็š„ ้—ฎ้ข˜ ไธ€ๆ ทใ€‚
Webpack Watch๊ฐ€ Windows์˜ Webstorm์—์„œ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๊นŒ?

ํŒŒ์ผ์ด ์ง์ ‘ ์ €์žฅ๋˜์ง€ ์•Š์œผ๋ฉด Webpack watch๊ฐ€ ์ž‘๋™ํ•˜์ง€ ์•Š๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. '์•ˆ์ „ ์“ฐ๊ธฐ'์˜ต์…˜ (์„ค์ • | ๋ชจ์–‘ ๋ฐ ๋™์ž‘ | ์‹œ์Šคํ…œ ์„ค์ • | "์•ˆ์ „ ์“ฐ๊ธฐ"์‚ฌ์šฉ (๋จผ์ € ์ž„์‹œ ํŒŒ์ผ์— ๋ณ€๊ฒฝ ์‚ฌํ•ญ ์ €์žฅ))์„ ๋„์‹ญ์‹œ์˜ค.

๋ชจ๋“  13 ๋Œ“๊ธ€

npm start ์„ (๋ฅผ) ๋‹ค์‹œ ์‹œ์ž‘ํ•˜๋ฉด ์•ˆ ๋˜๋‚˜์š”? ์ˆ˜๋™์œผ๋กœ ํŽ˜์ด์ง€๋ฅผ ์ƒˆ๋กœ ๊ณ ์นจํ•˜๋ฉด ์“ธ๋ชจ๊ฐ€ ์—†๋‚˜์š”?

์˜ˆ, ํŽ˜์ด์ง€ ์ƒˆ๋กœ ๊ณ ์นจ์ด ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์„œ๋น„์Šค๋ฅผ ๋‹ค์‹œ ์‹œ์ž‘ํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.
์•„๋‹ˆ๋ฉด ์œ„๋Œ€ํ•˜์‹  ํ•˜๋‚˜๋‹˜์€ ๊ฐœ๋ฐœ ๊ณผ์ •์—์„œ ์–ด๋–ค ์•„์ด๋””์–ด๋ฅผ ์‚ฌ์šฉ ํ•˜์…จ๋‚˜์š”? ์ด๊ฒƒ์ด ์‚ฌ์‹ค์ธ์ง€ ํ™•์ธํ•˜๋ ค๊ณ  ๋…ธ๋ ฅํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋Œ€๋‹จํžˆ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

@yipanbo file watch ์ถฉ๋Œ ์—ฌ๋ถ€ ํ™•์ธ

nikogu๋Š” ๋˜ํ•œ ์œ„๋Œ€ํ•œ ์‹ ์ž…๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ์„ค์ •์€ํ•˜์ง€ ์•Š์•˜๋Š”๋ฐ ๋‹ค๋ฅธ ์„ค์ •์—†์ด dva new๊ฐ€ ํ”„๋กœ์ ํŠธ์—์„œ ๋‚˜์˜จ ํ›„์— ์ด๋Ÿฐ ์ข…๋ฅ˜์˜ ํ•ซ ์—…๋ฐ์ดํŠธ๋ฅผ ์ง€์›ํ•˜๋Š” ๊ฒƒ์ด ์ตœ์„ ์ด๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. Webstorm๊ณผ ๊ฐ™์€ IDE๋กœ ์ธํ•ด ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ? ์ด๊ฒƒ์€ ๋‚ด ์ถ”์ธก์ž…๋‹ˆ๋‹ค.

@yipanbo ํŠน์ • ๋ฌธ์ œ๋ฅผ๋ณด๊ธฐ ์œ„ํ•ด ํŽธ์ง‘๊ธฐ๋ฅผ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ž‘๋™ํ•˜์ง€ ์•Š์„ ๊ฒฝ์šฐ ์ปดํ“จํ„ฐ๋ฅผ ๋‹ค์‹œ ์‹œ์ž‘ํ•ฉ๋‹ˆ๋‹ค. ์‹œ์Šคํ…œ์˜ ํŒŒ์ผ ๋ชจ๋‹ˆํ„ฐ๋ง ์‹œ์Šคํ…œ์— ์•ฝ๊ฐ„ ๋ฌธ์ œ๊ฐ€์žˆ๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ์œผ๋ฉฐ ๋•Œ๋กœ๋Š” ๋‹ค์‹œ ์‹œ์ž‘ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์œ„๋Œ€ํ•˜์‹  ํ•˜๋‚˜๋‹˜ ๊ป˜์„œ ์ด๋Ÿฐ ๋ฌธ์ œ๋ฅผ ๊ฒช์€ ์ ์ด ์žˆ์Šต๋‹ˆ๊นŒ? ๊ทธ๊ฑด ๊ทธ๋ ‡๊ณ , ๋‚˜๋Š” ๋˜ํ•œ ์œ„๋Œ€ํ•œ ์‹ ์ด ์‚ฌ์šฉํ•˜๋Š” ide๋ฅผ ๋ฌป๊ณ  ํšจ๊ณผ๋ฅผ ์‹œํ—˜ํ•˜๊ธฐ ์œ„ํ•ด ๋‹ค๋ฅธ ide๋ฅผ ์‹œ๋„ํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค.

๋‚˜๋Š” ์›น ์Šคํ†ฐ์„ ์‚ฌ์šฉํ•˜์ง€๋งŒ ๋น„์Šทํ•œ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜์ง€ ์•Š์•˜์œผ๋ฉฐ ํ™˜๊ฒฝ ์„ค์ •, ๊ฒ€์ƒ‰, ํŒŒ์ผ ๊ฐ์‹œ๋ฅผ ์—ฝ๋‹ˆ ๋‹ค.

์—๋””ํ„ฐ์™€ ์•„๋ฌด ๊ด€๋ จ์ด์—†๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

์ง€๋‚œ๋ฒˆ์—๋Š” ์•„์ด๋””์–ด๊ฐ€ ์ƒ์ถฉ๋˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ์—ˆ๊ณ  ๋‹ค๋ฅธ ๋•Œ๋Š” ์ปดํ“จํ„ฐ๋ฅผ ๋‹ค์‹œ ์‹œ์ž‘ํ•˜๋Š” ๊ฒƒ์ด ์—ˆ์Šต๋‹ˆ๋‹ค.

๋ฐฉ๊ธˆ webstorm์˜ ํŒŒ์ผ ๊ฐ์‹œ๋ฅผ ๋ดค๋Š”๋ฐ ํŒŒ์ผ ๊ฐ์‹œ์ž๊ฐ€ ๊ตฌ์„ฑ๋˜์ง€ ์•Š์€ ๊ฒƒ์œผ๋กœ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค. ๊ตฌ์„ฑํ•ด์•ผํ•ฉ๋‹ˆ๊นŒ?

๋‚ด ์šด์˜ ์ฒด์ œ๊ฐ€ win10์ด๊ณ  ํ”„๋กœ์ ํŠธ๊ฐ€ c ๋“œ๋ผ์ด๋ธŒ์— ์žˆ๋‹ค๋Š” ์‚ฌ์‹ค์ด ๊ฐ‘์ž๊ธฐ ๋‚˜ํƒ€ ๋‚ฌ๋Š”๋ฐ, win10 ์‹œ์Šคํ…œ๊ณผ ๊ด€๋ จ์ด ์žˆ์Šต๋‹ˆ๊นŒ, ์•„๋‹ˆ๋ฉด c ๋“œ๋ผ์ด๋ธŒ์˜ ๊ถŒํ•œ๊ณผ ๊ด€๋ จ์ด ์žˆ์Šต๋‹ˆ๊นŒ?

ๆ„Ÿ่ง‰ ๅ’Œ ๆˆ‘ ้‡ๅˆฐ ็š„ ้—ฎ้ข˜ ไธ€ๆ ทใ€‚
Webpack Watch๊ฐ€ Windows์˜ Webstorm์—์„œ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๊นŒ?

ํŒŒ์ผ์ด ์ง์ ‘ ์ €์žฅ๋˜์ง€ ์•Š์œผ๋ฉด Webpack watch๊ฐ€ ์ž‘๋™ํ•˜์ง€ ์•Š๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. '์•ˆ์ „ ์“ฐ๊ธฐ'์˜ต์…˜ (์„ค์ • | ๋ชจ์–‘ ๋ฐ ๋™์ž‘ | ์‹œ์Šคํ…œ ์„ค์ • | "์•ˆ์ „ ์“ฐ๊ธฐ"์‚ฌ์šฉ (๋จผ์ € ์ž„์‹œ ํŒŒ์ผ์— ๋ณ€๊ฒฝ ์‚ฌํ•ญ ์ €์žฅ))์„ ๋„์‹ญ์‹œ์˜ค.

@seamys ๋Š” ๋‹น์‹ ์ด ๋งํ•œ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๋ฐค์— ์‹œ๋„ํ•ด๋ณด์‹ญ์‹œ์˜ค. ๊ฐ€๋Šฅํ•˜๋ฉด ๊ฒŒ์‹œ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰