[42~43장] 12회차 문제 - 한수정

[hansoojeongsj]

Q1. 책을 참고해서 빈칸을 채워주세요.

자바스크립트의 (____)을 지원하는 것이 바로 이벤트 루프이다.

자바스크립트 엔진은 크게 (____)과 (__) 영역으로 구분할 수 있다.

비동기 함수인 setTimeout의 콜백 함수는 (_____)에 푸시되어 대기하다가 ()이 비게 되면, ()에 푸시되어 실행된다.

모든 자바스크립트 코드가 자바스크립트 엔진에서 싱글 스레드로 동작한다면 자바스크립트는 (___)로 동작할 수 없다.

자바스크립트 엔진은 ()로 동작하지만 브라우저는 ()로 동작한다.

Q2. 동기 처리 방식과 비동기 처리 방식의 장단점을 적어주세요.

Q3. Ajax와 전통적 방식을 비교했을 때, Ajax의 장점을 서술해주세요.

Q4. CRUD가 무엇인지 간단히 서술해주세요.

[KIMGEONHWI]

A1.

자바스크립트의 (동시성)을 지원하는 것이 바로 이벤트 루프이다.
자바스크립트 엔진은 크게 (콜 스택)과 (힙) 영역으로 구분할 수 있다.
비동기 함수인 setTimeout의 콜백 함수는 (태스크 큐)에 푸시되어 대기하다가 (콜 스택)이 비게 되면, (콜 스택)에 푸시되어 실행된다.
모든 자바스크립트 코드가 자바스크립트 엔진에서 싱글 스레드로 동작한다면 자바스크립트는 (비동기)로 동작할 수 없다.
자바스크립트 엔진은 (싱글 스레드)로 동작하지만 브라우저는 (멀티 스레드)로 동작한다.

A2.

동기 처리 방식

장점:

설계가 매우 간단하고 직관적이다

태스크를 순서대로 하나씩 처리하므로 실행 순서가 보장된다

코드의 흐름을 이해하기 쉽다

단점:

결과가 주어질 때까지 아무것도 못하고 대기해야 하는 블로킹이 발생한다

앞선 태스크가 종료할 때까지 이후 태스크들이 블로킹된다

I/O 바운드 작업에서는 성능이 떨어질 수 있다

비동기 처리 방식

장점:

결과가 주어지는데 시간이 걸리더라도 그 시간 동안 다른 작업을 할 수 있어 자원을 효율적으로 사용할 수 있다

현재 실행 중인 태스크가 종료되지 않은 상태라 해도 다음 태스크를 곧바로 실행하므로 블로킹이 발생하지 않는다

I/O 바운드 작업에서 큰 성능 향상이 가능하다

단점:

동기보다 복잡하다

태스크의 실행 순서가 보장되지 않는다

동시에 여러 작업을 관리해야 하므로 메모리 사용량이 증가할 수 있다

A3.

1. 변경할 부분을 갱신하는 데 필요한 데이터만 서버로부터 전송받기 때문에 불필요한 데이터 통신이 발생하지 않는다.
2. 변경할 필요가 없는 부분은 다시 렌더링하지 않는다. 따라서 화면이 순간적으로 깜박이는 현상이 발생하지 않는다.
3. 클라이언트와 서버와의 통신이 비동기 방식으로 동작하기 때문에 서버에게 요청을 보낸 이후 블로킹이 발생하지 않는다.

A4.

CRUD는 Create, Read, Update, Delete의 약어로 데이터베이스와 같은 시스템에서 기본적인 데이터 처리 기능을 의미

[rtttr1]

A1.

1. 비동기
2. 힙, 콜스택
3. 테스크 큐, 콜 스택
4. 비동기
5. 동기, 비동기

A2.

동기 처리 방식은 실행 순서를 보장할 수 있다는 장점이 있다.
하지만 블로킹이 발생하여 성능이 떨어질 수 있다는 단점이 있다.

비동기 처리 방식은 블로킹이 발생하지 않아 성능이 좋아지는 장점이 있다.
하지만 실행 순서가 보장되지 않아 결과를 예측할 수 없는 단점이 있다.

A3.

변경이 필요한 부분만 요청하여 리랜더링 해주기 때문에 성능상 이점이 존재한다.

A4.

서버의 데이터베이스를 조작하는 기본 연산들을 의미한다.

[constantly-dev]

A1.

• 자바스크립트의 동시성을 지원하는 것이 바로 이벤트 루프이다.
• 자바스크립트 엔진은 크게 콜 스택과 힙 영역으로 구분할 수 있다.
• 비동기 함수인 setTimeout의 콜백 함수는 테스크 큐 에 푸시되어 대기하다가 콜 스택이 비게 되면, 콜 스택에 푸시되어 실행된다.
• 모든 자바스크립트 코드가 자바스크립트 엔진에서 싱글 스레드로 동작한다면 자바스크립트는 비동기로 동작할 수 없다.
• 자바스크립트 엔진은 싱글 스레드로 동작하지만 브라우저는 멀티 스레드로 동작한다.

A2.

동기 처리

• 장점 : 실행 순서가 코드 순서 그대로 이어져 파악과 유지 보수가 쉽다. 따라서 크게 코드 작성에 어려움이 없다.
• 단점 : 오래 걸리는 테스크가 중간에 들어오면 그 테스크가 끝날 때까지 다음 코드를 실행할 수가 없다. (=블로킹).

비동기 처리

• 장점 : 수행 시간이 긴 작업이 있다고 해도 블로킹이 없기 때문에 효율적이다.
• 단점 : 테스크의 실행 순서를 보장하지 않는다.

A3.

변경할 부분만 갱신하기 때문에 불필요한 통신이 없고, 그래서 깜빡이는 현상도 없어졌다.

A4.

C : Create
R : Read
U : Update
D : Delete

[heesunee]

A1.
자바스크립트의 (비동기 처리)을 지원하는 것이 바로 이벤트 루프이다.
자바스크립트 엔진은 크게 (콜스택)과 (힙) 영역으로 구분할 수 있다.
비동기 함수인 setTimeout의 콜백 함수는 (태스크 큐)에 푸시되어 대기하다가 (콜스택)이 비게 되면, (콜스택)에 푸시되어 실행된다.
모든 자바스크립트 코드가 자바스크립트 엔진에서 싱글 스레드로 동작한다면 자바스크립트는 (비동기)로 동작할 수 없다.
자바스크립트 엔진은 (싱글 스레드)로 동작하지만 브라우저는 (멀티 스레드)로 동작한다.

A2.
동기 처리방식: 코드가 순차적으로 실행되어 이해하기 쉽고, 예측 가능하지만, 한 작업이 끝날때까지 기다려야 한다.
비동기 처리방식: 여러 작업을 동시에 처리할 수있지만, 실행 순서를 예측하기 어렵다.

A3. 필요한 데이터만 서버와 주고받아 갱신할 수 있어 사용자는 웹페이지를 끊김 없이 사용할 수 있다.

A4.
Create, Read, Update, Delete
데이터 처리의 기본적인 네가지 기능

[hansoojeongsj]

A1. 책을 참고해서 빈칸을 채워주세요.

자바스크립트의 ( 동시성 )을 지원하는 것이 바로 이벤트 루프이다.

자바스크립트 엔진은 크게 ( 콜 스택 )과 ( 힙 ) 영역으로 구분할 수 있다.

비동기 함수인 setTimeout의 콜백 함수는 ( 태스크 큐 )에 푸시되어 대기하다가 ( 콜 스택 )이 비게 되면, ( 콜 스택 )에 푸시되어 실행된다.

모든 자바스크립트 코드가 자바스크립트 엔진에서 싱글 스레드로 동작한다면 자바스크립트는 ( 비동기 )로 동작할 수 없다.

자바스크립트 엔진은 ( 싱글 스레드 )로 동작하지만 브라우저는 ( 멀티 스레드 )로 동작한다.

---

A2. 동기 처리 방식과 비동기 처리 방식의 장단점을 적어주세요.

동기 처리 방식은 태스크를 순서대로 하나씩 처리하므로 실행 순서가 보장된다는 장점이 있다.

동기 처리 방식은 앞선 태스크가 종료할 때까지 이후 태스크들이 블로킹 되는 단점이 있다.

비동기 처리 방식은 현재 실행 중인 태스크가 종료되지 않은 상태라 해도 다음 태스크를 곧바로 실행하므로 블로킹이 발생하지 않는다는 장점이 있다.

비동기 처리 방식은 태스크의 실행 순서가 보장되지 않는 단점이 있다.

---

A3. Ajax와 전통적 방식을 비교했을 때, Ajax의 장점을 서술해주세요.

변경할 부분을 갱신하는 데 필요한 데이터만 서버로부터 전송받기 때문에 불필요한 데이터 통신이 발생하지 않는다.

변경할 필요가 없는 부분은 다시 렌더링하지 않는다. 따라서 화면이 순간적으로 깜빡이는 현상이 발생하지 않는다.

클라이언트와 서버와의 통신이 비동기 방식으로 동작하기 때문에 서버에게 요청을 보낸 이후 블로킹이 발생하지 않는다.

A4. CRUD가 무엇인지 간단히 서술해주세요.

CRUD는 Create, Read, Update, Delete의 약자로, 데이터를 다루는 기본적인 네 가지 기능을 의미한다.

• Create (생성): 데이터를 새로 만드는 작업 (예: POST)
• Read (조회): 데이터를 읽거나 가져오는 작업 (예: GET)
• Update (수정): 기존 데이터를 수정하는 작업 (예: PUT, PATCH)
• Delete (삭제): 데이터를 삭제하는 작업 (예: DELETE)

즉, CRUD는 웹 개발에서 주로 사용하는 데이터 처리의 기본 원칙이다.