일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 게임서버
- 아날로그영상
- 이미지서버
- ProudNet
- 튜토리얼
- 지하철역
- 프라우드넷
- 데이터
- multiparty
- AWS
- streaming
- 디지털영상
- 리사이즈
- 노선
- lightsail
- 샘플링
- resize
- 이미지프로세싱
- Node
- 이미지
- Thumbnail
- 화소
- 좌표
- 시작하기
- 스트리밍서버
- nodejs
- Sharp
- Bucket
- S3
- 버킷
- Today
- Total
목록전체 글 (17)
Deep Studying
이번 포스트에서는 express의 router를 사용하여 음악이나 동영상을 업로드, 로드할 수 있는 서버를 만들어보겠습니다. 음악을 스트리밍하는 것과 동영상을 스트리밍하는 것은 코드 진행이 거의 똑같기 때문에 먼저 음악을 기준으로 설명하고 뒤에 동영상을 사용하는 예시를 첨부하겠습니다. 1. 프로젝트 생성 npm init npm install --save express multiparty touch index.js mediaRouter.js mkdir resource 이번 프로젝트에서 작성할 코드는 index.js와 mediaRouter.js 두 개 입니다. 우선 아래 코드를 넣어주세요 index.js const mediaeRouter = require('./mediaRouter.js') const exp..
이전 포스트: Node.js와 AWS로 이미지 서버 만들기 (2) 이미지 로드와 업로드 지난 포스트에서는 AWS bucket에 이미지를 업로드하고 로드할 수 있는 라우터를 만들어보았습니다. 이번 포스트에서는 더 나아가 이미지를 리사이즈하거나 썸네일을 만들거나 혹은 이런 여러 작업을 동시에 처리하여 업로드하도록 코드를 개선해보겠습니다. 이번 내용을 이해하기 위해서는 Promise에 대한 이해가 필요합니다. 이전 포스트의 코드에서 sharp 패키지를 추가해야합니다. npm install --save sharp 이제부터는 imageRouter.js의 내용을 차례로 개선하는 과정을 보이려합니다. 설명이 필요 없다면 바로 4번으로 넘어가 코드만 확인하실 수 있습니다. 0. AWS로 업로드하는 부분은 함수로 이미지..
이전 글: Node.js와 AWS로 이미지서버 만들기 (1) AWS 버킷 세팅하기 지난 포스트에서는 버킷을 생성하고 테스트로 이미지를 업로드 해보았습니다. 이번 포스트에서는 express의 router를 사용하여 이미지를 업로드, 로드할 수 있는 단순한 서버의 형태로 만들어보겠습니다. 이번 예제에서 이미지를 업로드할 때, 테스트 해보기 가장 쉬운 multipart form 형태로 진행하겠습니다. 이전 포스트에서 bucket을 잘 생성했다면 Bucket 이름, Bucket 도메인, 엑세스 키 ID, 엑세스 키 네 정보를 기억해주도록 합시다. 설명이 필요 없다면 바로 4번으로 넘어가서 코드만 확인해보실 수 있습니다. 1. 프로젝트 생성 npm init npm install --save express aws-..
일반적으로 aws에 스토리지를 구성한다면 aws의 S3를 이용할 것 같습니다. 다만 필자는 다양한 기능을 필요로 하지 않으며 가난한 학생이라 한 푼이라도 아끼기 위해 Lightsail을 주로 사용합니다. Lightsail은 고정 금액을 내고 정해진 트래픽, 용량을 사용할 수 있도록 되어있습니다. 나중에 S3의 다양한 기능이 필요해서 스토리지를 옮기더라도 세팅이 어렵지 않으니 우선 Lightsail을 이용해 보기를 권해드립니다. Lightsail 링크 1. 버킷 생성하기 AWS 계정으로 로그인하시면 아래와 같은 화면을 보실 수 있습니다. 스토리지 탭을 클릭해주도록 합시다. 버킷 생성하기를 눌러줍니다. 원하는 요금제를 골라 버킷을 생성해줍시다. 권한 탭을 들어가면 아래와 같은 화면을 볼 수 있습니다. 코드에..
저번 포스트에서는 양자화와 리사이징에 대해서 설명했습니다. 이전 포스트 확인하기 -> https://minisp.tistory.com/3 [이미지 프로세싱] 양자화와 리사이징 저번 포스트에서 디지털 영상이 무엇인지, 그리고 샘플링에 대해서 간단하게 알아봤습니다. 이전 포스트 확인하기 -> https://minisp.tistory.com/2 [이미지 프로세싱] 디지털 신호란? 디지털 영상과 샘플링 아날.. minisp.tistory.com 이전 포스트에서 언급한 내용을 참고하여 python과 openCV로 이미지를 읽고 출력하고 간단히 수정하는 방법을 배워보도록 할건데요, python과 openCV, 그리고 numpy는 설치가 되어있다고 가정하고 시작하겠습니다. 1. 이미지 불러오기 1-1. 이미지 ..
저번 포스트에서 디지털 영상이 무엇인지, 그리고 샘플링에 대해서 간단하게 알아봤습니다. 이전 포스트 확인하기 -> https://minisp.tistory.com/2 [이미지 프로세싱] 디지털 신호란? 디지털 영상과 샘플링 아날로그와 디지털 아날로그가 뭘까? 여러 신호 중에 우리가 직접 관찰할 수 있는 빛의 세기, 소리의 크기와 같은 것들은 연속적인 값을 가진 신호 입니다. 이러한 신호는 아날로그 신호라고 하며 이를 표현하기.. minisp.tistory.com 샘플링은 아날로그 영상을 디지털 영상으로 변환하는 것을 의미합니다. 그렇다면 디지털 영상을 다른 디지털 영상으로 바꾸는 것은 무엇일까요? 인코딩? 리사이징? '동영상 인코딩' 이라는 용어는 많이 들어보셨을 것 같습니다. 위키피디아에 따르자면 '인..
아날로그와 디지털 아날로그가 뭘까? 여러 신호 중에 우리가 직접 관찰할 수 있는 빛의 세기, 소리의 크기와 같은 것들은 연속적인 값을 가진 신호 입니다. 이러한 신호는 아날로그 신호라고 하며 이를 표현하기 위해 그래프나 함수식을 사용하죠. 예를 들어 y=2x 라는 함수로 표현되는 신호가 있다고 해봅시다. 이 신호는 그림처럼 가로축의 길이를 10에서 1로, 1에서 0.01로 아무리 확대해봐도 연속일 것입니다. 이렇게 연속적인 신호를 아날로그 신호라고 합니다. 그렇다면 디지털이란 무엇일까요? 디지털이란? 디지털(digital)은 아날로그를 연속적인 실수가 아닌, 특정한 최소 단위를 갖는 이산적인 수치를 이용하여 처리하는 방법이다. 예를 들어 위의 y=2x 라는 신호를 그래프로 표현한다고 했을 때, '기울기가..