본문 바로가기
내마음대로만들어보자/API

개념정리 - 웹의 동작원리

by 소농민! 2021. 5. 27.
728x90

새로운 부분을 배우는것도 중요하지만 지금까지 배운 내용들을 복습하고 개념을 정리해두자!

그래야 나중에 이해가 안가고 헷갈릴때 다시보기가 좋을 것 같다.

 

웹 동작 원리

HTML 파일을 받는 경우에는 Flask서버를 통해 미리 준비해둔것을 받아서 그려준다라고 이해를 했다.

(서버가 만들어 놓은 창구역할을 하는 API를 통해서)

 

단, 미리 준비해둔 HTML을 받지않고 데이터만 받는 경우에는 반대로 몽고 DB를 통해 데이터만 받아서 

리프레시 해주는경우도 있다! (예를들어, 실시간으로 예약현황 등을 보여줘야할 경우) 

 

웹의 동작 원리2

※ 웹 동작에 필요한 주요 개념 정리 

   1. API 란?

    서버가 요청을 받게 하기 위해 뚫어 놓은 창구 

    요청에는 POST (주로 데이터를 수정할떄), GET (주로 데이터를 가져올떄) 등을 주로 사용한다. 

   2. HTML, CSS ,JS 란? 

    HTML은 뼈대 / CSS는 꾸미기 / JavaScript는 움직이게하는 것

   3. JQuery 란?

     자바스크립트의 라이브러리로, HTML 조작을 쉽게 도와주는 역할 

     다른사람이 만들어 놓은 라이브러리를 사용해야하므로 필수적으로 임포트를 해줘야한다.

     id로 이름을 붙여주고 $('#아이디').val() 과 같이 input박스의 값을 가져올 수 있다.

   4. Ajax 란?

     서버 통신을 위해 쓰이는 친구 이므로 기본 뼈대는 기억해두자. 

Ajax 기본형태

    5. Flask 란?  

      서버를 만드는 프레임워크이며, 처음부터 서버를 만들기 어렵기때문에 다른사람이 만들어둔 프레임워크를

      사용해보자. 이 부분도 기본 형태를 기억해두자. 

Flask 기본형태