6/4 개발일지

학습한 내용

*{} 모든 html 태그에 값을 적용하겠다는 의미
body 값안에 font-family, color 값을 적용하게되면 이후에 작성되는 모든 글자와 관련된태그는 다상성을 받는다.

• 실무팁 -
  y축 중앙정렬 공식
  position: relative;
  height: 20px;
  

top: 50%;
transform: translatey(-50%);

.payment-icon .one - payment 안에있는 자식으로 있는 one 클래스를 선택하라는 뜻
.payment-icon.one - 여러가지 payment 아이콘들중에서 one이라고 하는 클래스를 갖고있는 payment 아이콘을 선택하라

html 에서 id 값을 넣을때는 중복되는 것이없는지 확인
white-space: nowrap; - 노란색박스영역안에서줄바꿈하지않겠다
text-overflow: ellipsis; - 박스밖으로 벗어나는 텍스트에대해 말줄임표시가 발생

어떠한역할을 담당하는 클래스를 만들어두고 html태그에 클래스를 추가하는 방식으로 하면 코딩 분량이 많이 줄어듬

학습한 내용 중 어려웠던 점 또는 해결못한 것들

미디어커리 공부할때는 이해했다고 생각하였지만 덴마크 실습을 하다보니 제 자신이 미디어커리가 부족하다고 생각하였습니다.

해결방법

미디어 커리 부분을 다시 복습해야겠다고 생각하였습니다. 미디어커리 복습중입니다.

학습 소감

조금씩 더 배우고 나아갈수록 처음에 배웠던 부분이 많이 햇갈렸습니다. 주기적으로 반복 학습을 해야겠다고 생각했습니다.