자바스크립트 - 크롬 개발자 도구와 실습환경

 

이번 시간에 살펴볼 내용은 바로 크롬 개발 도구와 실습환경에 대해서 다뤄 보려고 한다. 

 

 

가끔 파일에 직접 작성하는 게 귀찮을 때가 있다

그럴 때, 손쉽게 자바스크립트를 실행할 수 있는 방법을 소개하려고 한다.

 

일단 필자는 크롬을 기준으로 할 것이다.

우선, [F12] 키를 누르면 

 

이렇게 [크롬 개발자 도구]가 화면에 보여진다.

 

 

 

그럼 여기서!

 

크롬 개발자 도구란 무엇인가?

→ 구글에서 만든 웹브라우저인 크롬에는 개발을 도와주는 다양한 도구가 기본적으로 제공한다. 이를 개발자 도구라고 하고, 이 도구를 이용하면 HTML, CSS, JavaScript의 생산성을 극대화할 수 있다.

 

 

이렇게 띄어진 화면 밑에 Console 창에 자바스크립트 코드를 작성하고 실행하면,

이렇게 경고창이 화면에 보인다.

이렇게 크롬 개발자 도구는 간단한 자바스크립트 코딩을 해서 확인하려고 할 때, 편리한 도구이다. 

 

 

 

다음으로 다른 도구를 소개해보도록 하겠다.

바로 sublime Text라는 도구이며,

이러한 카테고리에 해당하는 도구가 하는 일은 여러분이 코드를 작성할 수 있게 해주는 "에디터"라고도 불리는

그러한 도구이다. 

 

지금 이 sublime Text 보다 더 많은 기능을 가지고 있는 것이 있으며 그것을 "통합개발도구"라고 하며

IDE라고도 부른다.

 

※ 그러면 어떠한 도구를 쓸 것인가??

→ 그건 여러분의 마음~

 

하지만!

 

프로그래밍을 할 때 도구라는 것은 굉장히 중요하다.

예를 들어, 건설 현장에서 사용하는 여러 가지 도구들을 보았을 때, 

삽과 포크레인 중 무엇이 더 효율이 좋은가를 봤을 때 → 당연히 포크레인!

 

이처럼 개발에서 사용하는 도구들 또한, 본인이 신경 써서 직접 잘 정해야 한다.

또한, 생산성이 좋은 도구들은 익히기가 까다로울 수 있다.

 

그렇기 때문에, 좋은 도구를 찾는 노력과 여러 번 써보고 익히는 노력을 게을리해서는 안된다.