JavaScript 실행 및 실습

Front-End/javascript 2019. 5. 21. 22:09
728x90
반응형

-JavaScript 란?-

 

JavaScript는 웹페이지를 동적으로, 프로그래밍적으로 제어하기 위해서 고안된 언어이다.

그렇기 때문에 오늘날 가장 중요한 플랫폼이라고 할 수 있는 웹브라우저에서 유일하게 사용할 수 있는 프로그래밍 언어이다.

최근에는 HTML5의 적용이 가속화 되면서 지금까지 모바일 환경에서 네이티브앱 (안드로이드, IOS)로 구현해왔던 기능이

웹에서도 대부분 구현할 수 있게 되고 있다.

 

 

 

자바스크립트 파일 실행 (메모장)

 

 

아래의 코드를 메모장에 작성



  <!DOCTYPE html>
  <html>
    <head>
      <meta charset="utf-8"/>
    </head>
    <body>
    <script>
        alert('Hello world');  //이부분이 자바 스크립트 부분
    </script>
      
    </body>
  </html>

 

 

 

작성후 파일이름 확장자를 html로 하고, 파일형식을 모든파일로, 인코딩 형식은 UTF-8로 하고 저장함

 

 

 

 

 

작성된 파일을 실행하면 자바스크립트 메시지가 출력됨

 

 

 

인터넷에서 자바스크립트 출력 (크롬)

 

크롬을 실행시키고 F12를 눌러 개발자 창을 실행한다.

 

Console를 누르고, 자바스크립트를 작성하고 엔터를 누르면 바로 실행화면을 볼 수 있다.

 

 

 

 

자바스크립트를 이용한 콘솔창 출력

 

크롬을 실행시키고 F12를 눌러 개발자 창을 실행한다.

 

Console를 누르고, 아래 자바스크립트를 메모장에 작성후 저장해서 크롬으로 다시 실행하면 콘솔창으로 문자가 출력된다.

 

  
  <!DOCTYPE html>
  <html>
    <head>
      <meta charset="utf-8"/>
    </head>
    <body>
      <script>
          console.log('Hello world')  //콘솔창에 출력
      </script>
      
    </body>
  </html>

 

 

아래 책은 제가 공부할때 활용했던 책으로 추천드리는 책이니 한번씩 읽어보시는것을 추천드립니다!! ㅎㅎ

토비의 스프링 3.1 세트:스프링의 이해와 원리 + 스프링의 기술과, 에이콘출판

이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

728x90
반응형

'Front-End > javascript' 카테고리의 다른 글

JavaScript 숫자와 문자 -2  (0) 2019.05.22
JavaScript 숫자와 문자 -1  (0) 2019.05.22
sublimetext 설치  (0) 2019.05.22
JavaScript 학습일정  (0) 2019.05.16
js(자바스크립트 파일) 만드는법  (0) 2019.05.07
: