[JS] HTML과 JS의 만남 (콘솔)

 

본 글은 유튜버 생활코딩님의 WEB2 JavaScript 강의를 듣고 정리한 것이다. 

JS 코드를 파일 생성 없이 웹페이지상에서도 바로 실행시킬 수 있다. 방법은 크롬의 개발자도구 창의 Console 탭에서 작성한 뒤 실행시키는 것이다.(엔터를 누르면 실행된다.) 예시는 다음과 같다.

크롬의 개발자도구 console 탭에서 작성한 JS 코드

참고로 length는 문자열의 길이를 알려주는 함수이다. 이를 실행시키면 아래와 같이 경고창으로 문자열의 길이를 알려준다.

문자열의 길이를 알려주는 경고창

또 다른 방법은 개발자도구 창의 Element 탭에서 ESC를 누르는 것이다. 그럼 아래에 Console 탭이 뜨게 된다. 이와 같이 JS를 실행하면 파일 생성 없이 좀 더 간단하게 실행시켜볼 수 있고, 보고있는 웹페이지의 정보를 기반으로 JS 코드 구현이 가능하다.(예컨대, 댓글추첨기능 등...)