웹 프로그래밍 기본 틀

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>로그인페이지</title>
</head>
<body>
    <h1>로그인 페이지</h1>
    <p>ID: <input type="text"/></p>
    <p>PW: <input type="text"/></p>
    <button>로그인하기</button>
</body>
</html>

CSS

<link rel="stylesheet" type="text/css" href = "(css파일이름).css">

Bootstrap

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
          integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
            integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
            crossorigin="anonymous"></script>

jQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

OG Tag

<meta property="og:title" content="당신의 최애곡은?" />
<meta property="og:description" content="당신의 최애곡을 들려주세요!" />
<meta property="og:image" content="https://file.bugsm.co.kr/wbugs/common/[email protected]" />

GET, POST - 프론트

$(document).ready(function () {
    get함수명()
});

    function get함수명() {
        $.ajax({
            type: 'GET',
            url: '',
            data: {},
            success: function (response) {
            
                }
        })
    }
    function post함수명() {
        $.ajax({
            type: 'POST',
            url: '',
            data: {},
            success: function (response) {
                   
                }
            });
        }

GET, POST - 서버

@app.route('/test', methods=['GET'])
def test_get():
    title_receive = request.args.get('title_give')
    print(title_receive)
    return jsonify({'result':'success', 'msg': '이 요청은 GET!'})
@app.route('/test', methods=['POST'])
def test_post():
    title_receive = request.form['title_give']
    print(title_receive)
    return jsonify({'result':'success', 'msg': '이 요청은 POST!'})

크롤링

import requests
from bs4 import BeautifulSoup

headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'}
data = requests.get('https://movie.naver.com/movie/sdb/rank/rmovie.naver?sel=pnt&date=20210829',headers=headers)

soup = BeautifulSoup(data.text, 'html.parser')

mongoDB

from pymongo import MongoClient
client = MongoClient('여기에 URL 입력')
db = client.dbsparta

Flask

from flask import Flask
    app = Flask(__name__)

@app.route('/')
def home():
    return 'This is Home!'

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

mongoDB

# 저장 - 예시
doc = {'name':'bobby','age':21}
db.users.insert_one(doc)

# 한 개 찾기 - 예시
user = db.users.find_one({'name':'bobby'})

# 여러개 찾기 - 예시 ( _id 값은 제외하고 출력)
all_users = list(db.users.find({},{'_id':False}))

# 바꾸기 - 예시
db.users.update_one({'name':'bobby'},{'$set':{'age':19}})

# 지우기 - 예시
db.users.delete_one({'name':'bobby'})
문자열 싱크로 율
Spring Cloud – 간단 한 서비스 프로 세 스 (서비스 발견 및 API 호출) 를 어떻게 사용 합 니까?

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage