포도가게의 개발일지

what? - 웹훅은 웹페이지 또는 웹앱에서 발생하는 특정 이벤트들을 callback으로 변환해주는 방버이다. 일반적인 API는 클라이언트가 서버를 호출하는 방식이다. 하지만 웹훅의 경우 서버에서 특정 이벤트가 발생했을 때 클라이언트를 호출하는 방식이면 "역방향 API"라고도 부른다.(sse같은건가?) Webhook 프로바이더는 해당 이벤트가 발행하면 HTTP POST 요청을 생성하여 callback URL(endpoint, 목적지)로 이벤트 정보을 보냅니다. why? - 메일을 수신할 수 있는 웹앱의 클라이언트와 서버가 있다. 구현할 것은 서버측에서 메일을 수신하였을 경우 클라이언트 측으로 알림 메세지를 전달하는 것이다.!! 알림!! (즉 busy waiting쓸데없는 overhead를 줄 일 수있다 ..

HTTP Cookie? - 웹 쿠키는 서버가 사용자의 웹 브라우저에 전송하는 작은 데이터 조각입니다. 브라우저는 그 데이터 조각들을 저장해 놓았다가, 동일한 서버에 재요청시 저장된 데이터를 함께 전송합니다. 쿠키는 두 요청이 동일한 브라우저에서 들어왔는지 아닌지를 판단할 때 주로 사용합니다(음.. 우리는 cookie를 이용하여 동일한 access인지 확인하여 auth를 해준다.). 이를 이용하면 사용자의 로그인 상태를 유지할 수 있습니다. stateless인 http에서 상태정보를 기억할수 있게 됩니다. 쿠키의 세가지 목적 세선 관리 개인화 트래킹 과거에는 클라이언트 측에 정보를 저장할 때 쿠키를 주로 사용했습니다. 유일한 방법이었기 때문에 하지만 지금은 modern storage api를 사용해 정보를..

Blob? - Binary Large Object - 바이너리 형태(이진 형태)로 큰 객체를 저장함 - 여기서 큰 객체란 즉 이미지, 비디오 사운드 등과 같은 멀티미디어를 가리킨다. - 대개 데이터의 크기, MIME 타입을 알아내거나, 데이터를 송수신을 위한 작은 blob 객체로 나누기 위해 사용 - blob의 경우 4GB의 이진 데이터를 저장할 수 있다.ㄸ const newBlob = new Blob(array, options); array property 1. ArrayBuffer 2. Unit8Array 3. DOMString var blob = new Blob([typedArray], {type: 'application/octet-binary'}); var audioBlob = new Blob([..

SSE? Server Sent Event의 약어로 서버의 데이터를 실시간으로, 지속적으로 Streaming하는 기술 웹 표준으로써 IE를 제외한 모든 브라우저에서 지원됨 Why? 기존에는 서버의 변경된 data를 업데이트 해주기 위하여 polling을 사용하여 가져왔지만 SSE는 1회성 데이터를 주고받은 뒤 종료하는 것이 아닌 연결상태를 유지하고 계쏙해서 데이터를 보내는 경우다 Websocket도 있는데 왜 SSE? 1. websocket은 대표적으로 양방향으로 클라이언트와 서버의 지속적인 통신이다. client도 데이터를 서버에게 보낼 수 있다는 것이다. 하지만 SSE는 바로 클라이언트가 굳이 서버에게 데이터를 보낼필요가 없을때 빛을 발한다.(단뱡향) Websocket은 http를 websocket 프..

- RESTful API라는 말은 REST 아키텍처 원칙을 모두 만족하는 API라는 뜻입니다. - 자원을 이름(자원의 표현)으로 구분하여 해당 자원의 상태(정보)를 주고 받는 모든 것을 의미한다. why? ‘다양한 클라이언트의 등장’으로 (멀티 플랫폼) 웹서버의 자원을 클라이언트에 구애받지 않고 사용할수있게하는 설계방식 응답은 특정 기기의 종속되지 않도록 모든기기에서 통용될수있도록 화면이 아닌 오직 데이터로 반환한다 how? HTTP URI(Uniform Resource Identifier)를 통해 자원(Resource)을 명시하고, HTTP Method(POST, GET, PUT, DELETE)를 통해 해당 자원(URI)에 대한 CRUD Operation을 적용하는 것을 의미합니다. URI로 주어나 목..

1. Socket 이란? - 소켓(Socket)이란 네트워크상에서 서버와 클라이언트 두개의 프로그램이 특정 포트를 통해 양방향 통신이 가능하도록 만들어주는 소프트웨어 장치(파일)라 말할수 있다. - 소켓은 "접속의 끝 부분"으로 정의된다. - 기술 2. WebSocket 이란? why? - 웹 소켓이 등장하기 전인 http 통신만으로는 data전송에 한계가 있었을것이다. 왜냐하면 request없이는 response를 줄 수 없기때문에 서버가 클라이언트한테 원하고자 할 때 데이터를 줄 수 가 없어서 생겼을것 같다. How? - 그러면 기존의 http통신가 어떻게 달라 socket의 연결상태를 유지할수있는가? - 서버와 클라이언트 간의 WebSocket연결은 HTTP프로토콜을 통해 이루어집니다.(handsh..

import datetime import os from flask import Flask, request, render_template, jsonify, redirect, url_for from bson.objectid import ObjectId import math from pymongo import MongoClient ## pyjwt import ## import jwt ## functools import ## from functools import wraps app = Flask(__name__) ## encode할 secret-key ## app.config['SECRET_KEY'] = 'dance' ## db 대신 사용할 임시 로그인 저장정보 ## admin_id = 'qwer' admin_..

1. request 함수 사용 방법 javascript ajax 이용법 function getList(num) { let number = num; $.ajax({ type: 'GET', ## ex) url: `라우터 주소?key=value` ## url: `/boardlist?page=${number}`, data: {}, success: function (response) { console.log(response) } }); } python @app.route("/boardlist", methods=['GET']) def boardlist(): page = request.args.get('page') print(page) 2. url로 넘겨주는 방법 python ## route('라우트주소/') ## ..