크롬 브라우저에서 코드 에디터 기능 사용하기

크롬 브라우저의 'File System'기능을 통해 코드 편집이 가능하다. (File 추가, 삭제, 수정, 저장)

[사용 방법]

 

1. 크롬 브라우저에서 [F12]키를 눌러 크롬 개발자 도구를 열고 '소스(Sources)' 패널을 클릭한 다음 좌측에 있는 'Filesystem'탭을 클릭해준다.

 

2. 'Add forder to workspace' 버튼을 눌러 편집하고자 하는 프로젝트(Project) 폴더를 선택해준다. (마우스 '드래그 앤 드롭'으로 폴더를 지정할 수도 있다.)

 

3. 크롬 브라우저 상단에 '알림 메세지'가 뜨면 '허용' 버튼을 눌르고, 'Filesystem' 기능을 사용하면 된다. (파일을 수정후 저장할 때에는 [ Ctrl + S ]키를 누르면 된다.)