2주차

Week2

피어세션 1조

공유한 이야기들

• webpack 설정을 가져가는 라이브러리가 있다?

  • 일부 모듈에서, webpack 설정을 포함하고 있고, 해당 설정을 사용하여, 기존 설정한 config를 무시하는 경우가 있다.
  • 에러 로그를 확인하여 잘 대처하자!

• Koa에서 API URI 적는 방식이 Express랑 다르다.

  • Express에서는 app.use같은 것을 이용하여 prefix를 지정해준 후, 해당 라우터에서 uri를 파생시킬 수 있었다. 물론 Koa에서도 가능한데, uri에서 /를 제대로 적어주지 않으면 인식하지 못하는 문제가 존재했다. 마치 prefix에 적어준 uri와 실제 router에서 적어준 uri를 concat하는 느낌이었다. 슬래쉬를 고려해서 경로 잘 적어주자!

• 폴더 구조를 어떻게 나눠야할까?

• package.json에 npm install을 정해진 브랜치에서만 실행하고, 의존성을 관리하자

• 소셜 가계부 방향성에 대한 고찰

• 텍스트에서 거래 내역을 추출하는 기능을 어떻게 구현할것인지?

• 추가기능 중 공유 화면이란 무엇일까?

  • 여러 사용자가 같은 화면에서 작업하고 있을 때, 작업 내용이 바로 반영되는 것을 한 화면에서 확인 할 수 있는 것이 아닐까?

• N-Screen

  • D조는 Web을 기준으로, E와 F조는 Mobile Web을 기준으로 스크린 크기를 고려했다. E와 F조의 경우, Web에서 볼 때는 모바일 네이버처럼 최대 width 등을 임의로 지정하여 모바일 view를 크게 띄워주는 정도로 생각하고 있다고 한다.

• Git Actions의 다양한 활용 방법

  • 배포 자동화 말고도 Git Actions를 활용하여 Assignees나 Reviewer를 자동으로 지정해줄 수 있다. F조님들께서 작성하신 yml파일에 그 내용이 쓰여있다. 💯
  • 인증서 기반의 SSH 접속도 가능합니다. 이를 이용해서 자동 배포를 적용할 수 도 있습니다! -E조-

• 무료 도메인 연결을 해주는 사이트가 있다.

---

피어세션 2조

2주차 피어세션 - 26그룹

🔥 참여 캠퍼

J004_강민수, J009_고병화, J029_김도연, J085_박제구, J092_박진용, J074_박동현

🕖 활동 과정

🙋‍♂️ 힘들었던 점/기술 공유

• 함께 하니까 어려운 점이 생겨도 바로 해결이 되었다.
• OAuth 구현 방식 공유
  • callback url 을 서버 또는 프론트에서 받는지
• Batch 서비스 동작 방식 및 사용이유
  • cold data, hot data 관리
  • 고정 지출 관리
• Atomic 디자인
  • webpack 등 환경 설정 문제에서 이슈가 많았다.
  • 작은 component의 단위가 선행 되지않으면 뒷 작업이 되지않아서 힘들다.
  • defaultProps를 사용하여 스타일에 적용
  • http://honey-in-money.kro.kr:6006/

📁 폴더 구조 공유

• D조
  • server
    • 견고한 nodejs를 기반으로 설정
    • 큰 구조는 api, config, loaders, models, services
    • api 내에 controllers, middlewares, routes로 나누어 관리
    • services에서 복잡한 로직 관리
  • front
    • components, api, test, utils, pages 등의 구조
    • components에서 공통 컴포넌트 위주로 나누어서 관리
    • pages에서 컴포넌트들 조합하여 구현
    • utils에서는 공통적으로 쓰이는 로직 관리
• E조
  • server
    • view 별로 하나의 폴더에서 router, controller, service, middleware 로 관리
  • front
    • src/component에서 atoms, molecules, organisms로 나누어 component를 관리
    • theme와 utils로 자주 사용되는 것들을 분리
• F조
  • server
    • domain 위주로 관리(도메인에 해당하는 router, service, type 관리)
    • 공통으로 사용하는 middleware는 middleware 하위에서 관리
    • service에 repsoitory를 가지고 있게 구현
  • front
    • commons, components, container, views 구조
    • 기능위주로 컴포넌트 분리
    • 컴포넌트에서 type, style 을 따로 분리하여 작성

🎸 기타

• octotree 설치하면 github 폴더 구조 보기가 용이하다.
• vscode 확장툴 공유: git lens