JavaScript 면접 예상 질문?

1. 자바스크립트란
   네이버, 구글과 같은 웹 페이지를 동적으로 만들기 위해 개발된 프로그래밍 언어
   
   
2. 라이브러리와 프레임워크의 차이는?
   1) 라이브러리 : 개발자가 특정 기능을 수행할 수 있도록 제공하는 도구 모음, 필요할 때 호출해서 사용할 수 있다. Numpy, Pandas 등이 있음
   2) 프레임워크 : 전체 애플리케이션 개발을 위한 기본 구조를 제공, 개발자가 그 틀 안에서 필요한 코드를 작성
   
   
3. 자바스크립트의 타입 분류?
   1) 원시 타입 자료형 : 프로그램이 실행되는 도중에 단 하나의 값만 가지는 SYMBOL형 : BigInt, 문자, boolean, null, undefined
   2) 비원시 타입 자료형 : 한 번에 여러 개의 값을 가지는 타입 : 객체, 함수, 배열
   
   
4. Infinity와 Nan에 대해서 설명?
   1) Infinity : 무한대를 나타내는 값으로, 어느 숫자든지 0으로 나누는 경우 반환되는 값이기도 하다
   2) NaN : 숫자가 아니라는 의미를 가지고 있고 문자열을 숫자로 나누는 것과 같이 부정확한 연산을 할 경우 반환되는 값같은 경우이다
   
   
5. null과 undefined의 차이에 대해서 설명?
   1) null : 오직 null 값만 포함하는 자료형으로 사용되고 존재하지 않거나 알 수 없는 값을 나타낼 때 사용
   2) undefined : 변수에 값이 할당되지 않은 상태일 때 자동으로 undefined 값이 할당됨!
   
   
6. === 연산자와 == 연산자의 차이점?
   1) === 연산자 : 두 값과 두 변수의 자료형까지 같은지를 비교하는 연산자
   2) == 연산자 : 두 값의 자료형은 비교하지 않고, 오직 값이 일치하는지를 비교하는 연산자
7. let과 var의 차이점 +const?
   1) let
   - 재할당 가능 여부 : 가능
   - 스코프 : 블록 스코프
   - 호이스팅 : 선언만 호이스팅되며 TDZ 적용
   - 초기화 필수 여부 : 선택
   - 추천 상황 : 값이 변경될 가능성이 있을 때
   
   2) var
   - 재할당 가능 여부 : 가능
   - 스코프 : 함수 스코프
   - 호이스팅 : 선언과 초기화 모두 호이스팅됨
   - 초기화 필수 여부 : 선택
   - 추천 상황 : 사용 비추천(오래된 방식)
   
   3) const
   - 재할당 가능 여부 : 불가능
   - 스코프 : 블록 스코프
   - 호이스팅 : 선언만 호이스팅되며 TDZ 적용
   - 초기화 필수 여부 : 선언 시 반드시 초기화 필요
   - 추천 상황 : 값이 변경되지 않아야 할 때
   
   
   
8. 호이스팅이란?
   아직 선언되지 않은 함수나 변수를 해당 스코프의 맨 위로 끌어올려서 사용하는 것처럼 보이게 하는 js의 동작 방식
   
   
9. 구조분해할당이란?
   배열 요소나 객체의 프로퍼티를 분해해서 그 값들을 각각의 변수에 할당하는 자바스크립트 표현식('...'기호를 사용)
   
   
10. spread와 rest
    1) spread
    - 특정 배열의 요소나 객체의 프로퍼티 값을 펼치는 역할을 한다
    - 동일한 코드를 여러 번 작성해야 하는 과정에서 코드를 더욱 간단하게 작성할 수 있다
    - 순서에 상관없이 여러 번 반복해서 사용할 수 있다
    
    2) rest
    - 특정 부분을 하나의 배열이나 객체로 묶는 역할을 하는 문법
    - 객체에서 rest는 구조 분해 할당과 함께 사용되며, 원하는 값들을 꺼내고 나머지 값을 별도로 묶어서 할당할 수 있다
    - rest 문법은 spread와는 다르게 순서에 상관없이 여러번 작성할 수 없고, 항상 맨 마지막에 작성해야 하기 때문에 주의해서 작성해야 한다
    
    
11. promise 객체란?
    - js에서 특정 작업을 비동기로 처리할 때 사용하는 객체
    - 프로미스 객체는 객체 생성 시 인수로 excutor라는 실행 함수를 전달하고, 실행 함수에는 매개변수로 resolve와 reject라는 콜백함수를 전달한다 
    - 프로미스 객체가 생성됨과 동시에 excutor가 실행되고, excutor에서 원하는 작업이 처리된다
    - 프로미스 객체의 excutor는 작업 처리의 성고 여부에 따라 성공했을 경우 resolve, 실패했을 경우 reject가 호출된다
    
    
12. async & await란?
    1) async
    - "비동기 작업을 약속(Promise)하는 함수"를 표시하는 간판 같은 역할입니다.
    - 간판(async)을 보면 "이 함수는 나중에 결과를 줄 거야"라고 알 수 있습니다.
    - 함수에 async를 붙이면 자동으로 Promise를 반환합니다.
    - 비동기 작업을 포함하고 있는 프로미스 객체를 반환하는 함수에 작성하는 키워드이기때문에, async를 작성하면 코드를 더 직관적으로 해석할 수 있다
    
    2) await
    - async 함수 안에서만 사용할 수 있는 키워드로, 비동기 작업(Promise)이 끝날 때까지 기다렸다가 그 결과를 반환합니다.
    - await는 마치 식당에서 음식이 나올 때까지 기다리는 손님과 같은데, 손님은 음식을 기다리지만, 음식이 나올 때까지 다른 사람과 대화를 할 수도 있음(비동기 작업)
    
    
13. JSON이란?
    - 데이터를 텍스트 형식으로 저장하고 교환하기 위해 사용하는 가볍고 읽기 쉬운 데이터 포맷
    - 웹 애플리케이션에서 클라이언트와 서버 간 데이터를 주고받을 때 사용
    - JSON은 JavaScript 문법을 기반으로 하지만, Python, Java, C++, PHP 등 거의 모든 프로그래밍 언어에서 사용 가능
    - 키-값 쌍으로 데이터를 표현
    
    
14. DOM이란?
    - 자바스크립트는 DOM을 통해 웹 페이지 요소에 접근할 수 있다
    - DOM을 사용하면 HTML 문서를 동적으로 수정, 추가, 삭제하고 사용자와 상호작용할 수 있습니다.
    - 주요 객체: document, Node, 요소 노드 등
    - 주요 메서드: getElementById, querySelector, createElement, appendChild 등
    - DOM은 웹 페이지를 트리 구조로 표현하며, JavaScript를 통해 동적으로 조작할 수 있는 인터페이스입니다.
    
    
15. 로컬 스토리지란?
    - 웹 브라우저의 데이터를 저장할 수 있는 저장소와 같은 기능
    - 로컬 스토리지를 사용하면 사용자가 브라우저를 종료하더라도 기존에 웹 페이지 내에서 저장한 데이터를 계속 유지할 수 있다
    - 로컬 스토리지는 텍스트 데이터만 저장할 수 있기 때문에 객체 혹은 배열 형태의 데이터를 로컬 스토리지에 저장하려면 데이터를 문자열로 변환해야 한다
    - JSON 객체에는 특정 문자열을 자바스크립트 객체로 변환하는 JSON.parse(), 특정 객체를 JSON 형태로 변환하는 JSON.stringify() 메서드가 있다