2026-03-09

js 개념

2대 구성 구조

• 변수 (variable): 변하는 수

  • var(오류 가능성 높음)
  • let(이후 변수가 재할당이 될 가능성이 있을 때)
  • const(이후 재할당이 불가)

• 값 (Data)

  • 숫자
  • 문장
  • 논리
  • 객체
    • 객체는 일종의 버스임
    • 버스에는 승객을 계속해서 추가할 수 있음
    • 복잡한 자료를 만들 때 사용됨
  • 함수

2대 제어 요소

• 조건문: if, else if, else

  연산자	의미
  =	값 저장
  ==	값만 비교
  ===	값 + 타입 비교
  !=	값만 다름 비교
  !==	값 + 타입 다름 비교

if ( 1 == 1 && 2 == 2 && 3 == 3 && 4 == 5 ) {
  console.log("false");
}

if ( true && true && true && false ) {
  console.log("false");
}

• 반복문: while, for

변수
while (조건문) {
	//실행
    증감 연산자
}

for (변수; 조건문; 증감 연산자) {
	//실행
}

• 함수: function -> 함(상자)수

  • 호이스팅
    함수를 변수 안에 담는 것

  • 매개변수는 함수 안에서 자동으로 선언되는 지역 변수라서 따로 let이나 var로 선언할 필요가 없음

  • typeof
    어떤 타입인지 알려 주는 것

    console.log(typeof 42);
    // Expected output: "number"
    
    console.log(typeof "blubber");
    // Expected output: "string"
    
    console.log(typeof true);
    // Expected output: "boolean"
    
    console.log(typeof undeclaredVariable);
    // Expected output: "undefined"
    

객체

개념	설명
객체 생성	{}
속성 접근	obj.key, obj[key]
속성 수정	obj.key = value
메서드	객체 안의 함수
this	현재 객체
반복문	for...in
구조분해	{ name } = obj
객체 복사	{ ...obj }
JSON	데이터 교환 형식

배열

• 객체는 key, value 값
• 배열은 나열하는 값
• 객체와 배열은 여러 개의 값을 가질 수 있음
• 객체와의 차이점
  • 배열: 0번째 인덱스부터 오름차순으로
  • 전체 탐색하는 것에 유리함
  • 특정 데이터를 탐색하는 것에 있어서는 번거로울 수 있음

for (var i = 0; i < arr1.length, i++) {
}
// 0번째 인덱스부터 끝까지 순회