수업
grid
그리드 트랙 : 행 또는 열
그리드 셀 : 한 칸
그리드 라인 : 셀 구분 선
after랑 before는 elements 위에 있다.
legend
참고 링크:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fieldset
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/legend
우선 fieldset은 form태그 내에서 주로 사용을 한다.
그룹으로 묶을 때 사용하고,
legend는 그 그룹의 제목을 지정할 때 사용한다.
숨김
오류메세지는 그냥 숨김처리하면 스크린리더가 읽을 수 있어서
그냥 display: none을하고 나중에 오류가 났을 때 block으로 바꿔서 읽을 수 있게 해야한다.
img
이미지는 약간 공간을 가지고 있다. (인라인요소라서) baseline을 가지고 있어서!
그래서 블록을 주면 공간이 없어진다.
근데, 블록 안먹여도, vertical align: top;을 설정해주면 공간이 없어진다..!
생각
백그라운드 이미지로 줬을 때 같은 이미지가 계속 반복되길래 고민하다가 그냥 백그라운드가 아니라 img태그를 줘서 했는데,
그냥 background-repeat: no-repeat;를 쓰면 됐다.
바보같아..! 좀더 구글링해볼걸..
내가 아무리 찾아도 안 보이던 오류도 다른 사람이 보면 5분만에라도 해결될 수있다.. 휴먼오류...
느낀점
- 잠을 요즘 잘 못자서, 체력관리가 더 중요하게 느껴진다..
계획
- grid 오늘 실습한 것 손코딩
- 모달창 어려웠던 부분 다시 구현해보기
2021.11~