Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

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

Đang mở
#133 0 bình luận 0 reaction 1 người được giao Xem trên GitHub

@lovelysi0113 đang làm issue này rồi.

Từ ngày 24/5/2021.

  • #129 của @lovelysi0113 — đã merge
  • #135 của @lovelysi0113 — đã merge

Đánh giá

Issue này chưa được đánh giá.

Mô tả

@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 문서에 작성할 수 있는지 찾아보기
Ngôn ngữ chính
TypeScript
Star
9
Fork
3
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Chuẩn bị môi trường

Dự án này không cung cấp dev container, Dockerfile hay hướng dẫn đóng góp, nên bạn cần tự thiết lập môi trường: hãy bắt đầu từ README và xem hướng dẫn đóng góp lần đầu của chúng tôi để biết các bước chung.

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của codestates/Reciper-server

Tất cả issue của codestates/Reciper-server

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.