✏ 2_1 ~ 2_6 (P. 81~ P.173)

2_1. 서버는 뭐고 AWS는 뭔가요?

• 서버 & 클라이언트

  • 역할의 개념으로 이해 하면 됨.
  • ‘무엇이다. ‘라고 정의할 수 있는게 아니라 상황에 따라 제공을 하는쪽인지 받는쪽인지
  • 데이터를 제공하는쪽 = 서버
  • 데이터를 받는쪽 = 클라이언트
  • 정보/서비스를 저장하고 있다가 필요한 경우에 네트워크를 이용해 사용자의 매체로 전달

  (+ 웹 서버

• 데이터 센터 / IDC

  • 관리를 잘 할 수 있는 전문가들이 있는 전문 시설
    • 해킹으로 부터 안전
    • 안정적인 네트워크
    • 화재/정전 등의 사고 방지/빠른대처
  • 서버들의 호텔
  • 서버 호스팅
    • 데이터 센터를 소유하지 않은 개인/기업에게 서버를 임대해줌
    • 데이터 센터의 서버에 접속해서 내 컴퓨터 처럼 사용할 수 있게
  • 온프레미스 : 회사에서 자체적으로 서버를 갖추고 관리하는 것

  (+ 온프레미스 VS 서버호스팅

  • 온프레미스 : 서버에 관한 모든 것을 직접 관리할 수 있음. 대신 이 것을 관리할 전문가.환경.비용이 필요

  • 서버 호스팅 : 관리 환경을 위한 비용을 절약 가능하지만, 데이터를 외부에 둬야함.

  • 단순 서버 호스팅

    : 사용 가능한 공간이 한정 돼 있어, 사용자가 몰리면 컴퓨터가 다운될 수 있음

    : 서버에 대한 많은 지식을 숙지해야하므로 개인/소기업 에는 부담스러울 수 있음

• 클라우드 컴퓨팅

  • 컴퓨팅 서비스를 인터넷으로 제공하는 방식
  • 서버 호스팅과 달리, 가상화 기술을 사용하여 사용자가 요청시 필요한 만큼 사용하고 비용을 지불하는 방식

  (+ 학교에서 배웠었는데.. 좀 더 딥한 내용 찾아보기

  • 필요시에 따라 사용량을 탄력적으로 조절 가능
  • 서버관리시에 필요한 어려운 기술적 요소들도 제공
  • 전문가가 딱히 필요 없음

  (+ 요즘은 온프레미스에서 클라우드로 넘어오는 추세

  • 서버가 회사 외부에 있음. 높은 비용. 제한 된 자유
  • 클라우드 서비스 종류

    • 클라우드의 업체가 ‘어디까지’ 해주는가

    • IaaS

      • 딱 서버용 인프라. 가상화된 서버 컴퓨터를 대여해주는 서비스

      • 단순 호스팅과 크게 다를바 없음

      • 서버 설정부터 서비스 운영까지 대여자가 직접 수행해야함

        = 이용자의 자유도가 높음 → 손이 많이 감

      Ex) 마이크로 소프트, IBM, AWS_EC2

    • PaaS

      • 사용자가 app개발에만 집중 할 수 있게끔 서비스, 즉 플랫폼 제공
      • app 개발만 하면 손쉽게 실행, 배포할 수 있는

      Ex) AWS_일래스틱 빈스토크, 헤로쿠

      ⇒ 소스코드 업로드 만으로 웹사이트와 같은 온라인 프로그램을 서비스 가능

    • SaaS

      • 소프트웨어가 이미 완성된 형태
      • 사용료만 지불하고 바로 사용하면 됨.
      • 이미 제공되어진 것 이기 때문에 사용에 불필요한 기능들도 있음

      Ex) 구글 드라이브, 네이버 N클라우드, 드롭박스 등

각자의 상황을 고려하여 적합한 방식을 선택해야 함

2_2. 웹사이트는 어떻게 만들어지나요?

• 웹사이트 란?

  • 브라우저(웹 브라우저)

    : 인터넷에서 웹 페이지를 볼 수 있게하는 응용 프로그램

    : 검색엔진?

    : html형식의 문서를 읽는데 사용

• 웹 사이트 구성 요소

  • html(HyperText Markup Language)

    • 웹페이지에 어떤 요소를 어떻게 놓을지 배치하는 설계도.구조도

      (+ 마크업 언어 : 문서나 데이터의 구조를 표현하는데 사용되는 언어

    • 어떠한 논리/지시가 없는 그저 화면에 가져다 놓기만 하는

  • css(style sheet language)
    • 웹페이지에 올려지기만 한 html을 꾸미는. 디자인적인 요소를 추가하는 역할
    • 단순히 디자인의 속성을 지정해주는 역할이기 때문에 스타일 언어
  • 자바스크립트
    • 웹 페이지에 동적인 기능을 구현하는 프로그래밍 언어.
    • html과 css가 그저 그림이였다면, output을 만들어 넣어주는.

  ⇒ html로 스케치, css로 색칠, 자바스크립트로 출력해서 제기능을 하게 해주는 웹사이트 생성!

  • 브라우저가 이 세가지 언어를 해석해 화면에 띄워 줌

• 웹표준

  • 브라우저 마다 html, css, java script 코드를 실행하는 방식에 유의미한 차이가 없도록 국제적으로 권고되는 개발자들이 브라우저 문제로부터 자유롭게 웹사이트를 프로그래밍 할 수 있도록

  (+ 마이크로소프트의 익스플로러. 많은 문제가 있었어서 2029에 종료 될 예정

• 반응형 VS 적응형

  • 사용자들의 화면 가로세로 비율과 크기가 다른 것을 고려해 웹페이지의 구조와 글꼴 크기등이 각각의 환경에 적합하게 바뀌게
  • 반응형
    • 페이지 내 요소들이 화면크기에 맞춰서 높이, 너비, 위치등을 자동으로 조절
  • 적응형
    • 모바일.PC용을 분리
    • 같은 페이지가 모바일에서는 PC와 다른 주소로 열리는 웹 페이지

2_3. 쿠키, 토큰, 캐시는 일상에서 쓰는 그 단어인가요?

• 쿠키
  • 브라우저에 저장되는 작은 텍스트 조각
  • 사용자가 갖고 있는, 입력한 정보
  • 제 3자가 조회 가능
• 세션
  • 컴퓨터 프로세서들 사이에서, 서로를 인식한 후에 데이터 송수신을 마칠 때까지의 기간
  • 클라이언트가 서버로부터 인증 받았음을 증명해주는 증서
  • 클라이언트는 서버로부터 받은 세션ID를 쿠키로 저장한 다음, 앞으로의 모든 요청에 세션ID 를 전달.
• 토큰
  • 세션ID대신 토큰을 발급
  • 해당 서버만이 만들 수 있는 토큰을 발급하는 것
  • 클라이언트 측에서 발급된 토큰을 쿠키로 저장해 두고 필요 시에 제시.
  • 서버 측은 본인이 발급해준 토큰임을 확인하고 응답
• 캐시(cache)
  • 계속 사용할 데이터는 저장해 놨다가 필요시에 꺼내 쓰면 됨.
  • 쿠키와 다르게 데이터의 전송량을 줄이고 서비스 이용속도를 높이는 것이 목적
• CDN
  • 콘텐츠 전송 네트워크
  • 지리적으로 분산 되어있는 캐시서버
  • 클라이언트의 요청을 요청지와 가까운 캐시서버로 요청을 보내서 데이터를 받아오는 것

2_4. 스마트폰 앱인데 웹사이트라고요?