반응형 웹이라는 말 많이 들어보셨죠? 하지만 정확히 어떤 뜻인지 모르시는 분들이 많을텐데요~ 이번 기회에 저와 함께 제대로 알고 넘어가도록 해요!
 

반응형 웹과 적응형 웹의 차이는 무엇인가요?
적응형 웹은 PC용 홈페이지 따로 모바일용 홈페이지 따로 만드는 방식이고, 반응형 웹은 기기의 화면 크기에 맞춰서 최적화되는 형태입니다. 따라서 반응형 웹에서는 모든 기기에 대응하기 위해 CSS나 자바스크립트 등 다양한 기술들을 활용해야 합니다.
 

왜 반응형 웹을 써야하나요?
요즘 대부분의 사람들은 스마트폰을 이용해서 인터넷을 하는데요, 그러다보니 컴퓨터보다는 휴대폰으로 접속하는 경우가 많습니다. 그래서 작은 화면에서도 가독성이 좋은 사이트를 만들어야하는데 이때 반응형 웹이 적합합니다. 또한 최근에는 태블릿PC로도 인터넷을 하는 경우가 많기 때문에 더더욱 반응형 웹이 필수라고 할 수 있습니다.
 

반응형 웹 제작 시 주의사항은 무엇인가요?
반응형 웹 디자인시 고려해야할 점은 다음과 같습니다. 1. 해상도별 레이아웃 구성 2. 디바이스 종류별로 다른 css 적용 3. 이미지 사이즈 조절 4. 미디어 쿼리(media query) 5. 폰트사이즈 6. 여백 7. 스크롤 8. 네비게이션 9. 색상 10. 배경이미지 11. 그리드 12. 테이블 13. 표 14. 메뉴 15. 기타 등등..
 

오늘은 반응형 웹에 대해 알아보았는데요, 어떠셨나요? 유익하셨나요? 앞으로는 이 글을 읽으신 여러분 모두 반응형 웹 전문가가 되실 수 있을 거예요! 그럼 지금까지 읽어주셔서 감사합니다:)