0604_서버 4

REST API와 라우팅

 

우리는 REST API 서버를 만들것이다.

 

서버에서 요청을 보낼 때는 주소를 통해 요청의 내용을 표현합니다.

 

https://velog.io/@kjh107704/REST-%EC%84%9C%EB%B2%84-REST-API%EB%9E%80

REST 서버, REST API란?

 

 

네트워크 궂의 한 형식이다.

서버의 자원을 정의하고 자원에 대한 주소를 지정하는 방법을가리킵니다.

명확히 전달하기 위해 명사로 구성됩니다.

 

REST API는 주소 외에도 HTTP 요청 메서드라는 것을 사용합니ㅏㄷ.

여기서 GET과 POST 가 바로 요청 메서드, 거기에 PUT. PATCH, DELETE 까지 총 다섯 게가 메서드로 많이 사용

 

-GET : 서버 자원을 가져오고자 할 때 사용합니다. 요청의 본문에 데이터를 넣지 않습니다. 데이터를

서버로 보내야한다면 쿼리스트링을 사용합니다. 즉, 서버에 데이터를 보내고 싶으면 쿼리르 쓴다.

-POST : 서버의 자원을 새로 등록하고자(DB) 할 때 사용합니다. 요청의 본문에 새로 등록할 데이터를 

-PUT : 서버의 자원을 요청에 들어 있는 자원을 치환하고자 할 때 / ALL 모든것을 교체

- PATCH : 일부 수정 할때

- DELETE : 삭제

 

★주소 하나가 요청 메서드를 여러 개 가 질 수 있습니다. 

 

REST API = REST FUL한 서버

 

코드를 작성하기 전에 대략적인 주소를 먼저 설계하는 것이 좋다

=프로토콜 문서를 작성한다.

 

----

CSS 는 문서를 이쁘게 만드는 문법이다.

 

css 파일 먼저 만든다.

 

이름 { } 연다.

 

저  안에서 작성 

 

키와 값으로 되어있다.

 

 

html 생성

 

이밋 만들기 (!으로 )

 

css 스타일리쉬를 가져와야한다.

 

 

 

링크를 걸어준다.

 

 

nav 를 작성해준다.

 

nav 는 구획을 나눠준다.

https://developer.mozilla.org/ko/docs/Web/HTML/Element/nav

 

 

<a> 태그는 링크 태그

이런식으로  <a href = '링크'> </a> 이렇게 사용한다.

 

 

/  으로 하면 http://127.0.0.1:5500/ 로 들어가진다.

/about은  http://127.0.0.1:5500/about 으로 가는것

 

 

<div>콘텐츠 분할 요소

 

 

 

<script >는 스크립터를 가져오는 것

 

js 를 만들어서.

 

window.onload 는 윈도우가 실행되면 호출 시키는 것이다. 

 

 

 

라이브 해보면, 콘솔에 getUser 가 찍히는 걸 확인 할 수 있다.

 

----

 

document.getElementById.('이름').addEventListener // form 이라는 id를 가진 게 작동 

이벤트가 작동이된다. 'summit' 은 리스너 이름이고, function(e) // 들어오는 이벤트를 뜻함

 

submit 으로 값이 들어온다.

 

e.target.username.value 을 출력하면,

e의 넣은 갓이 나온다.

 

알럿 창

 

-----

 

 

 

    //AJax
    let xhr = new XMLHttpRequest();
    xhr.onload = function(){};

 

에이작스는 new XMLHttpRequst(); 로 만든다.

 

사실 이건 이렇게 쌩으로 쓰진 않는다.

 

 

/users 에 들어왔을 때 

펑션 작동

 

----