질문Q #8259
LiveReload 좋아요
사용하면 정말 편한 LiveReload입니다.
기능 : 파일을 수정하면 브라우저가 새로고침 됩니다.(F5에서 자유로워 집니다)
저같은 경우는 sublime text3로 작업하고 sftp설정에 "upload_on_save": true 설정해 놨습니다.
저장하면서 바로 서버로 업로드가 되고 브라우저가 새로고침 됩니다.
설치 :
-팩키지 인스톨에서 LiveReload설치
-LiveReload 서버 프로그램 http://feedback.livereload.com/knowledgebase/articles/67441-how-do-i-start-using-livereload-
-브라우저 익스텐션 설치 http://feedback.livereload.com/knowledgebase/articles/86242-how-do-i-install-and-use-the-browser-extensions-
실행:
1. LIVERELOAD 프로그램에서 +add 누르고 로컬 프로젝트 폴더를 설정합니다.
2. 브라우저 익스텐션 설치 후 브라우저의 우측에 원형 나침반 같은게 생깁니다.
해당 서클을 클릭하면 원안에 동그라미가 활성화 됩니다(연결상태)
3. 소스를 수정하면 페이지가 리로드 되는지 확인하시면 됩니다.
ps: 크롬에서 extension 설치시 자주 LiveReload 서버가 죽어버립니다.
사파리에서는 잘 작동합니다.
기능 : 파일을 수정하면 브라우저가 새로고침 됩니다.(F5에서 자유로워 집니다)
저같은 경우는 sublime text3로 작업하고 sftp설정에 "upload_on_save": true 설정해 놨습니다.
저장하면서 바로 서버로 업로드가 되고 브라우저가 새로고침 됩니다.
설치 :
-팩키지 인스톨에서 LiveReload설치
-LiveReload 서버 프로그램 http://feedback.livereload.com/knowledgebase/articles/67441-how-do-i-start-using-livereload-
-브라우저 익스텐션 설치 http://feedback.livereload.com/knowledgebase/articles/86242-how-do-i-install-and-use-the-browser-extensions-
실행:
1. LIVERELOAD 프로그램에서 +add 누르고 로컬 프로젝트 폴더를 설정합니다.
2. 브라우저 익스텐션 설치 후 브라우저의 우측에 원형 나침반 같은게 생깁니다.
해당 서클을 클릭하면 원안에 동그라미가 활성화 됩니다(연결상태)
3. 소스를 수정하면 페이지가 리로드 되는지 확인하시면 됩니다.
ps: 크롬에서 extension 설치시 자주 LiveReload 서버가 죽어버립니다.
사파리에서는 잘 작동합니다.
답변4
LiveReload 서버 프로그램을 설치한 자기 컴퓨터의 브라우저만 리로딩 되는거 같아요.
LiveReload 서버 프로그램 설정할때 작업 폴더를 선택하게 되어 있는데 아마 파일이 수정되는지 보고 있다가
브라우저를 리로딩하는 방식 같습니다.
LiveReload 서버 프로그램 설정할때 작업 폴더를 선택하게 되어 있는데 아마 파일이 수정되는지 보고 있다가
브라우저를 리로딩하는 방식 같습니다.
로컬에서 개발할때 유용하겠네요. ^^
감사합니다 ^^
아니면 접속된 사용자 모두? ^^