자바스크립트기초

0.자바스크립트 기초

• html 안에 자바스크립트를 사이하는 방식은 2가지

script 태그를 사용하고 그 안에 자바스크립트 코드를 직접 삽입

→ <script type-"text/javascript"> [YOUR_SCRIPT_HERE]

외부 파일을 참조하는 예는 다음과 같다

→

⇒script안에 코드 작성 보다 외부파일을 참조하는 것이 성능상의 이점이 있음

• 변수선언하는 방법

 let username = "java";
const username = "java"; //상수

const로 선언한 변수에는 새 값을 할당할 수 없다.

let으로 선언한 변수는 재할당 가능

• 변수 명명법

금지되는것

1. 변수명은 숫자로 시작할 수 없다.
2. 변수명에는 공백, 기호, 마침표가 들어갈 수 없음
3. 예악어자체로 쓰이는 용어들

변수 이름 자체가 변수를 설명할 수 있게 하는 방식 → 권장

//bad ex
let cid = 12;
//good ex
let clientID = 12;

//bad ex
let id = 13;
//good ex
let userID = 13;

변수 이름 자체가 변수를 설명할 수 있게 하려면, 보통 여러 단어로 이뤄지게 될 가능성이 높다. 여러 단어로 이뤄진 변수 이름을 짓는 가장 일반적인 방법

1. 캐멀 케이스(camelCase)
2. 스네이크 케이스(snake_case)

둘 중에 어느방법을 사용하든 일관성 유지 선택고수하기

//bad ex
let lastloggedin ==''; //읽기 어려움

//good ex
let lastLoggedIn ==''; //캐멀케이스
let last_logged_in= ''; //스네이크케이스

• 자료형

자바스크립트 = 동적언어 → 정적언어와 달리 변수를 저의할 때 자료형을 정의할 필요가 없다.

• 원시자료형

→ 객체가 아닌 자료형으로, 메서드를 가지지 않음

1. String: 문자열 ex) 이름, 주소
2. number: 숫자, 자바스크립ㅡ에는 정수만을 표현하는 자료형이 따로 없다.
3. boolean : 불리언
4. null: 널
5. undefinder : 정의되지않음
6. symbol : 심벌 , ES6에 추가됨

• 객체

 const car ={
    wheels :4,
    color: "red",
};

• 빈 객체 생성하기

const car = new Object();
const car = {}; //객체리터럴