논의

문서 모음

• 데브코스
• 리아 - 팀 빌딩 엑셀 문서

• 프로젝트
• freecodecamp - 좋은 소프트웨어 디자인 문서 쓰는 법

스택

1. React CRA

2. redux

3. emotion

1. 유닛 테스트(unit test) / 통합 테스트(integration test)
1. react-testing-library
2. jest

1. 문서화!!
1. storybook

2. 코딩 컨벤션
1. 린트 & 포매팅 규칙
• 🤔 기존 알려진 유명한 것 - 가제 - airbnb
• 동영 멘토님 영상

3. CI / CD 자동화 툴 (option)
• Jenkins
• GitHub Actions

SNS 테마 정하기

• 패션 날씨 (모바일 우선) - 좋아효

팀장

• 👑 종현님👑 (힘들면 언제든 넘기셔도 됩니다!)

협업툴

• github wiki & project

• Notion

• Figma

프로젝트 진행 방법

• 스크럼 - 큐알 코드 찍고 바로 (1시): 겪고 있는 어려움 공유 (Issue)

• 주차별 회고

• 마일스톤 정하기 - [freecodecamp - 좋은 소프트웨어 디자인 문서 쓰는 법]

내일 할 이야기

1. 깃 커밋 컨벤션 (https://gitmoji.dev/)
➡️
 

2. eslint & prettier

3. 주제 정하기

4. 기능 명세 - 마일 스톤 (레이아웃)

5. 깃플로우 - 브랜치 나누는 기준 - 배포 주기

월요일 일정

1. 타입스크립트 정리

2. 리덕스 정리...?🙏

3. 기획 확정 및 기능명세, 와이어프레임 정리

달리님 추천

1. 브랜치 룰, 전략 (master에 바로 푸쉬 안되게 등)

2. yarn workspace 모노 레포

3. amplitude, google analytics

4. sentry, bugsng

5. lighthouse 테스팅

6. Lazy Loading, Intersection observer, cache 등

7. 한재엽 - 협업하고 싶은 개발자 https://slidrio-decks.global.ssl.fastly.net/1280/original.pdf?1522202025

8. 푸셔

웹소켓

import io from 'socket.io-client';
import { useCallback } from 'react';

const backUrl = process.env.NODE_ENV === 'production' ? 'http://3.37.157.174' : 'http://localhost:3095';

const sockets: { [key: string]: SocketIOClient.Socket } = {};
const useSocket = (workspace?: string): [SocketIOClient.Socket | undefined, () => void] => {
  const disconnect = useCallback(() => {
    if (workspace && sockets[workspace]) {
      sockets[workspace].disconnect();
      delete sockets[workspace];
    }
  }, [workspace]);
  if (!workspace) {
    return [undefined, disconnect];
  }
  if (!sockets[workspace]) {
    sockets[workspace] = io.connect(`${backUrl}/ws-${workspace}`, {
      transports: ['websocket'],
    });
    console.info('create socket', workspace, sockets[workspace]);
  }

  return [sockets[workspace], disconnect];
};

export default useSocket;

후보였던 것들

• 붕어빵 가슴 속 3천원

• 안암생활