[ETC] 공통 컴포넌트 제작 - 사진 추가 버튼

[SEMINSEMINSEMIN]

사진 추가 버튼

• [x] 마크업
• [x] styled-component

[github-actions[bot]]

Branch feat/issue-13 created for issue: [ETC] 사진 추가 버튼

[SEMINSEMINSEMIN]

스크린 리더

• input의 경우 display: none으로 할지 아래 코드로 할지 고민 했는데, 스크린 리더 사용자를 위해 ir 클래스를 적용했습니다.

  <input
  className="ir"
  type="file"
  accept="image/*"
  onChange={handleFileChange}
  />

  상위 컴포넌트와의 함수 연결

• 추후 상위 컴포넌트와의 함수 연결을 위해 handleFileChangeByUpper를 props로 받아오는 형태로 만들었습니다.