javascript 기초 문법 예제

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

목차

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;
*/

주석은 코드 내에 삽입된 일종의 설명문입니다. 그래서 웹 페이지에 나타나지 않으며 다른 개발자가 코드를 수정할 때 참고할 수 있도록 간단하게 설명하는 용도로 사용됩니다. 한 줄(//), 여러 줄(/**/) 주석을 사용할 수 있습니다.

Leave a Comment