TIL(2020.12.21)

1. API란?

• Application Programming Interface. 응용프로그램 프로그래밍 인터페이스.
• 응용 프로그램에서 사용할 수 있도록 운영체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스
  • 인터페이스란?
    • 인터페이스(interface)는 컴퓨터 시스템끼리 정보를 교환하는 공유 경계
    • 운영체제나 프로그래밍 언어가 제공하는 기능을 불러오는 수단 이라고 이해
• API는 필요한 부분을 요청하고 응답을 받음. 즉, 서비스 간의 '다리' 역할
• ex) 구글 지도 api / map / 위도&경도

1-1. API vs 라이브러리 vs 프레임워크

1) api vs 라이브러리

• 라이브러리는 도구 자체임. 그러나 API는 도구를 호출하는 요청

2) 라이브러리 vs 프레임워크

• 응용 프로그램 흐름의 주도권 차이
  • 라이브러리 : 개발자가 주도 / 개발자가 라이브러리 컨트롤
  • 프레임워크 : 프레임워크의 규칙에 따라 개발

1-2. 라이브러리

• 응용 프로그램 개발을 위해 필요한 기능을 모아놓은 SW (ex: jquery)
• 응용 프로그램이 능동적으로 라이브러리 사용(= 기능들을 어떻게 사용할지 사용자가 결정)
• 부품이 되는 SW의 집합
• 기능들을 함수단위로 만들어 제공

1-3. 프레임워크

• ex) vue, angular, django
• 응용 프로그램이 수동적으로 프레임워크에 의해 사용됨.
• SW의 형식 제공. 즉 규칙이 정해져있음

2. AJAX

• ajax에 대해 간단히만 알아보자. 개념을 갖추는 느낌으로 알아보고 실제 사용법은 나중에 자세히 알아보기!!
• JS 라이브러리 중 하나. 브라우저가 갖고있는 XMLHttpRequest 객체를 이용해 전체 페이지를 새로고침하지 않고 페이지의 일부만 로딩하는 방법.
• js를 사용한 비동기통신. 클라이언트-서버간 XML 데이터 교환기술.
• 즉, 자바스크립트를 통해 서버에 데이터 요청.

2-1. 비동기 방식?

• 웹페이지 리로드 없이 데이터를 불러오는 방식
• 프로그램(웹 페이지)은 계속 돌아가고 데이터만 로딩
• 전체 리소스를 불러오는게 아니기 때문에 불필요한 리소스 절약
• 기본적으로 HTTP 프로토콜은 클라이언트에서 Request를 보내고 서버에서 Response를 받으면 원래 연결이 끊어지게 되있음(= 화면 내용 갱신 위해서는 request-response 반복해 페이지 전체 갱신, 즉 리소스와 시간 낭비)
• AJAX는 XMLHttpRequest 객체 통해 페이지 일부분만 갱신할 수 있도록 서버에 Request -> JSON이나 XML형태로 필요한 데이터만 받아 갱신하기 때문에 자원과 시간 절약 가능