오늘 공부 계획 및 공부한 내용📝
- 팀플 개발
문제🧐 / 해결과정⚒️
1) 파이어베이스 스토어에 사진을 넣을 때 쓰는 input[type="file"] 이 너무 평범하다... 찾아보니 커스텀을 많이 하는 것 같았다..
평범 그 자체..ㅋ
(평범하게)커스텀하는 방법은 간단하다.
핵심은 함수가 걸려있는 input태그는 display: none을 해주고 이 input 태그를 대신할 버튼에게 htmlFor="인풋 아이디"을 붙여준다.
여기서 htmlFor은 input의 아이디나 네임을 적어 인풋과 연결하는 역할을 한다. 다시 말해서 htmlFor이 걸려있는 요소(Styled.FileButton)를 클릭하면 input에 연결되어 있는 onChange가 실행된다는 뜻..!
인풋은 none으로 설정했으니 Styled.FileButton을 맘껏 커스텀하면 된다ㅎㅎ
- 게시물 삭제 기능
