학습한 내용

반응형 웹사이트

최근 웹 사이트를 모바일 또는 태블릿 화면에서 접속하는 경우가 많아져 기존에는 부트스트랩을 활용하는 경우가 많았지만 최근에는 UX 디자이너가 스케치등의 UI 디자인 툴로 작업한 결과물을 기반으로 개발자가 직접 반응형까지 고려하며 구현을 해야하는 경우가 많아지고 있다.

적응형과 반응형

적응형

-적응형의 경우 접속한 기기가 pc인지 모바일인지에 따라 다른 결과 화면을 보여준다

반응형

-적응형과 다르게 동일한 페이지를 보여주지만 화면의 크기에 따라 다르게 보여준다

반응형 적용 방식

@media태그와 min-width 그리고 max-width를 활용하여 적용 화면 범위를 지정하고 그에따라 변하는 수치들을 적어준다

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

해결방법 작성

학습 소감

따로 템플릿들을 참고하여 페이지들을 제작할때 단순%로 작성하는경우 크기에 따라 원하는대로 수정이 어려웠는대 그에 대한 정확한 해결방법을 알게되어 좋다