DND 학교가 방학을 하고 코로나 덕분에(?) 활동이 자연스레 제한되어 집에만 있게되어 조금 의미있는 활동을 하고자 이것저것 찾아 보고자 구글링이나 sns를 뒤져보았다. 그래서 찾아낸게 DND였는데 양식에 맞췃 개발 경험이나 사용 언어 등, 문제 상황을 겪고 해결한 경험등을 물어보던 양식에 맞춰 제출하고 잊고서 나름의(?) 하고싶은 파트의 공부를 하고 있는데 어느날 연락이 왔다. DND에서 함께 사이드 프로젝트 해보자고,,, 처음 경험해본 프로젝트 흐름 이타부타(?)해서 프로젝트 팀을 편성하고 나는 9조가 되었다..! 우리 조원은 디자이너 2명, 프론트 개발자 2명, 백엔드 나 포함 2명 이렇게 였다. 근데 문제가 있었다,, 다른 백엔드 개발자분께서 파이썬으로 장고로만 개발하셨던 분이여서 사용 언어 자체..

react와 node를 사용해서 youtube clone을 만들어보았다 ,물론 youtube의 모든 기능을 구현한 것은 아니고 react사용해서 간단한 ui나 node사용해서 로그인,영상 업로드 정도만 해보았다. 로그인은 passport사용해서 카톡으로 로그인이 가능하게 구현했다. 이 과정에서 front랑 backend에서 세션 쿠키를 공유하는 부분에서 배움(고통)이 있었다,,, 로그인 후에 mongodb에 넣어둔 사용자 카톡 프로필 사진과 이름을 가져와서 react의 state로 지정해주었다. 그 이후는 react 사용해서 간단한 modal창으로 업로드를 구현했다 upload는 nodejs에서 multer를 사용해서 구현했다. (캡쳐하면서 느낀건데 modal창 기왕 만들꺼면 좀 이쁘게 좀 꾸밀걸 아무리..

youtube-clone을 만드는 와중에 동영상과 썸네일 제목을 입력 받는 과정에서 스키마를 2,3번 수정했다. 근데 문제는 이 과정에서 drop collection을 하지않아서 mongodb에서 색인 오류가 나타났다;; 분명 upload폴더에는 사진과 동영상이 업로드되는데 중복 색인이라는 오류를 보고 캠퍼스에서 documents만 지우고 실행해도 되는줄 알았다. 이 오류를 발생시키는 색인은 현 상황에서는 더 이상 보이지 않는 이전 코드에 의해 생성되었을 가능성이 높다 그래서 컬렉션을 drop하니 문제가 되는 색인 지워져서 다시 db insert가 정상 작동되었다. 맨처음에는 몽고db에서 자동으로 생성해주는 id(ObjectId)의 옵션을 혹시 추가로 auto:true로 지정해줘야 하는줄 알았다,,;

평소에 Nodejs랑 React를 얕게 공부해 놓은게 아까워서 한 번 써먹어볼(?) 생각으로 간단하게 클론프로젝트를 시작했다. 당연히 front는 React로 구현하고 back은 Node, DB는 MongoDB를 사용하고 있다. 회원가입/로그인/로그아웃 구현은 카카오로그인으로 구현 할 생각으로 passport 모듈을사용하며 생긴일,,, Passport 모듈은 회원가입/로그인/로그아웃 과정을 간단히 해주는 모듈이다. passport는 내부적으로 session모듈을 사용하는데 express-session 이후에 선언하여 따로 strategy를 구현해서 사용한다. const passport = require('passport'); const passportConfig = require('./passport')..