일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- form
- JavaScript
- heroku
- ECMAScript
- graphQL
- javscript
- Flutter
- Mongoose
- nodejs
- CLONE
- TypeScript
- Session
- react
- API
- GRID
- frontend
- CSS
- DART
- 리액트
- HTML
- backend
- NextJs
- express
- clonecoding
- 자바스크립트
- MongoDB
- pug
- node.js
- ES6
- Component
- Today
- Total
목록multer (4)
Enjoy Programming

이제 파일을 관리하기 위해 aws를 사용해본다. 먼저 aws란 무엇인가 아마존 닷컴에서 개발한 클라우드 컴퓨팅 플랫폼이다. Amazon Web Services 는 아마존에서 제공하는 클라우드 서비스로 네트워킹을 기반으로 가상 컴퓨터와 스토리지, 네트워크 인프라등 다양한 서비스를 제공한다. 비즈니스와 개발자가 웹서비스를 사용하여 확장 가능하고 정교한 애플리케이션을 구축하도록 지원한다. 클라우드 컴퓨팅의 장점을 이용하기 위해 많은 기업들이 활용하고 있다. 클라우드 컴퓨팅이란 인터넷을 통해 it리소스와 앱을 온디맨드로 제공하는 서비스이고 과금제이다. 기존의 물리적인 형태의 실물 컴퓨팅 리소스를 네트워크 기반 서비스 형태로 제공하는것. 사용자로 하여금 네트워크 상에서 클라우드 서비스의 자원을 사용하는 것을 의미..

기존 프로필 수정 페이지는 get방식만 있었다 그런데 이제 프로필 이미지 수정이나 이름 수정 , email 수정등을 추가할 예정이라 이제 post방식의 컨트롤러도 하나 만들어 준다. 수정했으니 이제 라우터도 바꿔주자 음 이제~~ 프로필 이미지 변경에 필요한 미들웨어를 하나 만들어 준다. 비디오 업로드와 동일하다~~ 인코딩 타입 정해주고~ 업로드 파일 형식 지정을 해줬다. 그리고 프로필 수정페이지에 들어가면 인풋박스에 벨류값으로 현재 로그인된 유저의 이름과 이메일을 띄워준다. 그리고 postEditProfile 컨트롤러를 만들어주자 먼저 body parser를 통해 이름과 이메일 업로드 파일을 가져오고 만약 파일이 있다면 이전에 저장소에 저장된 파일을 경로를 통해 삭제해주고 또한 함께 db의 avatarU..

비디오 업로드는 되지만 비디오가 재생이 되지는 않는다 현재 링크가 제대로 이루어지지 않았기 때문이다. 일단 생성된 videos폴더를 지우고 다시 upload/videos로 변경해주자 주의할 점은 /upload/vidoes로 하면 컴퓨터상의 root로 설정이 되기때문에 프로젝트상의 폴더로 꼭 지장해주자. 그리고 몽고db에서 업로드한 파일을 지워주는데 터미널에서 mongo를치고 mongodb에 접속 후 use를 이용해 생성한 we-tube db에 접속하자 use we-tube>> mongodb 명령어는 mongo로 접속후 help를 치면 자세히 나온다 접속했으면 데이터들을 삭제 ( db.videos.remove({}) ) 그리고 exit 그리고 업로드를하면 .. 역시 파일이 재생되지 않는다. 아직 한가지 빼..

저번에 db를 홈컨트롤러에 연결했다. 근데 upload를 해야 db에 쌓든 불러오든 할 수 있으니 upload controller도 손보자 저번에도 포스팅 했듯이 파일 자체를 데이터베이스에 저장하지 않는다. 파일의 url을 텍스트로 넣는 일을 한다. 먼저 우선 유저가 videoController에서 upload할때 무슨 일이 일어나는지 알아보자. 우선 시험 삼아 파일 하나를 업로드 하고 콘솔을 찍어보면 file name, title, descritption이 찍힌다 하지만 파일 네임을 원하는게 아닌 파일의 주소가 필요하다. 자 우선 upload.pug에 가서 이미지파일이나 다른 파일이 아닌 video파일만 허용해주자 accept 속성을 이용해서 video만 allow해줬다. 이제 파일을 업로드하면 url..