[ 문제 ] javascript

javascript 정리

 

• 기본 문법
  • let, const, var: 변수를 선언할 때 사용
    • let: 블록 범위 변수 선언 (재할당 가능)
    • const: 블록 범위 상수 선언 (재할당 불가)
    • var: 함수 범위 변수 선언 (전역적으로 사용됨, 거의 사용되지 않음)

let a = 10;
const b = 20;
var c = 30;

 

 

조건문

• if, else, else if: 조건에 따라 코드 실행을 분기함

if (a > 5) {
  console.log("a is greater than 5");
} else if (a === 5) {
  console.log("a is equal to 5");
} else {
  console.log("a is less than 5");
}

 

 

반복문

• for: 반복문을 실행할 때 사용
• while: 조건이 참일 때까지 반복
• forEach: 배열을 순회할 때 사용

for (let i = 0; i < 5; i++) {
  console.log(i);
}

let j = 0;
while (j < 5) {
  console.log(j);
  j++;
}

const array = [1, 2, 3];
array.forEach((item) => {
  console.log(item);
});

 

 

함수

• function: 함수 선언
• arrow function: 간결한 함수 선언 방식

function add(a, b) {
  return a + b;
}

const multiply = (a, b) => a * b;

 

 

객체 및 배열 관련

• 객체 생성 및 접근

const person = {
  name: "John",
  age: 30
};

console.log(person.name); // "John"

 

배열 생성 및 메서드

• push(), pop(): 배열 끝에 요소 추가/제거
• shift(), unshift(): 배열 앞에 요소 추가/제거
• map(), filter(), reduce(): 배열 순회 및 변형 메서드

const numbers = [1, 2, 3, 4, 5];
const doubled = numbers.map(num => num * 2); // [2, 4, 6, 8, 10]
const evens = numbers.filter(num => num % 2 === 0); // [2, 4]
const sum = numbers.reduce((acc, curr) => acc + curr, 0); // 15

 

 

비동기 프로그래밍

• setTimeout, setInterval: 일정 시간 후 또는 일정 시간 간격으로 함수 실행
• Promise: 비동기 작업을 처리하기 위한 객체
• async/await: 비동기 코드를 동기적으로 작성할 수 있게 해줌

setTimeout(() => {
  console.log("3 seconds later");
}, 3000);

const fetchData = async () => {
  const response = await fetch("https://api.example.com/data");
  const data = await response.json();
  console.log(data);
};

 

 

DOM 조작

• document.getElementById, querySelector: DOM 요소 선택
• innerHTML, textContent: HTML 또는 텍스트 수정
• addEventListener: 이벤트 리스너 추가

const element = document.getElementById("myElement");
element.textContent = "Hello, World!";

document.querySelector("#button").addEventListener("click", () => {
  console.log("Button clicked!");
});

 

 

예외 처리

• try, catch: 예외 처리

try {
  throw new Error("Something went wrong");
} catch (error) {
  console.error(error.message);
}

 

 

클래스 및 객체 지향 프로그래밍

• 클래스 선언 및 상속

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  greet() {
    console.log(`Hello, my name is ${this.name}`);
  }
}

class Student extends Person {
  constructor(name, age, grade) {
    super(name, age);
    this.grade = grade;
  }

  study() {
    console.log(`${this.name} is studying`);
  }
}

const student = new Student("John", 20, "A");
student.greet();
student.study();

 

 

모듈

• export, import: 다른 파일에서 코드 가져오기/내보내기

// module.js
export const greet = () => console.log("Hello!");

// main.js
import { greet } from './module.js';
greet(); // "Hello!"

 

 

 

 

 

 

문제2 

문제2

 

 

문제3)

todoList