[JS] 1. 자바스크립트의 이해
1. 자바스크립트란
- 사용자와 동적으로 상호작용 하기 위해 만들어진 언어이다.
- 즉, HTML의 정적인 정보를 Javascript가 동적인 정보로 바꿔준다.
- HTML과 자바스크립트는 둘다 '언어'이지만 HTML은 한번 만들면 변하지 않는 마크업 언어이고,
자바스크립트는 명령어(코드)를 시간순서에 따라 배치하고 실행시켜 기능을 구현하게 하는 '프로그래밍언어'인 점에서 차이가 있다.
2. 자바스크립트 작동을 위한 - script 태그
- 자바스크립트 코드는 HTML에서 작동한다.
- HTML 태그 중 <script> 태그 안에 자바스크립트 코드를 작성한다.
- 화면에 보여지는 그대로 출력 땐 HTML코드를 사용하지만, 데이터를 입력받아 스스로 계산하는 등 interactive한 결과를 얻고싶을 땐 자바스크립트를 사용한다.
3. 실행방법(1) - Event
- 상호작용을 위한 사용자의 활동 (onclick, onchange 등)
- 예를 들어, 자바스크립트 코드로 작성된 onclick속성을 기억하고 있다가 사용자가 onclick이 포함된 tag를 클릭했을 때 코드에 따라 동작함(action)
<input type="button" value="click" onmouseover="alert('click the button')">4. 실행방법(2) - Console
- 개발자도구 -> 콘솔을 이용하면 별도의 파일을 만들지 않고, 현재 웹사이트에서 자바스크립트 코드를 실행시킬 수 있다.
5. 데이터 타입(자료형)
- 자바스크립트 언어는 동적유형(dynamic types)을 가진 동적인 언어이다. 자바스크립트 변수는 특정한 값(value type)으로 연관되지 않고, 모두 유형(values of all types)의 값을 할당, 재할당 한다.
- 즉, 자바스크립트는 weekly typed 언어로 암시적 유형 변환을 허용한다. (allows implicit type conversion)
- 자바스크립트 언어는 원시값(Primitive values)과 객체(Objects)로 나뉜다.
5_1. 원시값(Primitivw values)
- 객체를 제외한 모든 타입은 불변의 값을 가지는데 이를 원시값이라고 한다.
- Type : Null / Undefined / Boolean / Number / Bigint / String / Symbol
5-2. 객체(Objects)
- 자바스크립트 언어에서 객체는 속성의 집합이다. (collection of properties)
- 개체 속성은 키와 값(key-value pairs)을 통해 복잡한 데이터 구조를 생성한다.
- 원시타입을 제외한 배열, 클래스, 함수등이 이 객체에 해당하며, property keys 는 문자열 또는 기호이며, property values는 다른 객체를 포함한 모든 유형의 값이다.
- 또한, 객체는 Reference type으로도 불린다.
부스트코스[자바스크립트의 시작_생활코딩] 강의 수강 후 개인 공부용으로 작성한 글입니다.