언어의 기초

프론트엔드에서 기초 문법과 개념들을 알아봤다.

*- ✅ 변수와 데이터 타입 (var, let, const, string, number, boolean, array, object 등)

• ✅ 연산자 (+, , , /, %, ++, -, ==, === 등)
• ✅ 조건문과 반복문 (if, else, switch, for, while, do...while)
• ✅ 함수 (function, return, arrow function, callback)
  (미션지에서 가져왔다.)

여기서 내가 모르는 문법들을 알아봤다.

var

• 변수를 선언하는 옛날 방식
• var보다 let 이나 const가 권장된다. (하지만 계속 사용 됨)
• 재선언이 가능하나 마지막 할당값이 반영 됨 (let,const는 X)

boolean

• 논리적 값을 나타낸다. (데이터타입)

• true , false 두가지 값만 가질 수 있다.

• 예시

let isActive = true;
let isLoggedIn = false;

console.log(isActive); // true
console.log(isLoggedIn); // false

• 주로 조건문에서 조건을 판단하는 데 사용된다.
• 예시

let age = 20;

if (age >= 18) {
console.log("성인입니다.");
} else {
console.log("미성년자입니다.");
}
console.log(age) // 20
성인입니다.

array (중요할 듯하다)

• 여러 값을 하나의 변수에 저장 할 수 있다.
• 인덱스를 통해 접근 [ // ]
• new Arrat( // ) 도 사용 가능 하지만 위의 방법이 직관적
• 배열의 길이는 .length를 사용하여 구할 수 있고 배열의 요소는 0부터 시작한다. 배열에 마지막 요소에 접근하려면 .length - 1을 사용하면 된다.
  -push, pop, shift, unshift, splice, forEach, map, filter, find (메서드)를 사용해 추가,제거, 변환할 수 있다.

object (얘도)

• 속성과 값의 쌍을 저장한다.
• 동적으로 속성을 추가하거나 수정할 수 있으며, 중첩된 객체도 생성할 수 있다.
• 메서드를 활용하여 동작을 정의할 수 있으며, 다양한 유용한 메서드들이 제공된다.(Object.keys(), Object.assign() 등)
• 복잡한 데이터를 효율적으로 처리하는 데 중요한 역할을 한다.
• 예시

let person = {
name: "jaeeun"
age: 30,
greet: function() {
console.log("안녕하세요, " + this.name + "입니다.");
}
};

person.greet(); //"안녕하세요, jaeeun입니다."

==와 ===

• ==과 ===의 차이점 요약
• ==(동등 연산자): 타입 변환 후 값을 비교합니다.
• 예: 5 == "5"는 true (형 변환 후 값이 같음)
• 예: true == 1은 true (형 변환 후 값이 같음)
• ===(일치 연산자): 타입과 값을 모두 동일하게 비교합니다.
• 예: 5 === "5"는 false (타입이 다름)
• 예: true === 1은 false (타입이 다름)

function 과 arrow function

• function은 function 키워드를 사용하여 함수를 정의
• arrow function은 =>(화살표)를 사용하여 함수를 정의

우선 낯선 단어와 명령어들을 간단히 정리 해 보았다.