모코모코(모여라 Co-Workers) - Backend

함께하는 스터디 어플, 모코모코🌏

Hoxy~🤔 함께 성장할 동료(Coworkers) 찾으시나요👀

기획자, 개발자, 디자이너 동료들을 모코모코(MocoMoco)에서 찾아보세요✨

모코모코는 함께 스터디 또는 프로젝트 등을 하면서 성장할 동료를 찾는 어플리케이션입니다!

🤔 기획 의도

복수 전공생으로서 같이 코딩을 공부하고, 고민을 나눌 사람에 대한 필요성을 느껴왔습니다.

혼자 하는 공부도 중요하지만, 같이 목표를 세우고 달려가는 페이스 메이커도 중요하다고 생각합니다.

함께하는 동지를 만들어 보는 것은 어떨까요? 여러분의 동료를 만들어 드릴께요👊🏻

함께해요 모코모코!!!

---

📌 프로젝트 기간 및 팀원 소개

• 기간 : 2021년 4월 25일 ~ 2021년 5월 27일

• 팀원

  • CLIENT

    

    

  • BACKEND

    

    

    

  • DESIGN

    

---

🎯 타겟층

• “개발자, 디자이너, 기획자“를 꿈꾸지만, 함께 공부하고 이야기 나눌 친구가 없어 고민인 분들!

• 네카라쿠배 면접 스터디는 어디있을까? 정보가 부족해 커뮤니티가 절실한 취준생!

• 나만의 포트폴리오를 위해, 프로젝트 팀원을 어디서 구해야 할 지 막막한 분들!

• 가까운 동네에서, 원하는 지역에서 다양한 모임을 구하고 싶은 분들!

---

💖 어플리케이션 다운로드 링크

https://play.google.com/store/apps/details?id=com.teammocomoco.android.mocomoco

---

🎥 시연 영상

https://www.youtube.com/watch?v=Q2pUbG6HHnw

---

⚒️개발 스펙

✨Node.js✨

개발 언어 : Typescript

데이터베이스 : MongoDB

배포 : AWS , S3(이미지)

✨프로젝트 중 고민한 부분✨

1. Jest 테스트 코드 작성

이전 프로젝트에 비해서 API가 많아지고, 연결된 사항이 많아서 Postman으로 확인 시 많은 시간이 걸리게 되었다.

또한 실제 사용자를 받게 된다는 점에서 코드에 대한 자신감이 필요했다.

그래서 Jest를 이용하여 Service와 Contorller에 대한 모든 테스트 코드를 작성하면서, 미쳐 발견하지 못했던 오류도 찾고

코드 변경시 테스트 코드를 돌려서 확인함으로서 코드에 대한 자신감을 얻었다.

2. 오프라인 상태에서 채팅보내기

소켓이 연결된 상태에서 메세지를 저장하게 된다면 오프라인 상태에서는 소켓이 연결되지 않으므로 메세지를 받기 힘들다.

따라서 API를 통해 채팅 기록을 데이터베이스에 저장하게 된다면 오프라인 상태에서도 message를 나중에 열람이 가능하다.

private createChat: RequestHandler = async (req, res, next) => {
    const userId = res.locals.user;
    const chatData: Chat = req.body;
    const { roomId } = req.params;
    if (!Types.ObjectId.isValid(roomId)) next(new Error("오브젝트 아이디가 아닙니다"));

    try {
      const chat = await this.chatService.creatChat(chatData, userId, roomId);
      // 여기를 통해 소켓에서 메세지를 보낸다.
      req.app.get("io").of("/chat").to(roomId).emit("chat", chat);
      return res.send({ result: "success" });
    } catch (err) {
      next(err);
    }
  };

3. 타입 스크립트에서의 multer-s3-transform

multer-s3-transform 을 쓰려고 했지만 npm에 node-js는 지원을 하지만 typescript는 지원을 하지 않습니다.

일단 코드에 적용을 시켜보니까 해당 모듈의 타입 지정이 되어있지 않은 오류가 났기 때문에, 잘 작동하는 다른 모듈을 대조해서 타입을 지정하는 파일을 작성했습니다.

해당 파일을 @Types폴더에 넣은 결과 정상적으로 작동이 되었다.

interface Options {
    s3: AWS.S3;
    bucket: ((req: Express.Request, file: Express.Multer.File, callback: (error: any, bucket?: string) => void) => void) | string;
    key?(req: Express.Request, file: Express.Multer.File, callback: (error: any, key?: string) => void): void;
    acl?: ((req: Express.Request, file: Express.Multer.File, callback: (error: any, acl?: string) => void) => void) | string;
    contentType?(req: Express.Request, file: Express.Multer.File, callback: (error: any, mime?: string, stream?: NodeJS.ReadableStream) => void): void;
    shouldTransform?: ((req: Express.Request, file: Express.Multer.File, callback: (error: any, shouldTransform?: boolean) => void) => void) | boolean;
    transforms: [
        {
            id: string,
            key: (req: Express.Request, file: Express.Multer.File, callback: (error: any, key?: string) => void) => void,
            transform: (req: Express.Request, file: Express.Multer.File, callback: (error: any, key?: function) => void) => void
        }
    ]
    contentDisposition?: ((req: Express.Request, file: Express.Multer.File, callback: (error: any, contentDisposition?: string) => void) => void) | string;
    metadata?(req: Express.Request, file: Express.Multer.File, callback: (error: any, metadata?: any) => void): void;
    cacheControl?: ((req: Express.Request, file: Express.Multer.File, callback: (error: any, cacheControl?: string) => void) => void) | string;
    serverSideEncryption?: ((req: Express.Request, file: Express.Multer.File, callback: (error: any, serverSideEncryption?: string) => void) => void) | string;
}