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


학습한 내용 중 어려웠던 점 또는 해결못한 것들
에이전시영역 만들기 실습 중에 media 명령어 주는부분은 이해가되지만 colum:nth-child 명령어 쓰는 부분이 처음에는 잘이해가 가지않았습니다.
해결방법
colum 부분을 2~3번 반복학습 하였습니다.
학습 소감
지금까지 배운내용에 대해 명령어는 숙지하였지만 아직 결과물을 본후 코딩을 한다 생각했을때 머리속에 그림이 그려지는 것 까지는 안되고있습니다. 이번 과정을 통하여 머리속에 그림이그려지는 그런 단계 까지 가고싶습니다.