[Tornado] Tornado 알아보기 TornadoTornado는 FriendFeed 에서 개발된 Python 웹 프레임워크이자 비동기 네트워킹 라이브러리다.비차단 네트워크 I/O를 사용하여 Tornado는 수만 개의 개방형 연결로 확장이 가능하다. 따라서 long polling, WebSockets 및 각 사용자에 대해 같이 장기적인 연결 유지가 필요한 애플리케이션에 이상적이다. Threads and WSGI토네이도는 대부분의 Python의 웹프레임워크와 다르게 WSGI(Webserver Gateway Interface) 기반이 아니며, 일반적으로 프로세스 당 하나의 스레드로만 실행된다. 모듈에서 WSGI를 일부 지원하지만, 대부분의 애플리케이션은 WSGI를 사용하는 대신 토네이도 자체 인터페이스..
[etc] HTTP 상태코드 HTTP는 웹서버와 클라이언트 간의 통신을 가능하게 하는 프로토콜이다. 서버는 클라이언트의 요청에 대한 응답으로 HTTP 상태 코드를 반환하여 요청의 결과를 전달한다. 몇 가지 일반적인 HTTP 상태 코드와 그 의미에 대해 알아보자. 1XX (Informational) 100 Continue: 서버가 클라이언트의 일부 요청을 받았으며, 클라이언트는 나머지 요청을 계속해도 된다는 것을 알린다. 101 Switching Protocols: 서버가 클라이언트의 요청을 수락하고 프로토콜 변경 요청을 받았음을 나타낸다. 2XX (Success) 200 OK: 요청이 성공적으로 처리되었음을 나타낸다. 201 Created: 요청이 성공적으로 처리되어 새로운 리소스가 생성되었음을 나타낸다..
[etc] 옵시디언(obsidian) 무료로 퍼블리시 하기 옵시디언은 마크다운 형식 으로 작성 할 수 있는 노트 앱이다. 원래 노트 앱으로 노션을 사용하고 있었는데, 사내망에선 노션이 접근이 안됐다. 원노트는 너무 불편하고, 대체제를 찾다보니 옵시디언이라는 소프트웨어를 선택했다. 옵시디언은 노션과 달리 로컬 환경에 저장이되어 오프라인 환경에서도 접근이 가능했다. 마크다운 형식으로 작성하기 편하고 다양한 플러그인이 많아 좋았지만, 내가 생각한 옵시디언의 단점은 노션에 비해 다른 사람에게 공유하기가 어렵다는 점이였다. 옵시디언을 퍼블리시 하려면 유료 기능을 사용했어야 했는데 무료로 퍼블리싱하는 여러가지 방법들이 있었다. 그 중 나는 my digital garden이라는 플러그인으로 퍼블리싱을 해보기로 했다...
[FastAPI] FastAPI 알아보기 FastAPI? 파이썬 3.6부터 제공되는 비교적 최근에 등장한 웹 프레임워크 기존에 잘 알려져있는 파이썬 웹 프레임워크로는 비교적 가벼운 웹 개발이라면 Flask를 사용했고, 조금 더 볼륨이 있는 프로젝트라면 Django를 사용했다. 이 가운데 비교적 조작법은 단순하면서 성능적으로 우세함을 보장한다는 FastAPI가 등장했다. FastAPI는 현대적이고 빠르며, 파이썬 표준 타입에(Type Annotation) 기초한 웹 프레임워크다. FastAPI의 특징은 다음과 같다. 자동 스웨거 (Swagger) 지원 ==> API 문서를 자동으로 생성 풍부한 자유도 내부에서 Starlette과 Pydantic을 사용 큰 커뮤니티, 아직은 작은 생태계 FastAPI 사용하..
[API][Apps Script] 공공 데이터 포탈에서 공휴일 API 가져오기 구글 apps script를 이용하여 특정 사용자에게 특정 시간에 메일을 전송하는 스크립트를 생성하여 사용하고 있다. 공휴일엔 메일을 보내지 않는 기능을 구현하고 싶은데, 구글 캘린더에서 제공하는 휴일 캘린더는 식목일 같은 공휴일이 아닌 날에도 공휴일로 제공을 하여 방법을 찾아보니 공공데이터 포탈에서 제공하는 공휴일 정보 API를 불러와서 사용하는 방법이 있었다. 공공 데이터 포탈 API 키 신청 공공 데이터 포탈 공공데이터포털 통합 로그인 공공데이터포털 로그인 국민과 함께 하는 공공데이터포털에 오신 것을 환영합니다 auth.data.go.kr 데이터 찾기에 공휴일을 검색 한 후 오픈 API 탭으로 가면 제일 위에 한국 천문 ..
[Django/React] 장고와 리액트 연동 (3) React App 생성 yarn create react-app React-project +) yarn 이 없다면 다음과 같이 설치한다. npm -g install yarn react 프로젝트 src 폴더 내에 RestAPI.js 파일을 생성해준다. App.js 파일에 다음과 같이 추가한다. import logo from './logo.svg'; import './App.css'; import RestAPI from "./RestAPI.js" import React from "react"; function App() { return ( ); } export default App; Axios Axios는 브라우저, Node.js를 위한 HTTP 비동기 통..
[Django/React] 장고와 리액트 연동 (2) Serializer 생성 frontend로 데이터를 보내기 위해 장고 내부의 복잡한 테이터들을 json/xml 등의 형태로 데이터를 변환해준다고 생각하면 된다. Serializer는 DRF가 제공하는 클래스로, DB 인스턴스를 JSON 형식으로 생성한다. 반대로 JSON을 DB로 변경하기 위해선 deserializer가 사용된다. serializer시엔 각각 DB 칼럼들로 정의를 해야한다. App 디렉토리에 serializers.py를 생성하고, 모델과 필드를 작성해준다. from rest_framework import serializers from .models import Review class ReviewSerializer(serializers...
[Django/React] 장고와 리액트 연동 (1) 장고와 리액트의 연동은 장고의 REST 프레임워크(DRF, Django Rest Framework)를 사용하여 연동한다. 프론트엔드(React)가 Django 백엔드로 API 요청을 보내면, 장고는 요청을 서버 사이드 로직에 따라 처리하여 HTTP 응답으로 포장하여 프론트엔드로 보낸다. 데이터를 변경해야하는 경우엔 장고는 데이터베이스에서 필요한 작업을 수행한 다음, 프론트엔드로 성공/실패 여부를 확인하는 응답을 보낸다. Django 백엔드에서 응답을 받으면, 프론트엔드는 UI를 업데이트한다. 위와 같이 프론트 엔드와 백엔드가 상호 작용을 하기위한 연동을 진행해보자. DRF 설치 API 서버로 사용할 Django Rest Framework를 먼저 설치해..
[React] 윈도우에 리액트(React.js) 설치 reactjs 의 공식 문서를 참고하여 설치 설치 - React A JavaScript library for building user interfaces reactjs-kr.firebaseapp.com react 설치에 필요한 npm을 사용하기 위해선 node.js 설치가 선행이 되어야한다. 아래 링크에서 os에 맞는 버전을 다운받는다. 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org node.js를 설치하면 npm이 자동으로 설치가 된다. Create React App을 사용하면 최신 자바스크립트 기능을 사용할 수 있게 개..
[HTML/CSS] HTML/CSS 시작하기 HTML? HTML (Hypertext Markup Language,하이퍼텍스트 마크업 언어) 는 우리가 보는 웹페이지가 어떻게 구조화되어있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어다. HTML은 elements로 구성되어 있으며 이들은 각 컨텐츠의 여러 부분들을 감싸고 마크업한다. HTML 요소(Element)의 구조 여는 태그, 닫는 태그, 내용으로 구성되며 위 사진과 같은 경우엔 가 태그가 되며 그 안의 텍스트가 내용이 된다. 그리고 여는 태그, 닫는 태그, 내용을 통틀어 요소(element)라고 한다. 속성(Attributes) 속성은 요소에 실제론 나타내고 싶지 않지만 추가적인 내용을 담고 싶을 때 사용한다. 위 사진은 목표를 구분할 수 ..
[API] REST API WEB API란? 웹 서버 또는 웹 브라우저를 위한 애플리케이션 프로그래밍 인터페이스 HTTP 서비스이고, 다양한 클라이언트에서 접근이 가능하도록 설계되어 있다. HTTP 표준 접근 방식을 이용하며, 플랫폼 환경, 클라이언트 환경의 제한이 없는 서비스 구현이 가능하다. REST API 두 컴퓨터 시스템이 인터넷을 통해 정보를 안전하게 교환하기 위해 사용하는 인터페이스 자원을 이름으로 구분하여 해당 자원의 상태 (정보) 를 주고 받는 모든 것을 의미한다. 🤔API? Application Programming Interface의 약자로, 프로그램들이 서로 상호 작용하는 것을 도와주는 매개체 HTTP 프로토콜의 인프라를 그대로 사용하므로, HTTP 표준 프로토콜에 따르는 모든 플랫폼..
[Webhook] 웹훅 (Webhook) 이란? 웹훅 (Webhook) 웹 서비스의 이벤트 데이터를 전달하는 HTTP 기반 콜백 함수 특정 이벤트가 발생하면 웹훅이 클라이언트에게 이벤트 데이터를 보낸다. 이벤트는 주로 HTTP POST 요청으로 전송되며, 대부분의 웹 서비스에선 API 엔드포인트로 사용된다. 일반적으로 웹 애플리케이션에서는 사용자의 특정 동작 (ex) 새로운 주문 생성, 새로운 메시지 수신 등) 에 대한 이벤트가 발생할 때마다 웹훅을 통해 외부 시스템으로 데이터를 전송한다. 🤔웹훅은 언제 사용될까? 웹훅은 주로 실시간으로 데이터를 전달하고, 애플리케이션 간에 통신을 효율적으로 하기위해 사용된다. 예를 들어, 소셜 미디어 플랫폼에서는 새로운 게시글이나 댓글이 작성될 때마다 웹훅을 사용하여 ..
