WEB/javascript

Javascript 시작하기

Woogamza 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언어를 배워보겠습니다.