6/15 - html, js 공부

기본적으로 tag라는 것이 존재함. 기본 형식 : <태그> 내용 </태그>이다.
<title> 제목 </title>
<h1> </h1> ~ <h6> </h6> : 글자의 크기 차이
<p> : 문단을 만들어 줌
<input> : 입력할 수 있는 창을 만들어 줌
<button> : 버튼을 만들어 줌


function add(x, y){
    let temp = x+y;
    return temp;
}
add = (x, y) => {
    let temp = x+y;
    return temp;
}

myarr = [1,2,3,4,5];

myarr.forEach(element => {
    console.log("나무 찍기" + element);
}); // 반복문 형태

프론트엔드가 백엔드한테 요청을 할 때 특정 규칙에 맞게 요청을 해야하는데...
사용 규칙을 제공하는 것 : API(application programming interface)
- open API 
// 공개된 백엔드를 이용하고 프론트엔드만 만들어 쓰는 것을 serverless라고 부르기도 한다.
백엔드와 프론트엔드 사이의 요청과 응답은 API마다 다르게 정해진 형식에 맞추어 전달된다. 이러한 형식이 작성된 문서를 API 가이드라고 부른다.
API 가이드는 API마다 다르게 나와 있지만 공통적으로 요청과 응답에 대한 정보가 나와있다.

1. 요청(request)
1) 주소 : 어디로 정보를 전달 해야할지 API 서버의 주소가 나와있고 
2) 정보전송방식 : GET(주소창에 모든 정보를 담아 정보를 전달하는 방식임) <--> POST(주소창이 아니라 내부적으로 정보를 전송하는 방식임)
3) 보낼 것
query 검색어 (필수)
sort 정렬방식 (선택)
target 검색 대상 (선택)
...
나머지는 선택적으로 포함

2. 응답(response)
1) 형식 : 어떤 형식으로 정보가 날아오는지, JSON : JavaScript Object Notation, JS의 Object라고 생각하면 됨, 키-값(directory 느낌?) 쌍의 패턴으로 표현된다.
{} Object => {"이름" : "홍길동"}
[] Array => [1,2,3,4] // 오브젝트 안에 어레이로 표현 가능, 오브젝트 안에 오브젝트도 포함 가능
2) 응답 의미 설명
title 도서 제목
contents 도서 소개

...

ajax, jquery