강의랑 똑같이 콘솔 띄우는 방법

콘솔창을 어떻게 띄우냐는 질문들이 몇개 있어서 적어봅니다!

1. 예제 코드를 다운받습니다.

2. 크롬에서 이번 강의에 해당하는 html파일을 엽니다.

3. 크롬 개발자 도구를 엽니다.

4. 개발자도구를 새 창으로 띄웁니다.

4-1. [아래사진참고] 개발자 도구를 켜서 점 세개 메뉴를 클릭하면 창 배치를 고를 수 있습니다. 가장 왼쪽의 작은 네모 두개가 겹쳐져 있는 아이콘을 클릭합니다.

5. 에디터에서 해당 html파일을 열고, 개발자도구와 화면 분할하여 한 화면에 띄웁니다.

6. 에디터에서 수정한 것을 저장하고, 콘솔창에서 새로고침(단축키: 맥에서 Cmd+R) 하면 강의처럼 작성한 내용이 바로 콘솔창에 반영됩니다.