TIL@220504

2일차 - Warmup : Todo List 만들기

ESLint Configurations

• "react/prop-types": "off" 규칙을 추가해서 PropType 정의를 강제하지 않도록 함

SCSS

• 화면 전환 효과
  - task 추가 버튼 뒤에 숨겨두었다가 click시 z-index 변경 & 확대(scale)
  - z-index를 상수로 지정해서 사용

• classnames 라이브러리 활용해서 아래와 같이 state에 따라 클래스 이름 지정

    <button type="button" className={styles.addButton} onClick={handleClick} aria-label="Add button" />

VSCode Live Share

• 호스트가 협업 세션 생성, 게스트에게 URL 공유해서 원격 접속 허용
• 코드 수정, comment, 실시간 채팅, 공유 터미널 등
• VSCode에서 Live Share extension 설치 필요
• 공식 문서

Misc

• input type이 email이라면 Unicode encoding 이슈가 있음 (참고)