본문 바로가기
프론트엔드/Responsive Web(검토 후 삭제예정)

반응형 웹(Responsive Web)에 대하여

by 학습하는 청년 2023. 1. 25.

230125 ver.

1. 참고 문서 &영상

https://youtu.be/8-uJ_4136u - 반응형 웹, 웹개발 할때 꼭 알아야 하는 Responsive Web

 

- Media Queries를 이용하라

 

모바일(mobile) : 320~480px
테블릿(tablet): 768~1024px
컴퓨터(desktop): 1024px~
로 간주하고 작업하면 무난하게 반응형을 만들 수 있다.

 

float는 텍스트와 이미지를 어떻게 배치할 것인지를 설정하는 역할

 

- COLOR TOOL 사이트

 

- 모든 것을 상세히 기억할 필요는 없다. 큰 그림을 이해한다음에 찾아가면서 만들면 된다.
이해한 상태에서 찾는 것과 모르는 상태에서 찾는 속도와 이해도는 다르다.

 

- 모바일을 먼저 만들고 웹으로 만들기
많은 기업들이 Mobile Frist를 채택하고 있다.

댓글