이 문제들을 다 풀면 웹 아키텍쳐 정복!

 

출처: 코드스테이츠

Q. 웹 아키텍쳐 전반을 간단히 설명하고자 합니다.  다음 문장에서 빈 칸에 들어갈 키워드를 알맞게 나열하면?

- 클라이언트는 인터넷에 연결된 사용자의 디바이스, 또는 웹에 접근할 수 있는 소프트웨어를 뜻한다.  대표적인 예로 [A]가 있는데, [A]는 HTML, CSS, JavaScript 등으로 작성된 코드를 내부 엔진으로 해독하여 사용자가 쉽게 이해할 수 있는 형태의 컨텐츠로 보여주는 역할을 한다. - 서버는 클라이언트가 어떤 자원을 요청하면 해당 요청을 적절하게 처리하는 역할을 한다. 클라이언트는 서버의 자원을 어떻게 사용할 수 있는지 명시해 둔 인터페이스 [B]에 따라 요청을 전송한다. - 이렇게 클라이언트와 서버가 서로 요청과 응답을 주고받을 수 있는 것은 [C]라는 통신 규약 덕분이다.

 

정답을 쉼표(,)로 구분하여 적어주세요! (정답1,정답2,정답3)

 

정답 

브라우저,API,HTTP

 

 

 

Q. 클라이언트-서버 모델에서, 클라이언트와 서버의 역할에 대한 다음의 설명 중 틀린 것은?

A 서버: 이미지, 텍스트 문서 등 여러 리소스를 저장하는 공간이다.

B 클라이언트: 유저와의 전반적인 상호작용을 담당한다.

C 서버: 클라이언트의 요청에 따라 적절한 응답을 되돌려 준다.

D 클라이언트: 서버로부터 받은 응답에 따라 다른 화면을 표시한다.

 

answer

A

 

 

Q. AJAX에 대한 다음 설명 중 옳지 않은 것은?

 

A AJAX 도입 전에는 XMLHttpRequest를 이용하여 정적으로 페이지 랜더링을 했다.

B AJAX를 통해 클라이언트는 필요한 데이터만 서버를 통해 비동기적으로 받고, 페이지의 일부만 동적으로 업데이트 할 수 있다.

C 비동기적인 웹앱 제작을 위한 웹 개발 기법이다.

D Fetch API를 통해 AJAX 요청을 보낼 수 있다.

 

answer

A

 

Q. 다음 중 fetch, XMLHttpRequest, jQuery ajax 메소드의 공통점은 무엇일까요?

A 클라이언트 측에서, 서버에 자원을 요청하고 받아 오기 위해 사용하는 API다.

B 메소드 체이닝 방식을 통해 사용할 수 있어 가독성이 좋다.

C 웹 API로서 별도의 라이브러리 설치 없이 사용 가능하다.

 

answer

A

 

 

Q. fetch API를 사용하여 http://codestates.com/에 get 요청을 보내고, 받은 response의 body를 json 형태로 바꾸어 콘솔에 출력하려 합니다. 빈 칸에 들어갈 내용을 순서대로 채워 주세요.

 

 

정답을 쉼표(,)로 구분하여 적어주세요! (정답1,정답2,정답3)

 

answer

res.json(),then,catch