티스토리 뷰

  JavaScript 실행 환경





JavaScript를 사용하기 위해서는 에디터가 필요한데 이는 텍스트를 편집할 수 있는 에디터면 모두 가능하다.


윈도우 - 메모장

MAC - Text editor

리눅스 - vi,vim,..


기본적으로 브라우저 위에서 적용되는 JavaScript는 Html위에서 동작한다. 그렇기 때문에 Html코드가 필요하다.

JavaScript 코드를 작성할 때 공통적으로 작성되어야 하는 부분이 있다.


1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
    </head>
    <body>
 
       <script>
            alert('Hello world');
     </script>
 
    </body>
</html>
cs

↑이는 Html문서를 의미한다.

  # 실질적으로 Javascript 코드가 동작하는곳은 <script>~ </script> 태그 안 ( ~ )



1.JavaScript 코드 동작하기 



↑메모장에 JavaScript코드 작성

  # Html 코드 안에 있어야 한다.



↑저장 시 파일이름에 확장자 .html을 붙여준다.

  # 파일형식은 모든파일로 설정한다. 그렇지 않으면 자동으로 .txt가 붙는다.

  # 인코딩 방식은 UTF-8 방식


↑크롬 웹 브라우저에서 ctrl + o( 영어 ) 를 눌러 파일을 열러준다.



↑입력한 JavaScript코드가 작동한다.



위와 같은 방식으로 간단하게 JavaScript의 구동을 볼 수 있다. 하지만 개발에 앞서 이러한 코딩 방식을 적절하지 

못할 뿐만 아니라, 가독성도 매우 떨어지기 때문에 상황에 맞는 적절한 개발 도구를 선택해서 코딩을 하는게 좋다.

개발 도구는 여러가지가 존재하지만 기능이 많다고 모두 좋은 도구는 아니다. 이러한 기능을 파악 하고 이해 

하는 것이 관건이다.  


도구의 기능이 많을수록 비싸고, 무거울 수 있다. 어떤 도구를 쓰든 적당한 사용성과 규모를 갖춘, 자신에게 맞는 

도구를 사용하는 것이 중요하다.


프로그래밍에 도구는 대단히 중요하다. 좋은 도구를 선택해서 개발에 임하는 것은 매우 중요한 일이기 때문에

항상 발전된 도구를 학습하는데 게을리하면 안된다. 도구를 익힐 때는 충분한 시간적 여유를 두고 제대로 

익히는게 좋다. 


좋은 도구를 선택하고 배움에 있어서 노력을 게을리 하면 안된다.

                                                                            by. 생활코딩 : egoing


이와 관련하여 생활코딩의 egoing님은 sublime을 추천해주셨다. sublime은 실제로 가볍고 확장기능이 있어 손쉽게

사용할 수 있다. ( 유료이긴 하지만 1시간마다 뜨는 문구를 무시한다면 지속적으로 사용할 수 있다. )












참고 ========

생활코딩 : https://opentutorials.org/course/1

나무위키 


'Javascript > [ JavaScript ] 시작하기 ' 카테고리의 다른 글

[ js -1 ] Javascript란 무엇인가  (0) 2017.10.09

'Javascript/[ JavaScript ] 시작하기 ' 관련 글 +더보기