기본 이론 복습

(스파르타 플러스반 시작 이론 복습)

 

웹서비스의 동작 원리

# 클라이언트는 요청하는 쪽, 서버는 요청을 받아서 무언가를 돌려주는 쪽이다.

 

복습시작!

 

1. 서버는 특수한 컴퓨터일까?

 

# 아니다. 서버는 컴퓨터의 '역할'이다. 사람도 여러 직업을 갖을 수 있는 거서럼 컴퓨터도 여러 역할을 맡을 수 있다. 

db도 돌리고, 서버도 돌리고, 게임도 하듯이.

# 서버는 요청을 받으면 HTML + CSS + Javascript 파일을 주기도 하고 JSON 형식으로 데이터를 주기도 한다.

 

▷ JSON 형식으로 생긴 데이터의 예시

(ex. 서울시 미세먼지 데이터! 타고 →타고 들어가서 값 가져오기.)

JSON형식 데이터 예시

 

2. API란?

 

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

#요청에는 주로 POST(주로 데이터를 수정할 때), GET(주로 데이터를 가져올 때) 등 여러가지 타입이 있다.

 

 

3. HTML, CSS, JS는 각각 어떤 역할을 하지?

 

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

# CSS로 꾸밀 때는 이름표를 붙여주고(class="클래스명"), <style></style>안에 .클래스명 으로 쓴다.

 

 

4. JQuery란?

 

# JQuery는 Javascript의 라이브러리, HTML조작을 쉽게 하는 친구.

# 라이브러리는 남이 만들어 놓은 갖다쓰기 좋은 코드이다. 그렇기에 임포트를 해야한다.

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

 

 

5. Ajax란?

 

# Ajax는 서버 통신을 위해 쓰이는 친구이다. 아래처럼 생겼다!

$.ajax({
    type: "GET",
    url: "요청할 URL",
    data: {},
    success: function (response) {
        // 서버가 준 데이터가 response에 담깁니다!
    }
})

 

 

6. Flask란?

 

# 서버를 만드는 프레임워크이다! 서버를 처음부터 만드는 것을 너무 어렵다.

그렇기 때문에 누군가 만들어둔 틀 안에서 코딩하는 것. 아래코드 참고!

 

from flask import Flask, render_template, jsonify, request
app = Flask(__name__)

@app.route('/')
def home():
    return render_template('index.html')

if __name__ == '__main__':
    app.run('0.0.0.0', port=5000, debug=True)

(위에 코드를 run 하고 http://localhost:5000/ 으로 접속하면 index.html 페이지를 볼 수 있다.)