220202 수

김창민

오늘 한 일

• [ Google Login ] : OAuth, React 에서 로그인

---

이본행

오늘 한 일

• 공통 ui 어떻게 합칠지랑 캔버스 일정 산정, 앞으로 일정에 대한 고민
• 관심 목록 레이이웃 마크업

---

이희승

오늘 한 일

• 공통 ui, 각자 맡은 레이아웃 작업
• cypress 연습

---

서대원

오늘 한 일

• storybook, jest 테스트 관련 학습 및 정리

---

공통

내일 할 일

• 공통 ui, 각자 맡은 레이아웃 develop에 merge하기

---

캔버스와 TDD를 사용할 때

캔버스 차트에서 사용자와 인터랙션하는 부분은 없기 때문에 jest를 활용해서 유닛테스트 위주로 해야 한다.

TDD

스토리북 쓸지?

김창민, 이희승 storybook 오전 10시까지 알아보고 다시 논의하는 걸로

→ jest, cypress 확정

아이콘 CSS pseudo element에 넣을지 fortawesome 아이콘으로 넣을지 목요일에 논의하기

캔버스 차트 개발 일정을 얼마나 잡을지?

처음 타임라인에 5일로 잡았는데.

리액트 개발 초기에 페어 프로그래밍 논의

(TDD 코드량 2배 느는 이유도 있음)

1. 캔버스 차트 각자 개발 - jest 14일 동안 구현한 사람이 canvas, svg 각각 차트 구현해서 라이브러리로 퍼블리쉬까지 했음 오래 걸려도 7일 안에 할 수 있다. TDD
2. 캔버스 차트 페어 개발 - jest 목,금 캔버스 일정 산정하기 위해서 각자 조사해보기. TDD 학습. 컴포넌트 분리
3. 리액트 컴포넌트 다른 기능 각자 개발 - jest, cypress
4. 리액트 컴포넌트 다른 기능 페어 개발 - jest, cypress

• jest - DOM, 데이터? ← 데이터 중점 테스트
• TDD 적용해야 하기 때문에 페어 개발쪽으로
• 매일 2~3시간?
• 내일 목요일 api 연동 yahoo-financial-api, 뉴스쪽은 아직 결정 안됨. 나중에(네이버, bing)

먼저 공통 UI 머지 어떻게 할지?

작업 마무리되고 해야되서 내일 오전 10시에 하는 걸로

이슈 1번 - common ui 목록 ~~~~~~ 1개의 PR 머지로 할 수가 없다.

1. PR 4개가 있는데, 1번 이슈를 닫는다. 4개의 각자이름 - common ui로 이슈를 만들어서 4번의 merge로 덮어써서 최종본을 만든다.
2. PR 4개가 있는데, 1번 이슈를 닫는다. 작업완료된 코드리뷰를 통해 가져올 ui별로 이슈를 다시 열어서 이슈별로 브랜치를 만들고 거기에 가져올 ui 넣어놓고 PR올려서 머지

헤더 컴포넌트 돋보기(검색) 버튼, 관심목록에 연필(편집), 플러스 버튼 → 헤더컴포넌트 추상화

nextjs의 layout 컴포넌트

다크모드 적용

절대 경로 설정 - tsconfig.eslint.json에서도 이슈 있음

import compo from '../../../components/Header';

import compo from '@components/Header';