AI로 이미지를 동영상으로 바꿔주는 홈페이지 소개

AI로 이미지를 동영상으로 바꿔주는 홈페이지 소개

데이터를 올릴 때 높은 동영상 용량으로 인하여 저장공간이 미흡한 경험이 많습니다. 이때 전문 사이트를 이용하여 동영상 용량을 빠르게 줄여보세요 아래 글을 끝까지 읽으면 무상으로 용량을 줄이는 홈페이지 5가지를 확인할 수 있습니다. 첫 번째는 VideoSmaller 사이트입니다. 해당 사이트의 업로드 제한 용량은 500MB이며 화질 옵션은 1080P까지 선택할 수 있으며 즐거운 해상도가 선택 가능하며 오디오 제거 기능을 제공하는 것이 특징입니다.

두 번째는 FreeConvert 사이트입니다. 해당 사이트의 업로드 제한 용량은 1GB로 상당히 높은 용량을 가지고 있으며 화질 옵션은 고화질인 1440p까지 선택할 수 있습니다.


Heroku에서의 배포 과정
Heroku에서의 배포 과정

Heroku에서의 배포 과정

먼저 Heroku에 접속해줍니다. httpsheroku.com

Heroku에 가입하지 않았다면 가입해주고 Create new app을 선택합니다. 알맞게 정보를 입력하고, Heroku Git과 GitHub 중에 Heroku Git을 선택합니다. VS Code Console에서 heroku login을 수행해줍니다. heroku login 추후 명령어를 수행했을 때 서버와 Heroku 로그를 확인할 수 있도록 다음의 명령어를 수행합니다.

다른 터미널에서 켜놓아야 합니다. heroku logs tail

터미널에서 로그인이 되었으면 프로젝트 디렉토리에 있는지 다시 확인해주고 다음의 명령어들을 수행합니다.

유튜브 동영상 다운로드 savefrom
유튜브 동영상 다운로드 savefrom

유튜브 동영상 다운로드 savefrom

두 차례 유튜브 동영상 다운로드 방법 및 홈페이지는 savefrom입니다. savefrom은 사람들이 가장 많이 찾는 다운로더 빌더 중 하나입니다. 활용 MP4 HD를 지원 장점 고화질 영상을 다운로드하고 싶을 때 유용 유튜브 동영상 다운로드 4k Downloader 세 차례 유튜브 동영상 다운로드 방법 및 홈페이지는 4K Downloader입니다. 4K Downloader는 설치하기만 하면 유튜브 동영상 다운로드를 쉽게 할 수 있는 프로그램입니다.

환경 변수 Setting

이제 env 파일에 있는 COOKIESECRET 변수 역시 Heroku의 Config Vars에서 설정해줍니다. COOKIESECRET은 아무 문자열이나 입력해주면 됩니다. init.js의 PORT 부분을 process.env.PORT 4000으로 설정해줍니다. 4000은 프로젝트의 localhost에서 테스트하던 포트로 알맞게 설정해주면 됨 이제 heroku에 수정한 내용을 push 해주고 다시 build 해준 뒤 heroku logs 터미널에서 서버가 적절한 포트에서 제대로 열리는지 확인합니다.

https project name .herokuapp.com위의 링크에 정상적으로 웹 프로젝트가 나타나면 성취한 것입니다. 이제 env 파일에 있는 나머지 변수들도 설정해줍니다.

프론트엔드 빌드 과정

webpack.config.js에서 mode development 코드와 watch true 코드를 제거해줍니다. 터미널에서 npm run buildassets를 수행해줍니다. npm run buildassets

정상 작동함을 확인했으면 이제 npm start를 수행하여 서버가 제대로 작동하는지 확인합니다. npm start 정상 작동함을 확인했으면 종료하고 npm run build를 수행하여 server와 assets 모두 정상적으로 함께 build 되는지 확인해줍니다.

AWS 연결

Heroku의 프로젝트를 새로 빌드할 경우 이미지, 영상 등의 정보는 모두 초기화가 됩니다. 따라서 AWS를 이용하여 이미지나 영상 등의 데이터는 별도로 저장해주어야 합니다. 먼저 AWS의 s3 서비스 페이지로 이동합니다. 만약 가입이 되어있지 않다면 가입을 먼저 진행합니다. httpss3.console.aws.amazon.coms3

Create bucket을 선택하고, 이름과 지역을 알맞게 설정해줍니다.

나머지 설정은 그대로 두고 bucket을 생성합니다. 이제 API Key를 생성해야 합니다. AWS에서 IAM을 검색해 IAM 서비스 페이지로 이동합니다. Users 페이지로 이동하여 Add User를 선택하고 이름을 입력합니다.

3번 홈페이지 savefrom

세 차례 다운로드 홈페이지는 savefrom입니다. 두 번째와 마찬가지로, 유튜브 영상 URL을 복사해서 붙여넣기만 하면 되는데요. 역시나 동영상 다운로드 중 나타나는 페이지 광고와 새 창으로 뜨는 팝업 광고는 주의하시는 것이 좋습니다.

자주 묻는 질문

Heroku에서의 배포

먼저 Heroku에 접속해줍니다. 궁금한 사항은 본문을 참고하시기 바랍니다.

유튜브 동영상 다운로드

두 차례 유튜브 동영상 다운로드 방법 및 홈페이지는 savefrom입니다. 더 알고싶으시면 본문을 클릭해주세요.

환경 변수 Setting

이제 env 파일에 있는 COOKIESECRET 변수 역시 Heroku의 Config Vars에서 설정해줍니다. 좀 더 자세한 사항은 본문을 참고해 주세요.

Leave a Comment