Introduction to web APIs - 웹 api 소개 읽기 -1

Introduction to web APIs
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Introduction#what_can_apis_do

web api 소개

먼저 상위 레벨에서 api를 살펴보는 것으로 시작하겠습니다.
그것들은 무엇이며 어떻게 작동하며 코드에서 어떻게 사용하며 어떻게 구성되어 있나요?
우리는 또한 api의 다른 메인 클래스가 무엇이며 어떤 용도를 가지고 있는지 볼 것입니다.

• 전제 조건 :기본 컴퓨터 사용능력, html,css 기본 이해 자바스크립트 기본 사항(첫 번째 단계, 빌딩 블록, 자바스크립트 객체 참조)
• 목표: api가 할 수 있는 일, api를 코드에서 사용하는 방법에 익숙해지도록 합니다.

- 단어

• structured 구성 (있는)
• Prerequisites 전제조건
• literacy 활용능력(글을 읽고 쓸 줄 아는 능력)
• objective 목적,목표

api란 무엇입니까?

API(응용 프로그래밍 인터페이스) 개발자가 복잡한 기능을 더 쉽게 만들 수 있도록 프로그래밍 언어로 제공되는 구성이다 더 복잡한 구문을 추상화하여 해당 위치에서 사용할 수 있는 몇가지 더 쉬운 구문을 제공합니다.

실제 사례로, 당신 집, 아파트, 또는 다른 주거지의 전기 공급을 생각해보십시오.
집에서 가전제품을 사용하고 싶다면, 플러그를 소켓에 꽂으면 작동합니다.
전력공급장치에 직접 연결하려고 하지 마세요. 연결할려고 하는건 정말 비효율적이고, 전기 기술자가 아니라면 어렵고 위험한 시도입니다.

같은 방법으로, 3d그래픽 프로그램을 원한다면 , 로우레벨 코드인 c나 c++ 컴퓨터 gpu나 그래픽 기능을 직접 제어하기 보다는 자바스크립트나 파이썬 같은 고급 언어로 쓰여진 api 사용해서 하는 것이 훨씬 쉽습니다.

노트: 자세한 설명은 ''api glossary entry "를 참조하십시오

- 단어

• familiarity 익숙함
• constructs 구성하다
• abstract 추상적, 추상화
• directly 직접
• inefficient 비효율적인

클라이언트 측 자바스크립트의 api

특히 클라이언트 측 자바스크립트의 많은 api 사용할 수 있습니다. 이것들은 자바스크립트 언어의 일부가 아니라 핵심 자바스크립트 언어 위에 구축되어, 자바스크립트 코드에서 사용할 수 있는 추가 초능력을 제공합니다. api는 일반적으로 두가지 카테고리로 나뉩니다.

• 브라우저 api 웹 브라우저 안에 내장되어 있으며 브라우저 및 주변 컴퓨터 환경의 데이터를 노출하고 복잡한 것들 브라우저에서 데이터를 노출하고 이를 사용해 유용한 복잡한 작업을 할 수 있습니다.
  예를 들면, 웹 오디오 api는 브라우저에서 오디오를 조작하기 위해 자바스크립트 구조을 제공합니다. 오디오 트랙을 가져오고, 볼륨을 변경하고, 효과 적용 등.
  백그라운드에서 브라우저에 실제로 실제의 오디오 처리를 위해 복잡한 하위 수준코드를 사용합니다. 그러나 다시 말하자면 복잡성은 api에 의해 추상화 됩니다.

• 타사의 api 기본적으로 브라우저 안에 구성되어 있지 않습니다. 일반적으로 웹 어딘가에서 코드와 정보를 검색해야 합니다.
  예를 들면 트위터 api 사용하면 웹사이트에 최신 트윗을 표시하는 것과 같은 것을 할 수 있습니다.
  트위터 서비스 특성을 사용할 수 있고, 특정 정보를 반환하는데 사용할 수 있는 특별한 구성 세트를 제공합니다.

트위터에서 쿼리는 무엇인가? 쿼리는 다양한 트윗 특성을 일치시키는 데 사용되는 연산자로 구성됩니다.

- 단어

• rather ~보다는
• in particular 특히
• with extra superpowers 추가 초능력
• Third-party 타사
• retrieve 컴퓨터(정보를)검색하다

자바스크립트, api 및 기타 자바사크립트 도구 간의 관계

위에서 클라이언트 측 자바스크립트가 api가 무엇인지 자바스크립트 언어와 어떤 관련이 있는지에 대해 알아보습니다. 좀 더 분명하게 하기 위해 요약하고 다른 자바스크립트 도구가 어디에 적합한지 설명합니다.

• 자바스크립트 - 웹페이지 앱에서 기능을 구현할 수 있는 브라우저에 내장된 고급 스크립트 언어. 자바스크립트는 노드js 같은 다른 프로그래밍 환경을 사용할 수 있습니다.

• 브라우저 api - 자바스크립트 위에 있는 브라우저에 내장된 구성으로 기능을 더 쉽게 구현 할 수 있습니다.

• 타사 api - 타사의 플랫폼에 내장되어 있으며 , 타사플랫폼 기능 중 일부를 자신의 웹페이지에 사용할 수 있습니다.

• 자바스크립트 라이브러리 - 일반적으로 웹 페이지에 첨부하여 공통 기능을 작성 할 수 있게 하거나 속도를 높여주거나 할 수 있는 사용자 맞춤 기능이 포함된 하나 이상의 자바스립트 파일입니다.그 예로는 jQuery, Mootools, React등이 있다.

• 자바스크립트 프레임 워크 - 라이브러리의 다음 단계, 자바스크립트 프레임 워크(Angular and Ember)
  HTML, CSS, JavaScript 및 기타 기술을 설치한 후 처음부터 전체 웹 어플리케이션을 작성하는데 사용할 수 있 패키지입니다.
  라이브러리와 프레임워크는 주요 차이점은 "통제의 반전"이다 라이브러리에서 메서드를 호출할 때 개발자가 통제합니다. 프레임워크에서 컨트롤이 반전이 됩니다. 프레임워크는 개발자 코드를 호출합니다.

- 단어

• relate 관련
• Let's recap 요약해보자
• implement 구현하다
• available 이용할수 있는
• from scratch 처음부터
• inversion 반전

api는 무엇을 할 수 있습니까?

현대 브라우저에서 사용할 수 있는 api는 매우 많으며, 코드에서 다양한 일을 할 수 있게 해줍니다. MDN APIs 인덱스 페이지를 보면 알 수 있습니다.

공통 브라우저 API
특히 당신이 사용할 브라우저 api는 가장 일반적인 범주는 다음과 같다 (그리고 이 모듈에서 더 자세히 다룰 것입니다.)

• 문서 조작을 위한 api는 브라우저에 로드됩니다. 가장 확실한 예는 DOM Api로 html,css 조작할 수 있습니다 - html 작성, 삭제, 변경, 페이지에 새로운 스타일을 동적으로 적용할 수 있습니다.
  팝업창을 볼때마다 페이지가 나타나거나 표시된 일부 새 콘텐츠가 표시될때마다 돔이 작동합니다'
  Manipulating documents.' 에서 이러한 유형의 API에 대해 자세히 알아보십시오.

• 자체적으로 웹 페이지의 작은 섹션을 업데이트 하기 위해 서버에서 데이터를 가져오는 API은 매우 일반적으로 사용됩니다. 겉보기에는??? 작은 세부 사항이 사이트의 성능과 행동에 큰 영향을 미쳤습니다. 만약 당신이 재고목록이나 이용 가능한 새로운 이야기 목록을 업데이트 해야 한다면, 서버에서 전체 페이지를 다시 로드할 필요 없이 즉시 업데이트 하면 사이트나 앱이 훨씬 더 반응적이고 '빠른' 느낌을 줄 수 있다 이를 가능하게 하는 API에는 XMLHttpRequest 및 Fetch API가 포함됩니다. 이 기술을 설명하는 Ajax라는 용어를 발견할 수 있다 이러한 api에 대한 자세한 내용은 ' Fetching data from the server.(서버에서 데이터 가져오기)' 참조하세요.

- 단어

• manipulating (사물을 능숙하게)다루다
• obvious 분명한
• snappy 짧고 분명한
• come across ~ 우연히 발견하다