Web

1. Web이란 무엇인가?

   World Wide Web(WWW)의 줄임말으로서 인터넷을 통해 연결되어 있는 컴퓨터를 통해 사람들이 정보를 공유하는 공간

2. HTML이란 무엇인가?

   Hyper Text Markup Language의 약어로 일반적인 텍스트 뿐만 아니라 링크,이미지,동영상 등등을 표현가능한 마크업 언어이다.

3. CSS는 무엇인가?

   Cascading Style Sheets의 약자로 documents가 사용자에게 어떻게 보여질까를 기술하는 언어

4. Javascript는 왜 만들어졌는가?

   HTML+CSS로는 정적인 웹페이지 밖에 만들 수 없다. 사용자의 요구에 따라 동적으로 변하는 dynamic한 웹페이지를 만들기 위해 만들어졌다.

5. 우리에게 하나의 웹페이지가 전달되기까지의 과정을 다음 키워드를 포함하여 설명하시오.

   • 키워드 : browser, url, http, server, client, HTML, 동적

   client가 browser를 이용해 웹 url을 입력하게 되면 브라우저는 DNS 서버로 가서
   ip주소를 찾고 http 요청메세지와 함께 웹페이지 url정보로 변환된다.
   웹 server는 요청에 필요한 페이지의 로직이나 DB의 연동을 위해 WAS에게 동적인 페이지 처리를 요청하고
   DB에서 데이터 정보를 받아온다. 받아 온 정보는 http응답 메세지와 함께 클라이언트로 보낸다.
   도착한 데이터는 웹 브라우저에 의해 출력되어 사용자가 볼 수 있게 된다.

6. FrontEnd와 BackEnd와 browser 그리고 AJAX의 관계를 설명하시오.
   
   

frontend는 클라이언트의 웹브라우저를 통해 사용자가 직접적으로 사용하는 부분과 관련된 영역을 의미하고, backend는 사용자가 직접적으로 사용하거나 보지 않는 영역으로 보통 데이터 저장, 검색, 조작 등 서버에서 일어나는 작업과 관련된 영역을 의미한다.
사용자가 웹브라우저를 통해 서버 쪽에 요청을 보내면 이것을 처리하는 영역이 backend이고, backend에서 요청에 따른 응답을 보내주면 이것을 바탕으로 클라이언트의 웹브라우저에 보여질 부분을 처리하는 것이 frontend이다.
이때 전통적인 방식으로는 요청을 하고 응답하는 과정에서 페이지 전체를 리로드 했지만, 이것은 간단한 것 하나를 바꾸는데에도 페이지 전체를 리로드해야 했기 때문에 비효율적이었다. 이때 AJAX가 등장하는데, AJAX를 통해 비동기적으로 frontend 영역에서 backend영역에 요청을 보내 JSON이나 XML과 같은 형태로 필요한 데이터만 받아 그 부분만 변경하기 때문에 페이지 전체를 리로드할 필요가 없어져 효율적이다. 예를들어 게시판에서 페이지를 이동하는데 좀 오래된 사이트들은 화면이 깜빡이면서 넘어가는 반면에 최근에 만들어진 사이트들은 그런것 없이 넘어간다. 이것이 AJAX를 활용하여 비동기적으로 요청을 보내 페이지 전체를 새로 받는 것이 아닌 특정 부분에 필요한 데이터만 받아 그 부분만 갱신을 하는 방식이다.

7. API는 뭐고, REST API는 무엇인가?

   rest : 웹상에서 존재하는 자원을 고유한 url로 구분하여 자원정보를 주고받는것.
   api : 소프트웨어가 다른 소프트웨어로부터 지정된 형식으로 정보를 교환하는 인터페이스
   rest api : REST(REpresentational State Transfer)특징을 지키면서 API를 제공하는 것을 의미한다.

8. SPA는 무엇인가?

   Single Page Application의 약자이다. 기존의 웹은 Client가 서버에 새로운 요청을 보낼 때마다 페이지를 다시 랜더링하는 방식이었다. 하지만 SPA에서는 가장 기본이 되는 큰 페이지를 초기에 랜더링을 하고 그 후부터는 서버와의 Ajax통신을 통해 정보를 주고받고 이를 동적으로 부분부분만 변환하는 방식이다.

9. Session과 Cookie는 무엇인가?

   두 가지 방법 모두 클라이언트에서 사용자 인증을하는 경우가 늘어나면서 사용자의 정보 등을 유지하기 위해 나타났다. 쿠키는 서버에서 사용자의 웹브라우저에 정보를 저장하고 이를 서버에 요청을 보낼때 같이 보낸다. 세션은 쿠키와 달리 서버측에 여러 사용자들의 정보가 저장이 된다. 그리고 서버로부터 각 사용자는 세션id를 부여받는데 이를 쿠키의 형태로 가지고있다가 이것만 서버에 요청할때 같이 보낸다. 보안상 쿠키는 사용자의 정보 전체를 보내고, 세션은 id만 보내기 때문에 세션이 더 안전하다.

10. 각 브라우저 환경 마다 다른 지원 설정 때문에 사용하면 안되는 기술이 있습니다.

    • 이때는 caniuse.com을 참고 합시다.