2020.11.27 피어세션

23조 피어세션

참여자: 박기호, 이수경, 장우영, 전병재, 전우민

기술적인 도전?

• A조
  • 드래그 앤 드랍을 할 예정이다. 버튼 누르기보다 드래그 앤 드랍으로 원하는 위치에 넣는 것이 편하지 않겠나 싶다.
• B조
  • 드래그 앤 드랍 생각했지만 뺐었다.
  • 스니펫
• C조
  • 드래그 앤 드랍 좋은 것 같다. 근데 다른 데 더 집중하고자 일단 빼긴 했다.
  • 타입스크립트 쓰다 보니 타입 안 맞는 부분들이 어려웠다.
  • 파일 구조 잡는 거, mathquill 라이브러리 적용 부분

이번주 힘들었던 점?

• A조
  • Redux + typescript 적용
• B조
  • undo, redo를 mathquill에 적용하는 점
• C조
  • typescript, 파일구조, mathquill 적용

A조에 질문

• branch 전략은 어떻게 되나요??
  • feature를 하나 파서 작업 후, merge를 진행 한다음에 develop을 거쳐서 master로 push한다.
• 짝코딩은 어떻게 하셨는지??
  • 공통된 부분만 짝코딩하고, 기능 분리해서 분업을 진행했다.

B조에 질문

• TDD를 하셨나요??
  • 프로젝트를 진행하면서 바로 바로 테스트를 진행했다.
• 레이아웃 디자인은 고정되시는 건가요??
  • 크게 수정은 없을 것 같다.
• 오른쪽 탭바 관련 토론

C조에 질문

• 익스텐션 크기는 고정인지?
  • 드래그로 크기 가변적으로 할 예정
• mathquill css를 다 관리해주는 건가요?
  • 익스텐션으로 하다보니 다 주입해줘야 한다.
• 비동기 미들웨어는 뭘로 사용하실건지?
  • 아직 미정이다.
• 타입스크립트를 썼을 때 장점
  • 자바스크립트는 자동완성과 디버깅 부분이 기능이 약했는데, 타입스크립트는 초반에 적용하기는 힘들었으나, 자바스크립트의 약한 부분을 많이 개선해줘서 협업하기 많이 좋은 것 같다.

---

• 다들 멀리 살아서 만나질 못하고 있다...

11.27 수식 편집기 피어세션

인원

J032 김동현 J041 김석중 J067 문건우 J099 송진현 J112 안치현

내용

A조

https://github.com/boostcamp-2020/project15-a-Client-Based-Formula-Editor

• alias 쓰면 추론이 잘되나요? import {} from '@src';
  • 잘 추천을 해준다.
• @svgr/webpack 라이브러리를 사용한 이유?
  • 웹팩에서 svg파일을 사용하기 편리함
• Webpack 번들 줄이기👍
• 개발 진행은 어떤 방식로 하셨나요?
  • 환경설정이나 구조는 다 같이 작성하고, 기능별로 이슈를 나눠서 각자 개발하였다.
• S 컨벤션을 사용하신 이유가 있나요?
  • 스타일을 표현하기에 좀 더 수월했던 것 같다.
• 상태의 초기값을 변수로 지정해서 변수명에 초기값의 의미를 알 수 있어서 좋았습니다.
• 사용하는 라이브러리를 학습 정리로 wiki에 공유한 점이 좋았습니다.
• UI가 예쁩니다. 👍

B조

https://github.com/boostcamp-2020/project15-b-Client-Based-Formula-Editor 배포주소 https://kr.object.ncloudstorage.com/client-based-formula-editor-b/index.html

• SVG파일을 jsx로 관리하는게 좋아보입니다👍
• 프로젝트 구조 (container/presentationals)가 써보니 어떤지?
  • 역할별로 구분되어 있어서 구조가 깔끔히 분리되었다.
• 폰트 색상 구현하셨는데 input type:color가 지원되는 건가요?
  • 브라우저가 구현해주는 태그라 브라우저마다 보이는 내용이 다르다.
• Layout Test👍👍👍
• 테스트코드 미쳤습니다..

C조

https://github.com/boostcamp-2020/project15-c-Client-Based-Formula-Editor

• Semantic UI 사용한 이유

  • CSS 시간 단축가능
  • Semantic UI React

• 커스텀훅으로 나누는 것은 어떨까

  • https://velog.io/@velopert/use-typescript-and-redux-like-a-pro

• 크롬 익스텐션 아이디어가 너무 좋습니다 😀

• UI가 너무 좋았습니다.