WEB2 - JavaScript 5

HTML 과 JS 의 만남 : 콘솔

JS를 실행하는 또 다른 방법을 살펴보자. 아주 재밌고 실용적인 방법, 콘솔(Console)

  

 지금까지 JS를 실행하기 위해서 웹페이지를 만들었다. 파일을 만들었다. 그런데 경우에 따라 꼭 파일이 아니라 그냥 어떤 코드를 실행해야 되는 아주 가벼운 상황들이 있다. 이런 경우에는 이런 것을 쓸 수 있다. 

 개발자도구, 검사에 들어가서 Console 을 클릭하면 커서가 껌뻑거리는 것을 볼 수 있다. 여기서 Console 이라는 것을 이용하면 파일을 만들지 않고도 JS 코드를 즉석에서 실행할 수 있다. 

 

 살다보면 계산이 필요할 때 계산기를 사용하듯 살다 보면 데이터를 처리해야 되는 경우들이 많이 있다. 이런 경우 생활코딩님은 습관적으로 Console 창을 열고 여기에 JS 를 실행시켜서 여러가지 데이터를 처리하신다고 한다. 

예를들어. 

Console 창에서 텍스트를 넣고 글자의 수를 알고 싶다고 하자.

• alert(' TEXT '.length)
  • TEXT(글)을 따옴표로 묶고
  • length 문자열의 문자의 개수를 알려주는 명령어
  • 명령어 앞에 . (온점) 붙이기
  • alert 으로 감싸기 

---

그리고 좀더 실용적인 것을 설명 

이 Console 에서 실행시키는 JS 는 지금 보고 있는 웹페이지 안에 삽입된 JS 인 것처럼 동작한다. 

다시 말해서 Console 안에서 실행시키는 JS 는 위에 떠있는 웹페이지를 대상으로 실행되게 된다는 것. 

 

 추가적인 예로 생활코딩님께서 자신의 커뮤니티의 댓글로 추첨하는 방법을 보여주셨다. 미리 짜놓은 코드를 가지고 해당 커뮤니티에서 댓글을 작성하신 회원님들을 추첨하는 방법. 

 

 여기서 알 수 있는 것은 웹페이지, JS 를 이용한다는 것은 웹페이지, 웹사이트를 만드는 것처럼 거대한 목표일 수도 있지만 수업에서처럼 이미 만들어져 있는 웹사이트를 나의 어떤 필요에 따라 맥락적으로 간단하면서 허접한(?) 하지만 나에게는 딱 맞는 코드를 작성해서 그 문제를 해결할 수 있다.