JavaScript(자바스크립트)

1. JavaScript란?

웹페이지와 상호작용하도록 만들어진 언어.
브라우저에서 사용자의 행동을 처리하고 데이터를 저장하며 네트워크 응답과 요청을 처리하는 역할을 한다. 확장자는 .js이다.

2. 알림창 띄우기

alert 사용자에게 안내하고 싶은 텍스트를 보여주는 함수

alert("안녕하세요!");     //output: 안녕하세요!

3. 개발자를 위한 내용 출력하기

console.log 개발자가 확인하고 싶은 내용 출력하는 함수

console.log("아래에 나와요");     // 하단 콘솔 창에 출력(일반 사용자는 볼 수 없음)

4. 주석

// 한 줄 주석처리
/* */ 여러줄 주석처리

5. 변수

1) 변수의 생성

• 제 이름은 김개발입니다.
• 제 직업은 개발자입니다.
  - 변수(variable): "직업", "이름"
  - 값(value): "김개발", "개발자"

var name = "김개발";	// name: 변수, 김개발: name이라는 변수에 할당된 값
var job  = "frontend developer"; 

2) 변수 이름정하기

주의할 점

• 한 파일에서 같은 변수 이름을 중복해서 사용할 수 없음
• 변수이름, 함수이름, 연산자 모두 대소문자를 구분함
• 변수 이름을 정할 때, 첫 번째 문자는 반드시 글자나 밑줄(_), 달러기호($) 중 하나
• 두 번째 문자부터는 글자, 밑줄, 달러, 숫자 자유롭게 사용 가능
• 변수이름, 함수이름등은 camelCase 방식으로 쓸것

cf. camelCase vs. snake_case

camelCase

• firstSecond
• myProfileImg
• toDoListArray

snake_case

• first_second
• my_profile_img
• to_do_list_array

3) let, const

변수 선언 시 이용되는 키워드. 기존에는 var를 통해서만 가능했는데 JS 버전이 올라가며let과 const가 생김

• let 이용 시, 변수 값 수정 가능
  (변수를 새로 생성할 때만 사용)
• const 이용 시, 변수 값 수정 불가

4) 변수명에 새로운 값 할당

let name = "김개발";
let job  = "frontend developer";

name = "김코딩";	// 변수 name 값 변경됨
job  = "목수";	// 변수 job 값 변경됨

cf) const로 선언된 변수의 경우

const name = "김개발";
name = "김코딩";

// 에러발생
// Uncaught TypeError: Assignment to constant variable.