5/31 개발일지

학습한 내용

미디어 커리 주의점

1. 미디어 커리 사용중 pc 버전의 css을 모바일에 다르게 적용해야할경우 미디어커리 바깥에 작성된 백그라운드css 코드를 매번 확인해 보고 변경해줘야함 안그럼 미디어커리 바깥쪽백그라운드 컬러가 미디어커리에 상속됨
2. 미디어커리 사용시 반드시 넣어줘야하는 메타 테그가 있음 viewport = 사용자의 디바이스의 크기에 비율에 맞게 자연스럽게 맞쳐줌

pc,모바일 웹코딩시

link 로 style.css 안에 pc, mobile 코드 함께 입력 하는 방법 , style,moblile 각각 코드 입력 방식, style 태그사용하여 media 사용하여 적용하는 방식 총 3가지 방식있음

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

pc, 테블릿,mobile, 적용 코딩을 하던중에 오류가 심심치 않게 뜨는걸 확인 했습니다. 영상 잘 보고 반복해서 하는데도 하나 두개씩 오류가 발생합니다. 여러가지명령어를 겹쳐 쓸때 아직 실수가 있는걸 확인했습니다.

해결방법

영상 2~3번 반복 시청 및 반복 학습으로 결국 오류는 다 찾아내어 완성했지만 아직 손에 익지않아서 그런지 오류가발생하는부분은 계속 반복하여 오류가안나도록 하겠습니다.

학습 소감

미디어커리 너무어려워서 저번시간에 너무 촉박한거 아닐까했지만 오늘도 반복함으로써 너무 좋았습니다.