HTML

input file 디자인 변경

• label의 for와 input id를 동일하게 설정
  • label을 눌러도 input이 동작 됨

<label class="btn btn-outline-danger mt-auto mb-2" for="rphoto"
		style="padding-top:12px;height:50px;width:50px">
	<i class="bi bi-camera"></i>
</label>
<input type="file" id="rphoto" style="display:none;"/>
<button type="button" class="btn btn-outline-primary" style="height:50px;width:50px">
	<i class="bi bi-pencil-square"></i>
</button>

id와 class

• 너무 기본인데 정신없이 구현하다보면 자꾸 까먹는다
• id는 고유값으로 하나만 사용 가능
• for문을 돌릴때는 class를 이용 할 것