이번 포스팅에선
자바스크립트의 기초에 대해서 알아보고자 합니다.
시작하기 앞서 간단한 자바스크립트를 무료로 작성할 수 있는 공간이 있습니다.
바로 크롬 창에서 F12를 누르면 아래와 같은 화면이 뜨는데요.
Console을 누르면 입력창이 기다리고 있습니다.
이곳에서 간단하게 자바스크립트를 작성할 수 있습니다.
본인만의 자바스크립트 프로그램을 만들고 싶으면 editor를 별도로 다운로드 받으셔야합니다.
https://code.visualstudio.com/
Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
위 링크에서 어렵지 않게 다운로드 받을 수 있습니다.
● JavaScript 변수
자바스크립트에선 다른 언어와 마찬가지로
여러 변수 타입이 있습니다.
▶ number
console.log(); 를 하면 괄호 안에 있는 값을 출력해줍니다.
추가로 typeof ["값"] 을 하면
값의 형(type)이 나옵니다.
숫자를 입력하면 number가 나옵니다.
1.1과 같은 실수를 입력해도 number가 나옵니다.
▶ string
문자열의 형은 string 입니다.
참고로 문자열은 ' ' 혹은 " " 안에 작성해야 문자열이라고 인식합니다.
따옴표를 쓰지 않고 그냥 a라고 작성하면
이렇게 undefined가 나옵니다.
이건 자바스크립트가 a 라는 변수를 인식한 것인데
뒤에 변수 내용을 다룰 때 알아봅시다.
▶ boolean
true 혹은 false 를 나타내는 boolean 형이 있습니다.
단순히 참 거짓을 나타낼 때 사용됩니다.
▶ object
object는 하나의 정의가 있기보다는 여러 개의 타입들을 아우르고 있습니다.
그중에서 대표적인 것들만 알아봅시다.
▷ 배열(array) or 리스트(list)
위와 같이 대괄호 [] 안에 값들을 일련으로 나열시킬 수 있는데
이는 배열 혹은 리스트라고 불립니다.
배열, 리스트도 object 변수 안에 내재되어 있습니다.
배열에 대한 자세한 내용은 다음 포스팅에서 다뤄보고자 합니다.
▷ object(dictionary)
파이썬을 다뤄 보신 분들은 dictionary라고 생각하시면 되고,
c언어를 다뤄보신분들은 struct라고 생각하시면 됩니다.
쉽게 말해 위의 사진을 보면
1에는 "a"라는 string이, 2에는 "b"라는 string이 들어있는 것입니다.
dictionary object에 대한 자세한 내용은 다음 포스팅에서 다뤄보고자 합니다.
▷ undefined
크게 중요하지 않은 부분입니다.
undefined란 말 그대로 정의가 되지 않았다는 건데요.
이후에 다룰 변수 부분에서
변수 안의 값이 지정되지 않을 경우 undefined라고 생각하시면 됩니다.
이후 포스팅에선 자바스크립트의 변수 생성과
배열(array), 객체(Object)에 대해서 다뤄보고자 합니다.
