일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- 인스타그램앱만들기
- 리액트
- pyqt5
- 인스타그램API
- APIroutes
- 넥스트js
- 넥스트JS13
- nodemailer
- ReactQuill
- 페이스북개발자
- PlanetScale
- 웹소켓
- 비디오전송
- 앱비밀번호
- state전역관리
- socketIO
- 쿠키관리
- nextjs13
- 비디오스트리밍
- ReactContextAPI
- mysqlworkbench
- nextjs
- pyinstaller
- next js
- expressjs
- 노드메일러
- API루트
- 플래닛스케일
- reactjs
- Nodejs
- Today
- Total
목록expressjs (2)
Timpossible history
웹사이트 구현 중, 대용량의 비디오 파일을 서버에서 전송을 해야하는 기능을 구현해야했다. 클라이언트 사이드에 파일을 저장시켜놓을 수가 없으니 서버에서 데이터 처리를 해야하는데, 이 서버에서 대용량 비디오의 데이터를 보내면서 재생시키도록 하기 위해서는 스트리밍 기능을 구현해야 한다. 이 포스트에서는 이 스트리밍 기능을 Express JS 기반 서버에서 구현해보도록 할 예정이다. 1. 프로젝트 시작 mkdir videoStreaming cd videoStreaming npm init -y videoStreaming이라는 폴더를 만들어 이동해주고, npm init을 해준다. 그리고 프로젝트에 필요한 패키지를 설치해준다. npm i express pug express와 html 템플릿 엔진 pug를 설치해준다...
Socket.IO는 웹 소켓(Websocket)을 쉽게 다룰 수 있도록 도와주는 라이브러리로, 실시간 양방향 통신을 구현하는데 아주 유용하다. 1. 프로젝트 초기화 mkdir mychatting cd mychatting npm init -y 먼저 프로젝트를 초기화 해주고, 필요한 패키지를 설치해준다. npm install express socket.io pug Node js에는 View Engine이 존재하는데, 이는 서버에서 얻은 결과값을 정적 페이지(html)에 표시 할 수 있게 해준다. 물론 자동으로 생성되는 것이 아니라, 기본 템플릿을 만들어놔야 하는데, 기본 html 형식으로 하지 않도록 도와주는 것이 pug이다. (ejs도 많이 쓰임. pug든 ejs든 동적으로 정적 페이지 렌더링 가능함.) ..