Programming/JavaScript
JavaScript - 알아보기
S준
2020. 3. 11. 22:29
웹페이지 안에서 html은 디자인, JavaScript는 동작, 기술을 담당한다고 할 수 있습니다.
파일.js를 만들어서 해도 되지만 html파일에서 <script>태그로 할 수 있습니다.
(저는 eclipse를 사용하지만 Atom이 조금 더 편하긴 해요.)
1.출력하기
자바의 System.out.println처럼 출력을 할때는 document.write()를 사용합니다. 물론 끝에 ;표시를 해주셔야합니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>처음하는 자바스크립트</title>
</head>
<body>
<script>
document.write("안녕하세요!");
</script>
</body>
</html>
2.변수 선언
보통 변수에는 데이터나 값을 담습니다. 변수 선언은 var로 하는데 자바에서는 변수 형태를 따로 지정하지만
자바스크립트에서는 필요 없습니다. var가 대부분의 변수 형태를 쓸 수 있기 때문이죠.
예를 들면 문자열 String, 정수형 int, 소수형 double 같은 경우죠.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>자바스크립트 변수</title>
</head>
<body>
<script>
var a = 3;
var b = 3.5;
var str = "문자열 형태도 가능하다.";
document.write(a + b, "<br>");
document.write(str);
</script>
</body>
</html>
3.응용 코드
출력, 변수 선언도 알아보았으니 둘을 응용한 프로그램을 만들어보겠습니다!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>자바스크립트 변수</title>
</head>
<body>
<script>
var height = 175;
var weight = 70;
var normal_w = (height - 100) * 0.9;
document.write("당신의 체중은 평균체중보다 ", weight - normal_w, "kg을 초과했습니다.!");
</script>
</body>
</html>
평균 체중 = (키 - 100) * 0.9
코드에다가 키, 몸무게를 넣어보신 후 평균체중인지 확인해보셔도 좋을 것 같네요 ㅋㅋㅋ
이렇게 자바스크립트 변수 선언, 출력에 대해서 알아보았습니다.
내일은 입력에 대해서 글을 올릴게요~~