---
# System prepended metadata

title: 6/20 월

---

# 6/20 월

- create issue page (60%)
    - 20 -> 기능에 대한거(글자 수 체크,)
    - 20 -> 담당자추가, 레이블추가 같은.. focus css, resize 버그같은거
    
시간이 남으면 테스트 조금씩 입히기 시작
    
- default page
    - 체크박스 클릭이벤트 --> issue detail에서 같은 기능 사용되므로 보류
        - API 호출 전단계까지 구현
        - ~~issue id(s), 변경되는 내용(담당자, 마일스톤, 레이블...) 받아오기~~(깃헙 페이지에는 있는 기능이지만 기획서에는 상태 변경만 있음. 나중 과제)
        
    - 모달 완성
    - 디버깅
    - API 연동(가능하다면)

남은 페이지

@alan
- issue detail

@park
- label list
- milestone list


- 페이지 마크업 우선? 기능 우선?

## 에러로그
- DefaultPage의 filterBarForm
    - input의 value를 state에 귀속시키고 onChange로 바꿔주는데 적용이 안되는 이슈가 있었음. 
    ```javascript 
    <FilterBarInput
        onChange={(event) => setInputValue(event.target.value)}
        value={inputValue}
      />
    
    ```
    - 확인해보니 위의 URI(특히 쿼리 스트링)이 바뀔때 필터바가 새로 렌더되게 하려고 useSearchParams의 instance를 만들어 useEffect의 dependency로 뒀었는데, 의도와 다르게 URI의 쿼리가 바뀌지 않아도 자꾸 인스턴스가 변함.
    - 대신 useLocation().search를 dependency로 뒀더니 의도대로 작동.
    - 정확한 원인 파악 필요


### Modal

- FilterDropDown 에서 쓰이는 Modal 을 재사용하기 위해서 DropdownModal 의 position prop 받아 위치 조정
- 현재 사용되고 있는 함수를 callback 함수를 받아서 callback 을 실행하도록 변경 (ModalMenu onclick)
- info.title 을 사용하고 있는걸 props 로 전달받아서 사용 or info.menus 를 각각 데이터로 요청받는 값으로 사용하고 (info.menus = /api/get/issues) info.title 은 사용할 title 로 작성해서 info 사용

### eslint

- label, input 연결 오류
    - https://stackoverflow.com/questions/54446655/eslint-rule-for-label