21년 04월 16일 데일리 스크럼 회의

지난 회의 이후로 한 일

• 공통

  • ✅ styled-components에 CSS문법 그대로 props를 전달하면 HTML요소에 어트리뷰트로써 그대로 나타나는 이슈를 props명 앞에 달러표시($)를 붙혀 해결해주었다.

• 류하준

  • ✅ Github 회원가입으로 데이터베이스에 필요한 데이터를 저장할 수 있게끔 구현
  • ✅ ec2 인스턴스에 서버 코드를 올렸는데 Google로그인 같은 경우는 리다이렉트 주소를 오픈된 IP를 사용할 수 없어서 가비아에서 devfolio.world라는 도메인을 구매하여 라우트53의 네임서버를 이용하여 등록
  • ✅ 뷰포트에 대한 상태를 관리해주는 커스텀훅인 useDetecterViewport를 프로젝트에 좀 더 맞게끔 수정
  • ✅ Home페이지 컴포넌트의 개발을 시작, 현재 진행상황은 인기, 최신순으로 보여줄 수 있는 버튼의 뷰만 구현해놓았고 프로젝트들의 리스트를 서버에서 받아 상태로 관리하고 그 상태를 리스트로 간략하게만 뿌려주는 작업중
  • 🚨 서버 코드를 github에 올리고 그것을 ec2 인스턴스에서 pull받았을때 구동이 되지 않는 이슈가 있었다. 에러코드는 internal/modules/cjs/loader.js:883이었고 증상은 사이버덕으로 파일을 이동시켜 서버를 구동시키면 정상적으로 구동이 되고 github를 통해서 pull을 했을 경우에만 작동이 되지 않았다.

• 신봉철

  • ✅ chipInputSearch 컴포넌트를 계획한만큼은 완성을 했고 추후에 리팩토링 예정 (요소를 지울때 hover를 하면 마이크로 인터렉티브 구현하고 싶음)
  • ✅ DND컴포넌트 기능구현은 됐었지만 스타일링이 부족했어가지고 피그마 시안과 동일하게 만들어줬는데 그때 스토리북에서 접근성 에러가 났었는데 DND컴포넌트도 결국 Input요소라서 id값을 주어 label의 HTMLfor속성과 연결해주니 해결이 됐다.
  • ✅ 프로젝트 등록페이지의 프로젝트 이름(작성) 컴포넌트를 생성했다. 하지만 Input을 사용했더니 상태를 관리가 곤란해져서 Input을 비롯하여 컴포넌트를 리팩토링 해야 할 것 같다.

• 최수혁

  • ✅ 로그인 모달 다이얼로그 전반적인 디자인은 완성됐지만 아이콘의 크기 조절에 관하여 조금 더 수정이 필요함, 반응형도 작업해야함
  • ✅ 회원가입 모달 다이얼로그 생성, 디자인은 로그인 모달 다이얼로그와 동일한 작업 진행도를 가지고 있음
  • ✅ 모달 다이얼로그를 띄웠을때 포커스가 다이얼로그의 뒤에서 놀고있는 이슈를 해결하였음
  • 🚨 SVG아이콘에 width를 주니 크기가 정상적으로 조정되지 않는 이슈가 있었음, 뷰박스 속성을 조정하여 해결해 줄 예정

다음 회의까지 할 일 (계획)

오늘의 목표 (📌 ), 도전(🔥 )

• 공통

  • 📌 오후 8시 두번째 스프린트에 대한 계획, 목표를 팀원들과 상의하여 작성

• 류하준

  • 📌 Home페이지 컴포넌트를 반응형으로 완성
  • 📌 구글로그인에 대한 리다이렉트 규칙을 등록한 도메인으로 설정하고 회원가입과 로그인까지 가능하게끔 설정
  • 📌 프로젝트에 redux와 redux-thunk를 적용하고 로그인 모달 다이얼로그를 이용하여 구글과 깃헙으로 로그인했을때 유저의 정보를 받아 인증상태(전역)로 관리하기
  • 🔥 위의 작업 목표들을 완료했으면 팀원들의 트러블에 대해 이야기하고 관심 가져보기

• 신봉철

  • 📌 어제 이슈가 됐던 Input, Radio, SelectBox컴포넌트에 대한 리팩토링 (상태관리가 중점)
  • 📌 DND, ChipInputSearch 컴포넌트를 컨테이너 컴포넌트로 봐야할지 그냥 컴포넌트로 봐야할지 고민하고 상태관리에 대한 리팩토링을 진행
  • 📌 프로젝트 작성 페이지에 들어가는 큰단위의 컴포넌트 생성(기존에 만들어놓은 작은단위의 컴포넌트들을 합쳐서)

• 최수혁

  • 📌 로그인, 회원가입 모달 다이얼로그를 반응형으로 리팩토링
  • 📌 formik과 yup에 대해 공부하기 (로그인과 회원가입에 대한 상태를 관리하기 위함)
  • 🔥 formik과 yup을 이용하여 회원가입 모달 다이얼로그의 상태를 관리해보기

이슈