자바스크립트 Javascript 입문 1

자바스크립트 입문

​

 

자바스크립트 입문 자바스크립트 역사

자바스크립트는 웹개발에 필수 언어이자 백엔드와 프런트엔드를 넘나들게 해주는 브릿지가 되는,

세상에서 제일 많이 쓰이는 필수 언어입니다.

 

 

자바스크립트 메뉴얼

한국어 지원되는 문서입니다!

프로그래밍 언어마다 아주 상세한 메뉴얼이 있으니 꼭 활용하시기 바랍니다.

 

JavaScript | MDN

 

 

크롬 개발자 모드 들어가기

 

우상단 점 세개 메뉴 -> More tools 더많은 도구 -> Developer Tools 개발자 도구

단축 키: Ctrl + Shift + i 혹은 F12

 

개발자 모드 창의 Source -> + New snippet 을 통해 test.js 스니펫을 만듭니다 (아래 화면과 같은 구성입니다).

이제 새 스니펫에 자바스크립트 언어를 연습할 것입니다.

 

* 스니펫에 쓴 코드에 대한 결과 값은 창 아래의 'Console' 이란 창에 표시됩니다.

 

 

Data Type 데이터 종류

자바스크립트 언어 및 대부분의 언어는 string, number, boolean, 세 종류의 데이터 타입으로 나누어집니다.

 

String - 컴퓨터가 인식하는 요소(글자, 숫자 등)의 나열입니다. "안녕하세요" "12" "와!"와 같이 큰 따옴표 내의 정보를 글자나 숫자나 기호가 아닌 string 이라는 데이터로 인식합니다.

Number - 말그대로 숫자입니다.

Boolean - true, false 두 가지 값을 나타내는 데이터입니다.

 

Data Type 종류 확인하는 코드

내가 나타내려는 데이터 타입이 확실 치 않을 때는 아래 기능의 괄호 안에 데이터를 써주면 console 창에 어떤 데이터 타입인지 알려줍니다.

typeof();

 

기능을 쓰고 괄호 안에 원하는 data type 즉 무엇이던 일단 써봅니다.

typeof(12345); //'number' 숫자 데이터입니다.
typeof(한글); //'undefined' 정의가 없는 데이터 종류입니다.
typeof(99.999); //'number' 숫자 데이터입니다.
typeof(hello); //'undefined' 정의가 없는 데이터 종류입니다.
typeof("hello"); //'string' 입니다.
typeof(!@#); //빨간 줄로 오류가 뜹니다.
typeof("!@#"); //'string' 입니다.