Timpossible history

웹사이트 구현 중, 대용량의 비디오 파일을 서버에서 전송을 해야하는 기능을 구현해야했다. 클라이언트 사이드에 파일을 저장시켜놓을 수가 없으니 서버에서 데이터 처리를 해야하는데, 이 서버에서 대용량 비디오의 데이터를 보내면서 재생시키도록 하기 위해서는 스트리밍 기능을 구현해야 한다. 이 포스트에서는 이 스트리밍 기능을 Express JS 기반 서버에서 구현해보도록 할 예정이다. 1. 프로젝트 시작 mkdir videoStreaming cd videoStreaming npm init -y videoStreaming이라는 폴더를 만들어 이동해주고, npm init을 해준다. 그리고 프로젝트에 필요한 패키지를 설치해준다. npm i express pug express와 html 템플릿 엔진 pug를 설치해준다...

Python을 실행시키려면 가상환경을 만들고 그 안에서 코드를 실행시킬 수 있는 환경들을 만들어야 하는데, 파이썬이 설치되어 있지 않거나 파이썬 소스코드를 돌릴 수 있는 환경이 갖추어져 있지 않은 상태에서도 실행시킬 수 있게 도와주는 것이 .exec, .app(맥OS)나 .exe(Windows) 확장자 이름을 갖는 응용프로그램이라고 할 수 있다. 파이썬 라이브러리 중에서는 이러한 응용 프로그램을 만들 수 있도록 도와 주는 라이브러리가 많지만 대표적으로 Tkinter나 PyQt5가 있다. Tkinter는 잘 알 것이고, 이 포스트에서는 PyQt5를 이용해서 프로젝트를 진행하도록 하겠다 1. 프로젝트 시작 python3 -m venv exe_maker 먼저 가상환경을 만들어주는 코드를 실행해준다. exe_m..

커뮤니티 웹사이트나 블로그 형식을 담은 웹사이트를 만들다보면, WYSIWYG(What You See Is What You Get), 텍스트 에디터를 만들 때가 있는데, 이 포스트에서는 그 중 코드 블럭을 생성하는 에디터를 구현해보고 highlight.js를 이용해서 코드를 구분지어주는 작업을 해보도록 하려고한다. 1.프로젝트 설치 npm i react-quill highlight 먼저 필요한 패키지들을 설치해준다. 2. 프로젝트 구현 코드 설정 "use client"; import React, { useState } from "react"; import styles from "./editor.module.css"; import ReactQuill from "react-quill"; import "reac..