[✍️ Dev Log] 양재영 / 2022-01-21

[jyang510]

오늘은 어떻게 프로젝트에 기여했나요?

• 루트 생성, 삭제 시 와드 테이블이 수정 안 되던 버그 수정
• 자잘한 유저 CRUD 버그 수정 및 루트 모아보기 페이지에서 사진 확대 기능 추가, 빈 공간이 생기는 등의 심각한 css 오류 수정

오늘의 프로젝트에서 힘든 점은 무엇인가요?

• 오늘은 뭐가 엄청나게 어렵다기 보다는 단순히 클라이언트에서 어떤 식으로 state값들을 꺼내쓰고, 그걸 어떤 식으로 받아내는지 이해하고 알아내는 시간이었던 것 같습니다. css 오류를 공부하거나(border를 주니 그 px값만큼 커져서 빈공간이 생김 등등)
  혹은 typescript나 eslint 오류에 대한 공부를 많이 했네요

• 특히 인터랙티브한 태그와 아닌 것들, div 태그에서 커스텀 이벤트 사용하는 방법 등에 대해서 이해하는 시간을 좀 가졌습니다. div에 이벤트를 주는 게, 구현은 이런 식으로 했는데

        <div
          id="allRoutesInMap-images"
          onMouseDown={onDragStart}
          onMouseLeave={onDragEnd}
          onMouseMove={onDragMove}
          onMouseUp={onDragEnd}
          ref={scrollRef}
          role="button"
          tabIndex={0}
        >

사진 배열들이 올라가는 div창인데, 마우스로 좌우 스크롤 이동이 되게 하는 이벤트들을 넣으려니, role? tabIndex? ref는 또 뭐지? 이랬던 기억이 나네요. useRef와 인터랙티브 두 개념을 알고 얼추 써먹기라도 하는 게 조금 힘들었네요.

내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?

• 팀원들이 모여 배포 사이트에서 전체적인 기능 구현 후 최종 버그 수정
• 노션 문서와 깃허브 사이트 작성 및 보완 작업