스터디/프론트 cs 스터디(23.08-23.11) 14

# 자바스크립트 예상 질문 -4 (자바스크립트 이벤트 처리 과정)

- 자바스크립트에서 비동기 로직이 어떻게 동작하는지 설명해주세요. : 비동기 함수가 호출되면, 해당 함수의 내부 로직은 백그라운드 스레드에서 실행됩니다. Event Loop는 반복해서 call stack과 queue 사이의 작업들을 확인하고, call stack이 비워있는 경우 queue에서 작업을 꺼내어 call stack에 넣는다. 자바스크립트는 Event Loop와 Queue들을 이용하여 비동기 작업을 수행한다. 직접적인 작업은 Web API에서 처리되고, 그 작업들이 완료되면 요청시 등록했던 callback이 queue에 등록된다. Event Loop는 이 작업들을 Queue에서 꺼내어 처리한다. Event Loop는 stack에 처리할 작업이 없을 경우 우선적으로 microtask queue를 ..

# 자바스크립트 예상 질문 - 3

- ES6에서 새로 생긴 기능을 말씀해주세요. (26번) 1. let과 const let: 블록 스코프 지역 변수를 선언합니다. const: 재할당이 불가능한 변수(상수)를 선언합니다. 2.화살표 함수 3. 클래스 4. 모듈 : import와 export 키워드를 사용하여 모듈을 가져오고 내보낼 수 있습니다. 5.프로미스 : 비동기 작업의 완료나 실패를 나타내는 객체입니다. 6. 템플릿 리터럴(백틱) : 문자열 내에서 변수와 표현식을 쉽게 포함시킬 수 있는 새로운 문자열 문법입니다. 7. 스프레드 연산자와 Rest 연산자: 배열이나 객체를 확장하거나, 나머지 매개변수를 사용하여 함수 내에서 배열로 받아올 수 있습니다. 8. Symbol 타입 : 완전히 새로운 유일하고 변경 불가능한 원시 타입입니다. 9...

# 자바스크립트 예상 질문 - 2

- AJAX에 대해 설명해주세요. (11번) :AJAX는 비동기식 자바스크립트 XML의 약자로, HTML만으로 어려운 다양한 작업을 웹페이지에서 구현해 이용자가 웹페이지와 자유롭게 상호 작용할 수 있도록 하는 기술입니다. 웹 페이지를 리로드하지 않고도 서버와 데이터를 교환할 수 있는 방법을 의미합니다. 웹 페이지의 동작을 개선하고 사용자 경험을 향상시키기 위해 사용됩니다. AJAX의 핵심 구성 요소로는 JavaScript, XMLHttpRequest 객체,XML이 있습니다. 자바스크립트는 웹 페이지의 동작을 제어하며, 서버로부터 받은 데이터를 처리하고 사용자 인터페이스를 업데이트하는 데 사용됩니다. XMLHttpRequest 객체는 자바스크립트에서 서버와 비동기식으로 데이터를 교환하는 데 사용되고, 웹 ..

# 자바스크립트 예상 질문 - 1

1. 자바스크립트는 무슨 언어인가요? : 웹 개발에 사용되는 언어로, HTML, CSS와 함께 웹을 구성하는 요소 중 하나입니다. 웹 페이지의 동적인 요소를 다루는 데 주로 활용되는 언어 입니다. 2. 변수 선언, 초기화, 할당의 차이점에 대해 설명해주세요. : 변수를 처음 만들고, 어떤 종류의 데이터가 저장될지 데이터 타입을 정의 하는 것이 변수선언, 변수에 처음에 값을 할당하는 것을 변수 초기화라고 하고 값 할당은 선언된 변수에 값을 대입해주는 것을 말합니다. 예시를 들자면, let a;라고 해주는 것이 변수 선언이고, 그 후 a=2;라고 a에 값을 처음 넣어주는 것을 변수 초기화, a=5; 라고 이미 선언된 변수에 값을 넣는 것을 말합니다. 3. 데이터 타입에 대해 설명해주세요. : 변수나 상수에 ..