ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • Javascript 시작하기
    WEB/javascript 2019. 7. 5. 19:06
    728x90

    Javascript 란?

    웹페이지를 생동감 있게 만들어주는 언어.

    극단적으로 얘기해보자면 웹페이지에 linux, window 같은 가상머신도 구현가능합니다.

    https://bellard.org/jslinux/

     

    JSLinux

    JSLinux Run Linux or other Operating Systems in your browser! The following emulated systems are available: CPUOS (Distribution)UserInterfaceVFsyncaccessStartupLinkTEMUConfigComment x86Linux 4.12.0 (Buildroot)ConsoleYes click here url x86Linux 4.12.0 (Buil

    bellard.org

     

    Javascript 문법

    예제코드1

    let s = function(a,b){
    	return a*b;
    }

    우리가 알고있는 자바언어랑 비슷하네요.

    위 코드는 s에 function을 담습니다.

    우선, let이라는 녀석은 java언어와 다르게 data type을 알아서 지정해주네요.

     

    예제코드2

    <button id="button1">안녕하세요?</button>
    <script>
        let button1= document.getElementById("button1");
        button1.click(function(){
            alert("반갑습니다!");
        })
    </script>

    결과

     

     

     

    잘 작동하는 것을 볼 수 있습니다.

     

    위 코드와 같이 html 파일 안에 script 태그로 javascript 언어를 작성할 수 있습니다.

     

    하지만, 그것은 매우 귀찮고 코드가 더러워 지므로 js 파일을 따로 만들어서 <head> </head> 태그 안에 파일을 삽입해줍니다.

    예제코드3

    <head>
    	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    </head>
    

     

     

    위는 google api로 js 파일을 html에 연동한것입니다.

     

    코드 에디터

    에디터는 visual studio code를 사용하고, 테스트 환경은 node js로 하겠습니다.

    이제, 자바스크립트를 활용해서 간단한 실습들을 통해 javascript언어를 배워보겠습니다.

    'WEB > javascript' 카테고리의 다른 글

    Javascript 기초 문법(1)  (0) 2019.07.05

    댓글

Designed by Tistory.