데이터과학 삼학년

클라이언트 측에서 동적 처리를 하는 웹페이지 예시 예시로 간단한 To-Do 리스트 애플리케이션 만들기!! 파일 구조 ├── static │ ├── script.js │ └── styles.css ├── templates │ └── index.html └── web.py HTML 파일 (index.html): To-Do List Add Task CSS 파일 (styles.css): body { font-family: Arial, sans-serif; margin: 20px; } #app { max-width: 400px; margin: 0 auto; } ul { list-style-type: none; padding: 0; } li { margin-bottom: 8px; } .completed { text..

FastAPI 시작하기 FastAPI를 시작하기 위해서는 먼저 FastAPI 및 Uvicorn을 설치해야 합니다. 다음 명령어를 실행하여 설치합니다. pip install fastapi uvicorn 이제 FastAPI를 사용하여 간단한 RESTful API를 작성해보겠습니다. 예를 들어, 사용자 정보를 생성하고 조회할 수 있는 API를 작성해보겠습니다. from fastapi import FastAPI app = FastAPI() users = [] @app.post("/users") async def create_user(name: str, age: int): user = {"name": name, "age": age} users.append(user) return user @app.get("/use..

Ajax는 JavaScript의 라이브러리중 하나이며 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자입니다. 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법 이며 Ajax를 한마디로 정의하자면 JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술이라고 할 수 있겠습니다. 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법 이며 Ajax를 한마디로 정의하자면 JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데..

NGINX를 사용하다 보면 504 Gateway Time-out Error가 발생할 때가 있다. 그 이유는 서버와 클라이언트간 proxy 연결 시간이 default인 60초를 넘어서 나타나는 것이다. 이를 해결하기 위한 방법은 아주 간단하다. server에서 설정을 바꿔주면 된다. default 인 60초를 넉넉하게 300 이든 500 이든 바꿔주면 해결완료!!!! server { listen 80; server_name abc.ab.io; location / { proxy_pass http://192.xxx.xxx.xxx:443/; proxy_connect_timeout 300; proxy_send_timeout 300; proxy_read_timeout 300; send_timeout 300; } }..

WEB 개발에서 로그인 혹은 사용자가 어떤 action을 취하였을 때 누가 뭘 했는지 알고 싶다. 그럴때 사용하는 것이 flask.request.values 이다! falsk.request.values를 얻게 되면 각 형태에 따라 dictionary 형태의 파일을 불러올 수 있다. 현재 내가 작업하고 싶은 것이 'SAMLResponse' 의 key값을 받아오고 싶다면 from flask import request body = str(request.values['SAMLResponse']) 로 불러온다. 이결과는 아마 아래 사진처럼 알아볼수가 없다. --> 이것은 base64 로 encoding 된 형태이기 때문이다. 그렇다면 이것을 사람이 알아볼수 있게 표현하려면 base64로 decode 하면 된다 f..

WEB을 다 구성한 이후에 해당 WEB에 접근하기 위해 로그인을 붙일때 가장 쉽게 쓸 수 있는 방법은 바로 @app.before_request 이다. 해당 데커레이터는 모든 app이 실행되기 전에 가장 먼저 호출된다. 따라서 이 부분에 로그인을 붙이면 쉽게 해결 가능하다. 먼저 필자는 OKTA 인증 로그인을 붙였다. OKTA 로 인증을 보내는 URL을 추가하여 해당 url로 redirect를 해준다. 이때 사용자가 맨처음 접근했던 url을 기억하고 있어야 로그인 이후 최초에 요청했던 페이지로 보내 줄 수 있기 때문에 request.url 을 이용하여 최초 요청했던 페이지를 글로벌 변수로 저장해 놓는다. 이후 okta 인증에서 로그인 후 redirect 해줄 URIS 주소를 가지고 서버가 클라이언트에게 보..

flask의 request 모듈을 통해 접근 주소, url, path 정보 알아낼수 있다. 현재주소 - https://webisfree.com/contact/contact.html?who=naya from flask import request request.full_path // 쿼리스트링 포함 전체 path 정보 Ex) /contact/contact.html?who=naya request.path // 쿼리를 제외한 path 정보 Ex) /contact/contact.html request.url // 전체 url, host정보 및 path, 쿼리스트링 모두 Ex) https://webisfree.com/contact/contact.html?who=naya request.base_url // host ..

Flask http 요청 핸들러 데코레이터 정리 # -*- encoding:utf8 -*- from flask import Flask app = Flask(__name__) @app.route("/") def main(): print("/") return "/" @app.before_first_request def before_first_request(): print("앱이 기동되고 나서 첫 번째 HTTP 요청에만 응답") @app.before_request def before_request(): print("매 HTTP 요청이 처리되기 전에 실행") @app.after_request def after_request(response): print("매 HTTP 요청이 처리되고 나서 실행") return ..