Skip to content

회의록 2주차

Seongbin Kim (김성빈) edited this page Nov 13, 2018 · 1 revision

프론트엔드팀 2주차 회의록 (2018-11-11)

작성: 김성빈(Ethan) - 프론트엔드팀 일꾼

작성일: 2018-11-11 PM 3:00


요약

  1. [개발/디자인] Material Design을 사용하기로 함.
    1. 디자이너/개발자 간 협의 완료 :)
    2. why material?
      1. [디자이너] Sketch Plugin으로 Theme Editor 지원
      2. [개발자] Material-UI 라이브러리가 React Component 지원
      3. Theme Editor와 Material-UI가 궁합이 괜찮음 by @포드
  2. [개발] 이번 주 (11/11 ~ 11/18) TODOLIST
    1. Github Repository을 다음과 같은 option으로 생성 후 공유
      1. CRA 최신버전
      2. 라이브러리 [React-Router, Redux, Redux-Saga, Axios]
      3. 코딩 컨벤션 툴 [ESLint]
      4. 테스트 프레임워크 [Jest, Enzyme]
      5. npm말고, yarn 사용
    2. 도입한 기술에 익숙해지기
    3. 기본적인 테스트, TDD에 대해서 어느 정도 공부하기
  3. [개발] 3단계 학습 마일스톤을 결정하였음.
    1. 기술에 대한 공부 - 3개의 마일스톤이 존재함
      1. STEP 1: 도입한 기술에 먼저 익숙해져야 함
      2. STEP 2: 능력이 되는 만큼 기술을 도입해 Sample Project로 실습
      3. STEP 3: 실습이 끝난 시점에 기획이 나왔다면, 기획된 App을 개발, 기획이 안나온 경우 특정 Webapp을 clone하여 실습

본문

  1. [오프모임] 각 팀원의 소개 및 스터디에서 얻고자 하는 것들을 정리했습니다.

    1. @Yohan Woo(우요한)님
      1. 소개
        1. 모두의 주문 rough 기획을 제공
        2. 화장품 회사에서 일했던 경력
        3. illustrator를 주로 사용
      2. 얻고자 하는 것들
        1. Sketch를 배우는 것
    2. @포드(박주형)님
      1. 소개
        1. Line에서 게임 플랫폼 UX 디자이너로 재직
        2. Material 관련해서 디자인적 도움을 줄 수 있음
      2. 얻고자 하는 것들
        1. React 개발을 배우는 것
        2. 직접 React로 Table을 구현할 수 있는 수준에 도달
    3. @Ethan(김성빈)님
      1. 소개
        1. React와 Spring으로 프로젝트 진행중
        2. Material-UI 사용 경험 있음
      2. 얻고자 하는 것들
        1. React 코드베이스를 좀 더 클린하게 유지하는 것
    4. @Rachel.Lee(이슬기)님
      1. 소개
        1. 회사에서 Frontend를 담당
        2. 회사 팀에서 Redux-Saga로 넘어가야 함
      2. 얻고자 하는 것들
        1. 제대로 React를 다루고 클린하게 다루는 것
    5. @Dylan(주민우)님
      1. 소개
        1. 거래소 스타트업에서 프론트엔드로 재직
        2. 현재 스타트업의 프론트엔드를 처음부터 개발
      2. 얻고자 하는 것들
        1. React-Native로 프로젝트를 진행하는 것
        2. Redux-Saga, TDD 도입
    6. @Rachel(류은정)님
      1. 소개
        1. UI 디자이너로 재직
        2. 웹 디자인에서 앱 디자인으로 가려고 함
        3. Sketch, Zepplin을 독학 중
      2. 얻고자 하는 것들
        1. Sketch, Zepplin으로 구현하는 것
    7. @Hosung(문호성)님
      1. 소개
        1. 회사에서 IBM의 domino 솔루션으로 개발 중
      2. 얻고자 하는 것들
        1. React 학습
        2. 프로젝트가 전체적으로 어떻게 진행되는지 파악
  2. [기획] 이런 저런 얘기

    1. 기획을 빵빵하게 하는 것은 좋지만, 기획에 공수가 들어가는 것은 선호X
    2. 상세 스펙을 정의하는 일이 필요
    3. 점주용과 사용자용으로 분리?
  3. [디자인] TODOLIST

    1. 기획이 안나와서 디자인은 할 수 있는 게 없음
      1. why? 기획자의 부재
    2. 벤치마킹 정도는 할 수 있을 듯 by @Rachel
    3. 다음 주에 MVP를 만드는 것도 고려
  4. [개발] 진행 방식 결정

    1. 개발자들이 기획을 하는데 공수를 들이는 것은 좋지 않다고 생각 by @Dylan
    2. 지금 스터디원들이 어느 정도 React, Redux를 사용할 수 있어서 약간 더 어려운 주제를 공부하기로 함 - Test, Saga
    3. 스터디원들의 얻고자 하는 것들을 고려해서 진행 방향 결정
      1. 코드 리뷰를 진행
        1. @Ethan이 Maintainer로 일하기로
        2. Pull Request, 코드 읽기는 주중에 진행
        3. 주말에는 얼굴 보면서 리뷰 진행
        4. 코드 리뷰 시 얼굴 붉히는 일이 있다면 안하는 게 좋음 by @Dylan
        5. 코드 리뷰의 질은 선의에 맏길 수 밖에 없음 by @Dylan
      2. TDD(Test Driven Development)로 진행
        1. 테스트에 대한 공부가 필요함
          1. 스터디원 중 이미 적용 중인 경우가 없음
        2. Test Framework 결정
          1. Jest
          2. Enzyme
      3. ESLint 적용
        1. airbnb 스타일로 적용
      4. React는 최신버전 사용
        1. CRA로 생성
      5. Package Mananger - not NPM, Yarn 사용
        1. why?
          1. 병렬로 처리해 빠른 속도
          2. npm에 비해 엄격한 패키지 관리
      6. 앞으로 적용할 프로세스 - 3단계 마일스톤 결정 :)
        1. 도입한 기술(Lib/Tool/Framework)에 익숙해지는 것
          1. 문서 읽기 등
      7. 배운 기술로 직접 Sample Project를 진행
        1. 기술 수준은 할 수 있는 만큼
        2. Feature 수준도 할 수 있는 만큼
      8. 익숙해졌으니, 프로젝트 진행
        1. 스터디 주제의 상세 기획이 나온 경우 그 Webapp을 개발
        2. 아니라면, 특정 Webapp을 clone해서 개발 (기획 공수X)