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

이제 heroku & mongo atlas & aws를 이용한 배포까지 할 수 있게 되엇다. 물론 이과정을 몇번 더해야 익숙해질듯 하지만 중간중간 고민이 되었던~ production 할때와 development할때 코드 를 매번 어떻게 해야하나에 대해 풀어봐야겠다. 일단 production모드인 heroku에서 작업을 할때는 multer s3를 통해 업로드를 하고 컴퓨터에서 로컬로 테스팅 할때는 컴퓨터 파일 시스템으로 업로드 하도록 한다. 우선 이미지가 업로드될 폴더와 비디오가 업로드될 폴더를 따로 지정해주고~ aws에도 폴더가 생성된게 볼 수 있다~ 로컬에서도 뭐 이렇게 가져오는데 문제는 이게 아니고 로컬에서 작업할때는 내 파일시스템에 파일이 저장되도록 하고싶다는 것이다. 어찌 보면 간단한 문제였다....

유저 프로필 페이지를 수정을 해줄 건데 약간의 수정사항과 추가사항이 있다. 일단 로그인한 유저의 프로필 페이지로 이동을 하면 기존에는 /:id 를 이용해서 갔는데 userDetail 컨트롤러를 이용해서 id값을 찾아 이동을 했다. 사용자마다 똑같은 user template을 이용하는데 이부분을 바꾼다. 그래서 사용자 프로필 페이지 routes와 컨트롤러를 하나 더만들어준다 헤더 템플릿으로 가서 경로도 다시 설정 해주자 기존 userDetail과 같은 기능을 하지만 다른점은 userDetail은 사용자를 찾는 과정이 필요한데 새로 만든 getMe user를 지금 로그인한 유저인 req.user로 전달한다. 햔재 userDetail은 제 역할을 못하기에 프로필 페이지 접속후 :id부분의 url을 임의로 바꿔..