[TIL] 2020-03-02

Trainings/이전 TIL 기록 2020. 3. 2. 22:42

[CSS]

문법 정리

[노마드 코더]

바닐라 초급 JS 수강 완료!

[배운 문법]

API란?

→ Application Programming Interface, 응용 프로그램 프로그래밍 인터페이스는 응용 프로그램에서 사용할 수 있도록, 운영체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다.

“ 운영체제나 프로그래밍 언어가 제공하는 기능 ” → SK의 날씨정보, Daum의 지도정보, 카카오페이를 뜻한다.
“응용 프로그램” → 우리가 만든 서비스라고 생각하면 이해가 편하다.

fetch()

인자로 전달된 데이터를 서버로부터 서버에게 요청하는 방법이다.

<html>

<body>

<article>"Hello World!"</article>

</body>
</html>

fetch('html'). then(function(response){
response.text(). then(function(text){
document.querySelector('article'). innerHTML = text;
})
})

// 결과 : Hello World!

then()

서버가 응답을 할때 걸리는 시간을 의미한다.

즉, 서버가 응답할 때까지 기다리고, 다른 코드가 실행이 되면서 서버의 응답이 끝나면 그때 실행시켜준다.

function callbackme(){

console.log('response end');

}

fetch('html').then(callbackme);

console.log('1');

console.log('2');

// 서버에 요청이 들어가고, 서버가 응답한 다음 callbackme 함수가 실행되어 응답을 기다릴 때까지 밑에 console.log()가 실행이 된 후, 'response end'가 출력된다.

이것을 통해 fetch()는 비동기식의 특징을 가지는 것을 알 수 있다.

navigator.geolocation()

현재 위치를 찾는 기능이다.

데스크톱의 웹 브라우저를 사용하면 사용자의 IP주소를 사용해서 현재 위치를 찾을 수 있다.

GPS가 포함된 스마트폰과 태블릿 PC에서는 GPS를 사용해서 현재 위치를 찾을 수 있다.

latitude -> 위도, 소수점을 포함하는 숫자. (X)

longitude -> 경도, 소수점을 포함하는 숫자 (Y)

태기의 개발 Blog 태기의 개발 Blog