ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 자바스크립트 - 크롬 개발자 도구와 실습환경
    JavaScript/기본 2020. 2. 19. 21:28

     

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

     

     

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

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

     

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

    우선, [F12] 키를 누르면 

     

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

     

     

     

    그럼 여기서!

     

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

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

     

     

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

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

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

     

     

     

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

    바로 sublime Text라는 도구이며,

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

    그러한 도구이다. 

     

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

    IDE라고도 부른다.

     

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

    → 그건 여러분의 마음~

     

    하지만!

     

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

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

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

     

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

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

     

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

     

    댓글

Designed by Tistory.