JAVA SCRIPT 시작하기

  1. console에서 결과값 띄우기
  2. 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;
};

좋은 웹페이지 즐겨찾기