express.js ¶Ç´Â nodejs·Î ¼­¹ö ¿î¿µ ÇϽô ºÐµé Á¶¾ðÀ» ¹Þ°í ½Í½À´Ï´Ù.

   Á¶È¸ 3770   Ãßõ 0    

nodejs 및 expressjs 를 사용하여 웹서비스를 만들었습니다. 

처음 하는거라 버그가 없을래야 없을수가 없는데 .. 요즘은

웹팩을 사용해서 번들링 하고 한번 다운 받아가면 새로 고침 하기전까지 

아무것도 받지 않고 ajax 를 통해서만 데이터들이 왔다갔다 해서 

첫 로딩만 약간 걸릴뿐 장점이 있는걸로 알고 있습니다.. 

그런데 막상 시작 해보고 나니 .. 프로덕션 모드로 서버를 실행하고 

 <p> 테스트 </p>로 되어잇는걸 <p> 테스트2</p> 로 고치고 

웹서버를 재시작 해도 ... 사용자 컴퓨터에서는 바뀐것을 감지 하지 못하고 

새로 로그인 하거나 새로 고침을 해야지만 테스트2를 볼 수 있습니다.

php 의 경우 서버사이드 렌더링이다 보니.. 서버쪽 템플릿이나 html 소스를

테스트2 로만 바꿔주면 바꿈과 즉시 변경이 되는것과 틀려서 .. 

어떻게 해줘야 하는지 감이 오질 않습니다. 프로세스 죽거나 멈추는건

pm2 클러스트 모드를 사용할 예정입니다.. 다른건 이해가 다 가는데 .. 

어떻게 업데이트를 반영하는지 감조차 오질 않고 있습니다.

그리고 express에 내장된 서버를 사용하는게 좋을지 nginx를 사용하는게 

좋을지도 조언 부탁 드립니다.

ªÀº±Û Àϼö·Ï ½ÅÁßÇÏ°Ô.
Å©·°½º 2019-03
frontend°¡ ¾î¶»°Ô ±¸¼ºµÇ¾îÀÖ´ÂÁö´Â ¸ð¸£°Ú´Âµ¥, º¸Åë cache-control Çì´õ¸¦ ÅëÇØ Ä³½Ã°¡ µÇÁö ¾Êµµ·Ï ¼³Á¤Çϰųª (´ë½Å ÀÌ·¸°Ô Çϸé Æ®·¡ÇÈ ºÎ´ãÀÌ ÀÖ°ÚÁÒ) ¾÷µ¥ÀÌÆ®¸¶´Ù ÆÄÀϸíÀ» ¹Ù²Ù°Å³ª parameter¸¦ ºÙ¿©Á༭ cache invalidation ÇØÁÝ´Ï´Ù. webpackÀ» ¾²½Ã´Â°Å °°À¸´Ï ¸Å ºôµå½Ã¸¶´Ù ÆÄÀϸíÀ» ·£´ýÇÏ°Ô »ý¼ºÇÏ´Â ¿É¼ÇÀÌ ÀÖ½À´Ï´Ù, create-react-app °°Àº°Å ¾²¼ÌÀ¸¸é service worker°¡ ±¸¼ºµÇ¾îÀÖÀ»¼öµµ Àִµ¥ ÀÌ·¯¸é Á» º¹ÀâÇØÁö°í¿ä.

Àú´Â ÁÖ·Î nginx¸¦ ¾Õ´Ü¿¡ µÎ°í µ¿Àû ÄÁÅÙÃ÷´Â node.js·Î ¸®¹ö½º ÇÁ·Ï½Ã Çؼ­ ¼­ºùÇÏ°í, Á¤Àû ÄÁÅÙÃ÷´Â nginx¿¡¼­ ¹Ù·Î ¼­ºùÇÏ°Ô ¼¼ÆÃÇÕ´Ï´Ù. ÆÛÆ÷¸Õ½º°¡ ÈξÀ ³´½À´Ï´Ù.
     
±èÁ¦¿¬ 2019-03
´äº¯ °¨»çÇÕ´Ï´Ù webpack ¸¦ »ç¿ëÇÏ°í À־ ¸Å¹ø ÆÄÀϸíÀº ¹Ù²ò´Ï´Ù Àç½ÃÀÛÇϸé Àû¿ëÀÌ µÇ´Âµ¥ Ŭ¶óÀ̾ðÆ®¿¡¼­´Â reload³ª ºê¶ó¿ìÁ®¸¦ ²¯´ÙÄÑ¾ß Àû¿ëÀÌ µË´Ï´Ù Á¦°¡ ¹ö±×¸¦ °íÃĵµ  ¶ç¿ö ³õÀº »ç¿ëÀÚ´Â ¹ö±×°¡ ±×µ¥·Î ³²¾ÆÀÖ¾î °í¹ÎÀÔ´Ï´Ù
          
Å©·°½º 2019-03
Ȥ½Ã »õ·Î°íħ ¾ÈÇصµ Ŭ¶óÀ̾ðÆ® »ó¿¡¼­ ¹Ù·Î ¹Ù²î´Â°É ¿øÇϽô°ǰ¡¿ä? ±×°Ç PHP¸¦ ½áµµ ¶È°°À»ÅÙµ¥¿ä. ±»ÀÌ ±¸ÇöÇÏ·Á¸é websocketÀ¸·Î ¼­¹ö´Ü¿¡¼­ ¾÷µ¥ÀÌÆ® µÇ¾ú´Ù´Â°É push ÇÏ°í ÇØ´ç ½ÅÈ£¸¦ ¹ÞÀ¸¸é Ŭ¶óÀ̾ðÆ®¿¡¼­ location.reload() Çϵµ·Ï ±¸¼ºÇÏ¸é µË´Ï´Ù¸¸...

¾Æ´Ï¸é, js css µîÀÌ ´Ù ¹Ù²î´õ¶óµµ htmlÀº ij½Ã°¡ ³²¾ÆÀÖÀ» ¼ö ÀÖ½À´Ï´Ù. Àü ±×·¡¼­ html ÆÄÀÏÀº ij½Ã°¡ µÇÁö ¾Êµµ·Ï ¼­¹ö»ó¿¡ ¼³Á¤ÇصӴϴÙ.

Á¦ÀÏ °£´ÜÇÑ°Ç Å©·Ò¿¡¼­ °³¹ßÀÚµµ±¸ ¿­°í ³×Æ®¿öÅ© ÅÇ¿¡¼­ »õ·Î°íħ½Ã ¾î¶»°Ô ¶ß³ª È®ÀÎÇغ¸¼¼¿ä.
               
±èÁ¦¿¬ 2019-03
»ç¿ëÀÚ°¡ AÆäÀÌÁö¸¦ º¸°í ÀÖ°í .. BÆäÀÌÁö¿¡ ¹ö±×°¡ À־
BÆäÀÌÁö¸¦ °íÄ¡¸é.. php ÀÇ °æ¿ì BÆäÀÌÁö°¡ ¼­¹ö»çÀÌµå ·»´õ¸µÀ̶ó ±×¶§±×¶§ ¿äûÇϴµ¥
vue.js ´Â Çѹ濡 js ¸¦ ¹Þ¾Æ°¡Áö°í
A¿¡¼­ B·Î ³Ñ¾î°¡µµ ... »õ·Î ¿äûÀ» ÇÏÁö ¾Ê°í .. ÀÌÀü ¹öÀü ±×´ë·Î º¸¿©Á༭¿ä

°³¹ßÀÚ µµ±¸¿¡¼­µµ .. ¼­¹ö¿¡¼­ .. webpack À¸·Î ºôµå ´Ù½Ã ÇÏ°í ..
¼­¹ö Àç½ÃÀÛ ÇÑ µÚ¿¡µµ .. ÆäÀÌÁö À̵¿À̳ª ¹º°¡¸¦ ´­·¯ºÁµµ ..
js ¸¦ ´Ù½Ã °¡Á®¿ÀÁö ¾Ê½À´Ï´Ù

ÀçÁ¢¼ÓÀ̳ª refresh ¿Ü¿¡´Â¿ä.
                    
Å©·°½º 2019-03
Vue.js·Îµµ server side rendering ±¸ÇöÀÌ °¡´ÉÇÏ°í, ¸¹ÀÌ ¾¹´Ï´Ù.

¸»¾¸ÇϽŠ¹®Á¦¸¦ ÇØ°áÇÏ·Á¸é À§¿¡ ÀûÀº°Íó·³ websocket µîÀ» »ç¿ëÇØ µ¿Àû ¾÷µ¥ÀÌÆ®¸¦ ±¸ÇöÇϰųª, ¾Æ´Ï¸é server side renderingÀ» ±¸ÇöÇÏ½Ã¸é µË´Ï´Ù.

SEO »ý°¢Çϸé server side renderingÀÌ ÈξÀ À¯¸®ÇÏ´Ï ±×ÂÊÀ» Ãßõµå¸®°í ½Í³×¿ä.
                    
Å©·°½º 2019-03
                         
±èÁ¦¿¬ 2019-03
´äº¯ °¨»ç ÇÕ´Ï´Ù.. ¾Ë·ÁÁÖ½Å°Í ±â¹ÝÀ¸·Î ¿­½ÉÈ÷ ã¾Æº¸°Ú½À´Ï´Ù.
                         
°¨»çÇÕ´Ï´Ù
ÀÌ°Í ¾²·Á°í  ¸¶À½ºÎÅÍ ÁغñÁßÀÔ´Ï´Ù
¾ÆÁÖ ¸ÚÁ®¿ä
Ray 2019-03
*ºñ¹Ð±ÛÀÔ´Ï´Ù
     
±èÁ¦¿¬ 2019-03
*ºñ¹Ð±ÛÀÔ´Ï´Ù
          
Ray 2019-03
*ºñ¹Ð±ÛÀÔ´Ï´Ù
               
±èÁ¦¿¬ 2019-03
npm run dev ´Â.. °³¹ß¿ëÀ̶ó ÇÖ ¸®·ÎµùÀº Àß µÇ¼­ .. °³¹ßÀº Àß Çß½À´Ï´Ù.
¹®Á¦´Â dev¸ðµå·Î ¼­ºñ½º ÇÒ ¼ö ¾øÀ¸´Ï
ÇÁ·Î´ö¼Ç¿¡¼­
pm2 + nginx ·Î À­ºÐÀÌ ¸»¾¸ÇϽŵ¥·Î ÇÁ·Ï½Ã·Î »ç¿ë ¿¹Á¤À̱¸¿ä ..
pm2 ·Î ½ÇÇà -> »ç¿ëÀÚ Á¢¼Ó -> ¹ö±× ¹ß°ß ¼öÁ¤ -> À¥ÆÑ ¸®ºôµå -> pm2 Àç½ÃÀÛ
ÀÌ·¸°Ô Çصµ .. ÀÌÀü ¹öÀüÀ¸·Î °è¼Ó ¼­ºñ½º µÇ´Â°Ô ¹®Á¦ ÀÔ´Ï´Ù..
                    
Ray 2019-03
*ºñ¹Ð±ÛÀÔ´Ï´Ù
                         
±èÁ¦¿¬ 2019-03
´äº¯ °¨»ç ÇÕ´Ï´Ù.. ¾Ë·ÁÁÖ½Å°Í ±â¹ÝÀ¸·Î ¿­½ÉÈ÷ ã¾Æº¸°Ú½À´Ï´Ù.
¹Ú°æ¿ø 2019-03
´ç¿¬È÷ Ŭ¶óÀ̾ðÆ®ÂÊ Ä³½Ã°¡ ºñ¿öÁö°í »õ µ¥ÀÌÅ͸¦ ¹Þ¾Æ¾ß ¹Ý¿µÀÌ µÇÁÒ
±×·±µ¥ ÇÁ·Î´ö¼Ç ȯ°æ¿¡¼­ ¿Ö Äڵ带 ¼öÁ¤ÇϽóª¿ä?
±×·±°É ¿øÇϽøé ÇÁ·ÐÆ®¿£µå´Â vue-cli¸¦ ¾²½Ã¸é ¼öÁ¤ÇÏ´Â Á·Á· ¹Ù·Î ¹Ý¿µÀÌ µË´Ï´Ù. ±×°É ºôµåÇؼ­ ÇÁ·Î´ö¼ÇÀ¸·Î ¹èÆ÷ÇÏ½Ã¸é µÇ°í¿ä
     
±èÁ¦¿¬ 2019-03
³× ÇÁ·Î´ö¼Ç ȯ°æ¿¡¼­ Äڵ带 ¼öÁ¤ÇÏ´Â°Ô ¾Æ´Ï±¸¿ä
ÇÁ·Î´ö¼Ç ȯ°æÀ¸·Î ¹èÆ÷ Çß´Ù°¡ .. ¹ö±×°¡ ¹ß°ßµÇ¸é..
¼öÁ¤Çؼ­ À¥ÆÑÀ¸·Î ºôµåÇѵÚ.. ¼­¹ö¸¦ Àç½ÇÇàÇصµ ..
±âÁ¸°Ô ±×´ë·Î ½ÇÇàµÇ°í À־ Áú¹® µå·È½À´Ï´Ù.
          
¹Ú°æ¿ø 2019-03
À§¿¡ pm2¸¦ ¾²½Å´Ù°í Çϼ̴µ¥
pm2 restart ¸»°í pm2 delete µÚ ´Ù½Ã ½ÃÀÛ½ÃÄѺ¸¼¼¿ä
Á¦ ±â¾ï¿¡ µÎ °³°¡ ´Þ¶ú´ø°Í °°³×¿ä
               
±èÁ¦¿¬ 2019-03
ÇöÀç pm2 ´Â ¾È¾²°í ÀÖ°í .. »ç¿ë ¿¹Á¤ À̱¸¿ä ..
npm run build Çؼ­
¸¸µçµÚ
npm start Çؼ­ .. ½ÃÀÛÇؼ­ ÇÏ´Ù°¡ ..
¼öÁ¤ÇÒ²¨ ¼öÁ¤Çؼ­
´Ù½Ã ºôµå Çѵڿ¡
npm start ´Ù½Ã ½ÇÇà Çصµ .. ¹Ý¿µÀº ¾ÈµÇ°í ÀÖ´Â »óÅ ÀÔ´Ï´Ù.
Ŭ¶óÀ̾ðÆ®¿¡¼­ ÀçÁ¢¼Ó ¶Ç´Â f5 ÇØ¾ß °¡´É.
                    
¹Ú°æ¿ø 2019-03
ÇÁ·Î´ö¼ÇÀÌ´Ï Å¬¶óÀ̾ðÆ®°¡ F5 ÇؾßÇÏ´Â°Ç ´ç¿¬ÇÑ°ÅÁÒ
¼­¹ö´Â ¿äû¹ÞÀº ¶ó¿ìÆ®¿¡ ´ëÇØ html ÆÄÀÏ ·»´õ¸µÇؼ­ ´øÁö¸é ÀÚ±â ÇÒ ÀÏ ³¡ÀÔ´Ï´Ù
À¥¼ÒÄÏ °°Àº°É·Î ¹» Â¥Áö ¾Ê´ÂÇÑ °è¼Ó Ŭ¶óÀ̾ðÆ®¸¦ ÃßÀûÇϸ鼭 ÀڱⰡ Àç½Ãµ¿ µÇ¾ú´Ù°í Ŭ¶óÀ̾ðÆ®¿¡ ¾Ë¸²À» ÇÏ°í ÇÏÁö´Â ¾Ê¾Æ¿ä
                         
±èÁ¦¿¬ 2019-03
³× .. ¾Ë°í ÀÖ½À´Ï´Ù.. ±Ùµ¥ Á¦°¡ ¸»¾¸µå¸®´Â°Ç
AÆäÀÌÁö¸¦ ±×´ë·Î º¸°í ÀÖ´Â »óȲ¿¡¼­ ÇÖ ¸®·Îµù °°Àº ±â´ÉÀ» ¿øÇÏ´Â°Ô ¾Æ´Ï±¸¿ä ..
¶ó¿ìÆÃÀ» º¯°æ Çصµ ... ÀÚü°¡ js ·Î spa ó·³ ó¸®°¡ µÇ¾î¼­ ...
´Ù¸¥ ÆäÀÌÁöµé·Î ¿Ô´Ù°¬´Ù Çصµ º¯°æÀÌ ¾ÈµÇ¾î¼­ ¿©ÂÞ¾î º»°Ì´Ï´Ù.
                    
¹Ú°æ¿ø 2019-03
¼­¹ö ¾÷µ¥ÀÌÆ®ÇÏ°í Ŭ¶óÀ̾ðÆ®¿¡¼± ´Ù¸¥°÷À¸·Î °¡´Â ¸µÅ©¸¦ Ŭ¸¯ÇÏ¸é ¾÷µ¥ÀÌÆ®°¡ ¹Ý¿µµÈä·Î º¸ÀÌ´Â°Ô ¾Æ´Ï¶ó
SPA¸é ¶ó¿ìÆ®¸¦ ºä-¶ó¿ìÅÍ°¡ ´ã´çÇÏ´Ï
»õ·Î ºôµåµÈ jsÆÄÀÏ ÀÚü¸¦ ÇÑ ¹ø ´õ ¹Þ¾Æ¿Í¾ß ÇÕ´Ï´Ù. º¸Åë / ¶ó¿ìÆ®¸¦ get ÇÒ¶§ html css js ´Ù ¹Þ¾Æ¿ÀÀÝ¾Æ¿ä ±×°É ÇÑ ¹ø ´õ Çؾߵǿä
                         
±èÁ¦¿¬ 2019-03
³× .. »óȲÀÌ ±×·¸´Ù º¸´Ï refresh ¶Ç´Â... Á¢¼ÓÀ» ²÷°í ´Ù½Ã Á¢¼Ó Çؾ߸¸ Çϳª º¸´õ¶ó±¸¿ä
dev¸ðµå¿¡¼­ .. ÇÖ¸®·Îµù ¾²´Ù°¡... ÇÁ·Î´ö¼Ç ¸ðµå·Î Çϴϱî ..
´ä´äÇÏ³×¿ä ¤»¤» ¹Ù·Î¹Ù·Î ¹Ù²î¾î¾ß ÁÁÀºµ¥..


QnA
Á¦¸ñPage 4121/5691
2014-05   5017354   Á¤ÀºÁØ1
2015-12   1552752   ¹é¸Þ°¡
2015-04   3771   FOXBI
2020-12   3771   ÇãÀα¸¸¶Æ¾
2016-06   3771   »õÃÑ
2019-03   3771   ±èÁ¦¿¬
2016-03   3771   mikury
2020-11   3771   galaxyfamily
2021-01   3770   ½ÄÀ̾ƺü
2015-05   3770   Ãֽÿµ
2016-09   3770   ÀÌÅ¿í
2020-11   3770   À嵿°Ç2014
2018-07   3770   »Ç»§ÀÌ
2017-05   3770   ¸¸°õÀÌ
2020-04   3770   °Ü¿ï³ª¹«
2018-06   3770   turtlmac
2022-12   3770   LevinF
2016-06   3770   ´ÃÆĶõ
2015-02   3770   ¼­¿ïl½Â¿ë
2018-08   3770   AKMU
2018-02   3769   ¹Ý¼º¸¸
2021-08   3769   ÀÌÁöÆ÷Åä