Hacktoberfest 2026：メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

[✍️ Dev Log] 정송이 / 2021-05-24

オープン
  • 何か問題がありますか？
#133 コメント 0 件 リアクション 0 件 担当者 1 名 GitHub で見る

@lovelysi0113 がすでに取り組んでいます。

2021年5月24日 から。

  • #129 @lovelysi0113 による — マージ済み
  • #135 @lovelysi0113 による — マージ済み

評価

この issue はまだ評価されていません。

説明

@lovelysi0113/기록은 성장의 밑거름 ❄️ Dev Log
오늘은 어떻게 프로젝트에 기여했나요?
  • #127 middleware chatChecker 구현
    • 채팅 하기 전, 해당 프로젝트가 맞는지에 대한 여부와 현재 유저가 이 프로젝트의 멤버인지 확인
    • projectURL, access token으로 확인 가능
    • #123 middleware를 파일로 분리
  • #128 getUserInfo 함수 구현
    • access token으로 유저 확인하는 기능을 함수로 따로 구현
    • 반복되는 코드를 효율적으로 활용하기 위해 한 함수로 작성하였음
    • #127 #19 각 middleware에 getUserInfo 함수 추가
  • #96 코드 수정 및 정리
    • 하드코딩 부분을 실제 데이터 저장할 수 있도록 변경
    • 이벤트 이름을 직관적으로 변경
      • ‘Message’ -> ‘sendMessage’
      • ‘totalMessageGet’ -> ‘getAllMessages’
    • 어떤 동작을 하는지 알아볼 수 있게 test를 위한 console.log 추가
  • #134 클라이언트와 연결하여 테스트 진행
오늘의 프로젝트에서 힘든 점은 무엇인가요?
  • 오늘은 크게 어려운 점은 없었다. 며칠동안 socket.io가 어려워서 힘들었는데, 오늘 실제로 코드를 작성하면서 socket.io에 대해 많이 이해하게 되고 어떤 식으로 동작하는지 알게 되었다.
    지금은 한 파일에 socket을 사용하는 모든 기능들을 다 작성했지만 조금씩 파일 분리를 할 예정이다. 우선 오늘은 middleware 코드를 파일 분리하는데 성공해서 기쁘다. 
    import chatChecker from './middlewares/chatChecker';
const chatting = io.of('/chat');
chatting.use(chatChecker);
  • socket 통신할 때 클라이언트에서 data 뿐만 아니라 다른 값들도 함께 보낼 수 있다. 이를 활용하여 서버에서 여러가지 작업을 할 수 있다.
    이번에 middleware - chatChecker를 구현할 때도 query, auth 등을 사용해서 원하는 데이터를 받을 수 있게 되었고 원하는 작업을 할 수 있게 되었다. 
    // 클라이언트
sockets[projectUrl] = io(`${process.env.REACT_APP_SERVER_URL}/chat`, {
    transports: ['websocket'],
    auth: {
        token: 'access token',
        logintype: '로그인 타입',
    },
    query: {
        projectURL: projectUrl,
    },
});
// 서버
const { projectURL } = socket.handshake.query;
const { token, logintype } = socket.handshake.auth;
내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
  • workspace 기능 구현 + 테스트
    • chat
      • 클라이언트-서버 연결하고 테스트 진행
      • chat에서 추가로 필요한 기능 구현
    • kanban
    • calendar
  • API 문서, 스키마 디자인 수정&보완
    • socket 통신도 API 문서에 작성할 수 있는지 찾아보기
主要言語
TypeScript
スター
9
フォーク
3
30日以内にマージされた PR はありません

環境構築

このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

codestates/Reciper-server のほかの issue

codestates/Reciper-server の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。