- console에서 결과값 띄우기
- Java Script의 변수와 함수
1. Console에서 결과값 띄우기
-
JavaScript를 이용하기 위해서 VS code를 설치하였고, 앞으로 Chrome 브라우저를 이용하여 HTML 파일을 열고, 개발자 도구에서 Console을 열어 프로그래밍 된 결과값을 확인하고자 한다.
-
먼저 가장 기본이 되는 "Hello World!" 출력을 실행하기 위해서 index.js와 index.html을 만들어주었다. index.html에는 js 코드를 실행시키기 위한 내용들이 부과적으로 들어있으며 js 코드에는 다음과 같이 작성해주었다.
//js 코드
console.log('Hello World!');<!--html 코드-->
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Start Java Script</title>
</head>
<body>
<script src="./index.js"></script>
</body>
</html>- 그리고 해당 html파일을 chrome에서 열고, 개발자 도구의 console을 확인해보면 'Hello World!'가 있는 것을 확인할 수 있다.
여타 다른 언어들과 마찬가지로 간단한 사칙연산 등도 console.log(10+5)와 같이 입력해서 처리할 수 있다.
2. Java Script의 변수와 함수
- java script의 데이터 타입은 숫자(int, float), 문자열(string), boolean를 기초로 하고 있음.
- 변수를 지정하는 방법은 let 변수명 = 값; 을 기본으로 한다.
let espressoPrice = 3000;
console.log(espressoPrice);- 함수를 지정하는 방법은 function 함수이름(파라미터) {명령; };
function greetings(sentence) {
console.log('Hi!');
console.log('안녕하세요!');
console.log(sentence);
};
greetings('반갑습니다!');
//실행결과
//Hi!
//안녕하세요!
//반갑습니다!- 함수의 return문을 이용할 수도 있다. 중괄호 안에 아래와 같이 작성하면 return문을 통해 값을 전달한다.
function twice(number){
return number*2;
};