TIL: - 220615

앞으로의 과제

• 게시판 완성

Keyword

typescript

eventListener

CustomEvent
as EventListener
이 부분 자세히 알아봐야한다..

 const handleCloseModal = (event: CustomEvent<MouseEvent>) => {
    console.log('hi')
    const target = event.currentTarget
    const ref = modalRef.current
    // if ((!modalRef.current)) console.log('hi')
  }

  useEffect(() => {
    window.addEventListener('click', handleCloseModal as EventListener)
    return () => {
      window.removeEventListener('click', handleCloseModal as EventListener)
    }
  }, [])

VSCode Extensions

https://velog.io/@boxerof8/%EC%9C%A0%EC%9A%A9%ED%95%9C-VSCode-%ED%99%95%EC%9E%A5%EC%9D%84-%EA%B3%B5%EC%9C%A0%ED%95%A9%EB%8B%88%EB%8B%A4

prettier

VSCode 기본 formatter prettier로 설정하기
extension 에서 prettier를 설치 후 setting tab을 연다.
검색 창에 "Default Formatter" 을 검색한 뒤 옵션에서 "Prettier - Code formatter" 를 선택한다.

이후 VSCode의 기본 formatter는 prettier로 설정 된다.

Format on save 사용 체크하기
검색 창에 "Format on save" 를 검색한 뒤 체크 박스를 체크한다.

이후 파일을 저장 할 때마다 prettier가 자동으로 적용된다 :)

'prettier/prettier': ['error', { endOfLine: 'auto'} ],