Minwook’s portfolio

프로젝트 소개 pairz는 태블릿이나 pc와 같은 다양한 환경에서 url주소 하나만으로 카드게임을 즐길 수 있도록 개발된 프로젝트입니다. 사용자가 직접 이미지를 올려서 게임에 기여할 수 있습니다. 또한 게임을 진행 후에 사용자는 스코어를 기록할 수 있습니다. 핵심기술. 1. firebaseClient를 사용한 googleAuth 로그인 2. s3로 이미지를 업로드하고 이미지 주소를 fireStore에 저장 3. useCallback 과 useMemo를 사용하여 react rendering 최적화 Auth Flow 1. FirebaseClient로 AuthModal를 열고 사용자가 로그인 2. onAuthStateChanged firebase 내장함수로 유저정보를 state를 받는다. 3. recoil로 ..

지난 프론트 img를 서버로 전송한 코드를 이어서 서버에서 받은 img를 aws s3 bucket에 올리고자 한다 과정은 크게 나누자면 1. 프론트에서 받은 formData를 fomidable로 파싱하고 서버 폴더에 저장 2. 서버에 저장한 이미지를 fs module로 buffer로 읽어온다 3. buffer를 params body에 담아서 s3 bucket으로 보낸다. 4. 이미지 전송에 성공하면 서버에 저장되었던 이미지를 지운다. 5. 파일 이름을 응답으로 내보낸다. *추후에는 파일 이름을 응답으로 내보내지 않고 파이어베이스 데이터베이스에 저장할 것 이다. 이전 프로젝트에서 프론트에서 s3에 업로드 기능을 구현한 코드를 참고하고자 했는데 AWS.s3.upload()함수의 params body가 타입을..