[새싹x코딩온] 웹 개발자 부트캠프 과정 2주차 회고 | JavaScript

JavaScript란 웹 페이지에서 복잡한 기능을 구현할 수 있도록 하는
스크립팅 언어 또는 프로그래밍 언어이다.

---

JS 참조 방식

1. 내장 방식 : 내부에 script 태그 선언


2. 링크 방식 : script src="js 파일 링크"

---

JS 변수 선언과 할당

var 변수이름; => 재선언 가능, 재할당 가능
let 변수이름; => 재선언 불가능, 재할당 가능
const 변수이름; => 재선언 불가능, 재할당 불가능

---

JS 자료형

• 기본형 (Primitive)
string (문자열)
number (숫자)
boolean (참, 거짓 데이터)
null (빈 데이터)
undefined (미할당 데이터)

• 객체 (Object)
기본형이 아닌 것은 모두 객체

• 배열 (Array)
여러 데이터를 순차적으로 저장

• 문자와 변수를 함께 쓰고 싶을 때 쓰는 법

1. console.log(“문자”, 변수, “문자”);
2. console.log(“문자” + 변수 + “문자”);
3. `문자를 쓰다가 변수를 쓰고 싶으면 ${variable} 처럼 쓰면 됩니다`

• 자료형 확인법 (typeof)

1. console.log(typeof "안뇽") => string 반환
2. console.log(typeof 3) => number 반환

• 명시적 형변환

자동 형변환에 의존하지 않고 직접 형변환.

1. 문자로 변환 => String(); .toString();
2. 숫자로 변환 => Number(); parseInt();

---

JS 연산자

• 대입 연산자: =
• 비교 연산자: ==, !=,===, !===, >, >=, <, <=
• 산술 연산자: +, -, *, /, %(나머지), **(거듭제곱)
• 논리 연산자: !(not), &&(and), ||(or)
• 증감 연산자: ++, -- (위치 중요함)

---

JS 함수

function 함수이름(매개변수) {body: 함수가 실행되는 scope}

함수 선언 방식


1. 명시적 함수 선언

function 함수이름(매개변수) {body}

2. 함수 표현식

let 함수이름 = function (매개변수) {body}

let 함수이름 = (매개변수) => {body}