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

데일리 스크럼 템플릿

한 일 (✅ ), 진행 중 이슈사항(🚨 )

지난 회의 이후로 한 일

• 공통

  • ✅ SVGIcon을 사용할때 width, height값을 주어 레이아웃 재조정

• 류하준

  • ✅ 포트폴리오 조회페이지의 뷰 완성 및 더미데이터 -> 실제 데이터베이스의 데이터를 통해 렌더링
  • ✅ 프로젝트 중간 발표 준비로 지금까지의 작업을 오후 1시반까지 합치고 간략한 테스트(콘솔창의 경고 메세지조차 하나 없게끔)
  • 🚨 처음에 데이터를 불러와서 바로 사용하려고 하다보니 상태가 업데이트 되기전에 객체의 프로퍼티를 참고하는 코드를 작성했더니 오류가 발생하였음, 이렇게 useEffect가 실행된 후 참조해야하는 프로퍼티 같은 경우는 조건처리를 해주어야 할 것 같음.
  • 🚨 포트폴리오 페이지의 뷰가 position요소가 많아서 z-index설정을 잘 해주어야 한다.
  • 🚨 구글로 로그인 했을때 이미지의 크기가 너무 작아서 자동으로 이미지를 설정할 시 너무 보기가 싫다.
  • 🚨 페이지 첫 진입이나 리로딩 시 데이터가 아직 불러와지지 않은 상태여서 스켈레톤 UI나 스피너등을 도입해야 할 것 같다.

• 신봉철

  • ✅ 프로젝트 등록페이지의 반응형 작업 (1280vw 이상에서는 grid 사용, 그 미만에서는 flex 사용)
  • ✅ yup에 대한 정보를 알아보며 전반적인 개념에 대해 공부...하다가 잠듬
  • 🚨 grid가 넘나 힘들었다.............. 열과 행을 나누는 방법이 다양한데 처음 접하다보니 어떤 방법이 좋은건지 갈피를 못 정하고 헷갈리게 됐던것 같다. 익숙치 않음이 이슈....

• 최수혁

  • ✅ 좋아요 버튼이 스크롤에 따라 자연스럽게 애니메이션 처리되는 작업
  • ✅ 프로젝트 설명에는 html코드가 그대로 들어오는데 그 중에 자주 쓰는 태그들의 스타일링을 해주었다. (추후 지금 생각하지 못한 태그들에 대한 스타일링이 추가되어야 함.)
  • ✅ 실제 데이터베이스에서 프로젝트의 데이터를 받아와 렌더링 해주는 작업을 함, 아직 github_url, deplopy_url에 대한 validation은 하지 못했다.
  • 🚨 처음에 데이터를 불러와서 바로 사용하려고 하다보니 상태가 업데이트 되기전에 객체의 프로퍼티를 참고하는 코드를 작성했더니 오류가 발생하였음, 이렇게 useEffect가 실행된 후 참조해야하는 프로퍼티 같은 경우는 조건처리를 해주어야 할 것 같음.
  • 🚨 Route에 render props로 컴포넌트를 연결시켜주니 match props를 전달받지 못하는 이슈가 있었다. 그래서 component props로 바꾸어주었다.

<Route path="/edit/project/:project_id?" exact render={() => <Projectpage viewport={viewport} />} />

// 위 코드에서 아래 코드로 변경

<Route path="/project/:project_id" exact component={Projectpage}/>

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

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

• 공통

  • 📌

• 류하준

  • 📌 포트폴리오 페이지의 반응형 작업
  • 📌 포트폴리오 페이지와 홈페이지에서 쓰일 스켈레톤 컴포넌트 생성
  • 📌 포트폴리오 페이지에서 쓰이는 요소들의 z-index 설계 및 수정
  • 🔥 구글 회원가입시에는 프로필사진을 지정하지 말고 기본 이미지를 지정하거나 구글 로그인시에만 포트폴리오 페이지에서의 렌더링을 다르게 해주어 포트폴리오 페이지에서 이미지가 깨지는 현상 해결

• 신봉철

  • 📌 yup을 이용한 form요소들의 validation
  • 📌 ChipInputSearch에서 input 아무곳이나 눌러도 focus가 가능하게끔 수정
  • 📌 ChipInputSearch에서 검색할 기술스택 목록들을 데이터베이스에서 불러와 상태로 관리하여 검색하게끔 구현
  • 📌 Radio컴포넌트들이 처음 렌더링될때 default 옵션 지정해주기 (배포 여부나 팀명이 있는지 체크해주는것의 기본값)
  • 📌 input요소들의 autocomplete를 모두 비활성화 시켜주기
  • 📌 TextArea가 크기 조정이 임의로 되지 않게끔 설정
  • 📌 github_url, deploy_url요소들의 placeholder 문구를 앞에 예) 붙혀서 수정

• 최수혁

  • 📌 github_url, deploy_url이 존재하지 않을때 a태그를 disabled처리해야함
  • 📌 프로젝트 조회페이지에서 좋아요 기능 구현
  • 📌 SVGIcon에 pattern이 존재하여 정상적으로 렌더링되지 않는 이슈를 해결해야함
  • 🔥 프로젝트 조회페이지 우측 상단에 반응형으로 수정/삭제 버튼 만들고 기능 구현 구현순서는 삭제 -> 수정

이슈

• 프로젝트 등록창에 프로젝트 기간설정에서 달력 SVG의 z-index값과 크기를 조정해줘야함 그리고 시작날짜보다 종료날짜가 앞의 날짜로 선택되면 안되게끔 해야줘야함