본문으로 바로가기

javascript 기본-실행방법과 실습환경

category 생활코딩 JavaScript 2018. 11. 15. 19:18


탈웹브라우져


자바스크립트가 웹브라우져를 제어 하기위해서만 존재 하는 것이 아니다. (월래는 브라우져를 제어 하기위해 만들어진것 )

자바스크립트 언어 와 동작  환경을 분리 해서

- 웹 서버를 동작하기위한 도구  (서버 사이드 스크립트)

- 브라우져에서 동작하는 스크립트 (클라이언트 사이드 스크립트)



Node js 



Node js를 사용하게 되면  웹브라우져를 제어 하기 위한 기술로서 자바스크립트

웹서버를 제어하기 위한 자바 스크립트를 사용할 수 있다 




Node.js는 확장성 있는 네트워크 애플리케이션 개발에 사용되는 소프트웨어 플랫폼이다.

 작성 언어로 자바스크립트를 활용하며 Non-blocking I/O와  단일 스레드 이벤트 루프를 통한 높은 처리 성능을 가지고 있다



우리도  서로 다른 직업을 가진 사람들에게 한국어를 사용하여 각각의 주문 또는 부탁을 할 수 있다.

이것을  코드로 보면 


쉽게 말해 자바스크립트로 하여 각가의 작업을 실행할 수 있다.  



환경에 맞는 명령어 를 사용할 줄 알아야 한다 


자바 스크립트 실습 환경

자바 스크립트는 브라우저 뿐만 아니라 서버등 여러 환경에서 환경을 프로그램 적으로 제어할 수 있다 .


에디터  내장 운영 체제 = Sublime Text 3


간단하게  실행하는 것 show 콘설

생활 코딩에 개발 자 도구에 대한 사용 방법이있다 


-크롬에서 f12를 눌르면 된다 개발자 도구(환경)을 사용할 수 있다 

 개발자 도구를 활용잘해야 웹사이트 개발시 보이지않는 에러를 확인 할 수 있다 


(예상치 못한 에러 ) 

alert();  = 팝업 창을 띄우는 방법


            console.log();  =  show console에서 출력 값을 확인 할 수 있다 







<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8"/>

    </head>

    <body>

/*


*/

// 주석 사용하는 방법은  일반  자바와 같다 

        <script>

 alert(1+3);// 결과 3

            console.log('Hello world');

        </script>

    </body>

</html>


줄바꿈 사용하는 방법


        /*자바스크립트는 줄이바뀌면 명령이끝났다고 인식한다 

그럼으로 세미콜론(;)을 일일이 달아 줄 필요 없다 

하지만 명시적으로 ;을 달아 주는 것은 좋은 습관이다 

        두줄에 명령어를 한줄에 작성할때는 ;이 필요하다 

        */

var a = 1;  

                           alert(a);


IDE 코드하는데 도움을 주고 여러가지 기능을 갖고 있는 도구 근데 유료이고, 

너무많은 기능을 다루기에는 아직 너무 복잡하고 번거로우니 지금은 Sublime Text를 사용 할 것이다 

(Sublime Text툴에 대한 자세한 강의는 생활코딩에서 참고 하세요.)