TIP게시판

제목 LiveReload 좋아요
글쓴이 온더탑 작성시각 2014/08/02 05:41:17
댓글 : 4 추천 : 0 스크랩 : 0 조회수 : 12204   RSS
사용하면 정말 편한 LiveReload입니다.

기능 : 파일을 수정하면 브라우저가 새로고침 됩니다.(F5에서 자유로워 집니다)

저같은 경우는 sublime text3로 작업하고 sftp설정에 "upload_on_save": true 설정해 놨습니다.
저장하면서 바로 서버로 업로드가 되고 브라우저가 새로고침 됩니다. yes

설치 : 
-팩키지 인스톨에서 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 서버가 죽어버립니다.
사파리에서는 잘 작동합니다.
 다음글 함수 전달 인자를 유연하게 처리 할 수 함수 예제 (3)
 이전글 뭐..팁이라고 하긴 좀 그렇구요.. (5)

댓글

변종원(웅파) / 2014/08/02 22:20:53 / 추천 0
livereload가 설치된 pc의 브라우저가 리로드 된다는 건가요?
아니면 접속된 사용자 모두? ^^
온더탑 / 2014/08/02 23:32:01 / 추천 0
LiveReload 서버 프로그램을 설치한 자기 컴퓨터의 브라우저만 리로딩 되는거 같아요.
LiveReload 서버 프로그램 설정할때 작업 폴더를 선택하게 되어 있는데 아마 파일이 수정되는지 보고 있다가
브라우저를 리로딩하는 방식 같습니다.
변종원(웅파) / 2014/08/03 22:06:05 / 추천 0
로컬에서 개발할때 유용하겠네요. ^^
코드이그 / 2014/08/05 13:24:29 / 추천 0
감사합니다 ^^