javascript는 HTML, CSS와는 다르게 단순히 변하지 않고 아이디, 비밀번호를 입력한 후 버튼을 누르면 반응을 하거나 아이콘을 클릭하면 또 다른 정보가 나오는 등 동적인 정보를 보여줍니다. 또한, 프레임워크 Node.js를 통해 웹 서버를 구축할 수 있습니다. 이 글에서 javascript가 무엇인지 알아보고 기본 문법을 예제와 함께 손에 익히는 시간을 갖도록 하겠습니다.추천 글
목차

javascript는 무엇인가?
미국의 프로그래머 ‘브렌던 아이크(Brendan Eich)’에 의해 javascript가 만들어졌습니다. javascript는 객체 중심 언어입니다. 그래서 항상 변수를 만들어 저장하고 그 변수를 서버로 전달하거나 웹 브라우저에 보일 수 있습니다. 또한, 게임도 만들 수 있고 움직이는 2D 및 3D 그래픽 등도 만들 수 있습니다.
프레임워크 Node.js, 라이브러리 React, Vue 등의 언어도 javascript에서 파생되었습니다. 그러므로 배워두면 좋습니다.
javascript 기초 문법
변수, 자료형에 대해 알아보겠습니다.
변수
const X = 10; let result = X + 3; console.log(result); // 13
변수를 선언한 후에 값을 할당할 수 있습니다. 또한, 변수에 저장된 값을 보고 싶을 때 ‘console.log(변수명)’로 웹 브라우저 개발자 도구에서 확인할 수 있습니다.
javascript의 실행문은 세미클론으로 구분됩니다.
const X = 10; const x = 20; let result = x + 10; console.log(result); // 30
X와 result는 변수명으로 대소문자를 구분합니다. 예를 들어 대문자 X와 소문자 x를 서로 코드에 작성했을 때 result는 서로 다른 값으로 결과값이 나타나는 것을 확인할 수 있습니다. 따라서 변수, 함수의 이름, 예약어(const, let 등 임의로 변경할 수 없는 단어) 등을 작성할 때에는 대소문자를 구분하여 사용해야 합니다.
자료형
12, 0 - 숫자 'Hello World' - 문자열 false, true - 불린 [1,2,3], ["a","b","c"] - 배열 {1,2,3} - rorcp
변수는 숫자, 문자열, 배열, 객체, 불린 등 여러 자료형을 가질 수 있습니다.
주석
// X는 10입니다. const X = 10; /* const X = 10; let result = X + 10; */
주석은 코드 내에 삽입된 일종의 설명문입니다. 그래서 웹 페이지에 나타나지 않으며 다른 개발자가 코드를 수정할 때 참고할 수 있도록 간단하게 설명하는 용도로 사용됩니다. 한 줄(//), 여러 줄(/**/) 주석을 사용할 수 있습니다.