Enjoy Programming

사이드 프로젝트로~ 유튭과 인스타를 클론하면서 진행중인데~ 좋아요를 구현해보았다.. 생각보다 어렵진 않았는데~ 1. db model의 스키마 타입 정하기 2. 라우터 url설정하기 3. 컨트롤러 작성하기 4. fetch 를 이용해 라우터에 POST로 해당값을 서버로 보내주고~ 5. response로 db에 저장된 값을 가져와서 템플릿에 뿌려준다~ 일단 완성된 것은/ photo모델의 rating 스키마 타입은 objectId로 하고 User모델을 참조한다. User 모델 또한 좋아요 한 영상이나 사진을 각각의 프로퍼티에 배열로 담아준다. apiRouter를 통해 해당 값들을 받아오도록 한다. 템플릿에서 rating prop의 값이 배열로 정해져있으므로 length로 해당 좋아요 갯수를 정한다. 프런트의 자..

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

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

앞서 깃헙 시크릿과 클라이언트 아이디 환경변수를 해로쿠에 등록했음에도 에러가 뿜어져 나왔다... 뭐가 문제일까. 문제가 저기있다.. redirect를 4000번 포트로 이동했다. 기억난다 callback url을 localhost:4000번으로 시작하도록 이걸 바꿔줘야 한다. mysitename.herokuapp.com 으로 ~ 배포시에는 이렇게 하고 테스팅할때는 다시 변경해줘야하는 번거로움이 있다~ 귀찮으면~ 그냥 oauth앱을 두개 만들어서 하나는 테스팅용으로 등록하고 하나는 heroku에 등록하면 된다~ 굳 까먹으니 지금 바로 해놓자. 자 다 제대로 해줬고 깃헙 로그인을 해보자~!~!~! 제대로 잘된다~!~!~!~! 오케이 그럼 로그인되었으니 유저가 생겼을 것이다~ 실제 데이터 베이스로 이동해보자~..

https://signup.heroku.com/ Heroku | Sign up Free account Create apps, connect databases and add-on services, and collaborate on your apps, for free. Your app platform A platform for apps, with app management & instant scaling, for development and production. Deploy now Go from code to running app in signup.heroku.com heroku 사이트에 가서 계정을 먼저 생성하자. 계정생성후 create app을 통해 app을 하나 만들어준다. 이렇게 만들어졌다. hero..

기존 클론코딩시 password의 암호화시 hash와 salt기능을 passport-local-mongoose를 사용했다. 이번에는 블로피시 암호에 기반을둔 암호해시 함수인 bycript를 사용해 진행을 해보았는데. bycript에 대해 잠시 짚고 넘어가본다. bcrypt는 비밀번호 해시 함수로서 Blowfish라는 암호에 기반한다. bcrypt는 조정할 수 있는 해시 알고리즘을 써서 패스워드를 저장한다. bcrypt는 패스워드를 해싱할 때 내부적으로 랜덤한 salt를 생성하기 때문에 같은 문자열에 대해서 다른 인코드된 결과를 반환한다. but 공통된 점은 매번 길이가 60인 string을 만든다. bcrypt는 단반향 암호화를 위해 만들어진 해시 함수이다. sha256같은 기존 해시 함수들의 문제는 ..