html,js,css 파일 수정시 브라우저 자동 리로드기능입니다.

출처 : https://okky.kr/article/456242

방식1-크롬확장프로그램 livepage. 

https://chrome.google.com/webstore/detail/livepage/pilnojpmdoofaelbinaeodfpjheijkbh?hl=en

방식2-html페이지마다 삽입. <script type="text/javascript" src="http://livejs.com/live.js "></script>

방식3-nodejs의 gulp모듈과 Browsersync 어플리케이션설치

 https://www.browsersync.io/  https://blog.outsider.ne.kr/1216  

가장 흥미로운 기능은 여러 개의 브라우저를 실행했을 때 한 브라우저에서 클릭을 하면 

다른 브라우저에서도 동일한 위치에 클릭 이벤트를 발생시켜 여러 브라우저에서 동시에 

동일하게 동작할 수 있도록 도와주는 기능입니다.  출처: http://webclub.tistory.com/473  [Web Club]

방식4-nodejs의 gulp모듈과 gulp-watch gulp-livereload 플러그인사용

 http://hochulshin.com/gulp-livereload-sample/  

http://hochulshin.com/very-simple-hapi-server-sample/  

http://webclub.tistory.com/471

방식5-nodejs의 grunt모듈과 grunt-contrib-watch grunt-express 플러그인사용 - 

참고  grunt-contrib-watch는 Deprecated됨

방식6-크롬확장프로그램 livereload,guard(루비설치필요) 

https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei/related?hl=en  

https://github.com/guard/guard-livereload  

방식7-Chromix

참고로 Browsersync 가 기능면에서 가장 강력하고 livepage 가장 심플했습니다.

,live.js 도 나름 좋았습니다.(내부코드보면 로컬일때만 동작하게 되어있네요)

nodejs,tomcat 등을 사용하지 않고 테스트하려면 간단히 다음의 방법을 사용하면 됩니다.

파이썬  python -m SimpleHTTPServer 8080

루비 ruby -run -e httpd . -p 8080