5/28 개발일지

학습한 내용

미디어 커리 주의점

1. 미디어 커리 사용중 pc 버전의 css을 모바일에 다르게 적용해야할경우 미디어커리 바깥에 작성된 백그라운드css 코드를 매번 확인해 보고 변경해줘야함 안그럼 미디어커리 바깥쪽백그라운드 컬러가 미디어커리에 상속됨
2. 미디어커리 사용시 반드시 넣어줘야하는 메타 테그가 있음 viewport = 사용자의 디바이스의 크기에 비율에 맞게 자연스럽게 맞쳐줌 실무 팁 display: none; 을 사용해서 내가원하는 정보를 원하는 기기에 맞춰 보여줄수있음 애초에 만들때는 모바일먼저 프로그래밍 후 테블릿 그다음 pc 로 확장시켜주는게 일반적인 경우임

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

에이전시영역 만들기 실습 중에 media 명령어 주는부분은 이해가되지만 colum:nth-child 명령어 쓰는 부분이 처음에는 잘이해가 가지않았습니다.

해결방법

colum 부분을 2~3번 반복학습 하였습니다.

학습 소감

지금까지 배운내용에 대해 명령어는 숙지하였지만 아직 결과물을 본후 코딩을 한다 생각했을때 머리속에 그림이 그려지는 것 까지는 안되고있습니다. 이번 과정을 통하여 머리속에 그림이그려지는 그런 단계 까지 가고싶습니다.