Web 개발시 편리한 도구 - LiveReload

웹 프론트 개발시 편리 도구 - Live Reload

프론트의 수정 사항을 자동으로 반영 해주는 역할을 한다. (뭐 결국 쉽게 하면, 새로고침을 자동으로 해주는 거지)

위처럼 크롬 확장 도구로 존재한다.

설치를 하게 되면, 확장 프로그램 부근에 위와 같은 아이콘이 생성 된다.

사용법, localhost 서버를 띄우고, 해당 버튼을 클릭하면, 마우스 오버시 LiveReload is connected라는 메세지가 뜬다.

그럼, 해당 프론트 작업을 하게 되면, 파일 저장을 감시하여 자동으로 해당 페이지의 수정 사항을 반영해준다.

​