# 반응형 홈페이지란 ? 반응형 홈페이지와 필요성 저자: 잡오브브라더스 (홈페이지 제작 에이전시) · 게시: 2022-07-04 · 수정: 2022-07-04 · 원문: https://job.ontoblog.com/blog/%EB%B0%98%EC%9D%91%ED%98%95-%ED%99%88%ED%8E%98%EC%9D%B4%EC%A7%80%EB%9E%80-%EB%B0%98%EC%9D%91%ED%98%95-%ED%99%88%ED%8E%98%EC%9D%B4%EC%A7%80%EC%99%80-%ED%95%84%EC%9A%94%EC%84%B1/ > **요약**: 홈페이지 개발을 위해 알아보셨을때, 많이 쓰이는 단어인 '반응형 홈페이지'를 많이 접해보셨을겁니다. 처음부터 World Wide Web은 독립적이도록 설계 되었습니다. 어떤 하드웨어나 장치를 가지고 있는지는 중요하지 않습니다. 장치에서 실행 중인 운영체제에는 문제가 없습니다. 인터넷에 접속을 할 수 있는 환경이라면 웹에 엑세스 할 수 있습니다. ![반응형 홈페이지란 ? 반응형 홈페이지와 필요성](/uploads/naver/jobofbrothers/222799778822-1.webp) 홈페이지 개발을 위해 알아보셨을때, 많이 쓰이는 단어인 '반응형 홈페이지'를 많이 접해보셨을겁니다. 처음부터 World Wide Web은 독립적이도록 설계 되었습니다. 어떤 하드웨어나 장치를 가지고 있는지는 중요하지 않습니다. 장치에서 실행 중인 운영체제에는 문제가 없습니다. 인터넷에 접속을 할 수 있는 환경이라면 웹에 엑세스 할 수 있습니다. 반응성 디자인은 좋은 디자인이 나오기 전 몇 년 동안 웹 디자이너와 개발자들은 다양한 기술을 시도했습니다. --- ## **반응형 홈페이지란 ?** — 반응형 웹 (Responsive Web) 이란? ![반응형 홈페이지란 ? 반응형 홈페이지와 필요성](/uploads/naver/jobofbrothers/222799778822-2.webp) ## 다양한 디바이스 환경 반응형 홈페이지는 하나의 웹사이트에서 PC, 스마트폰, 테블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지 접근 기법을 말합니다. 즉 우리가 보는 대부분의 홈페이지나모바일 환경의 웹페이지가 반응형입니다. 맥에서도, 데스크톱에서도, 스마트폰에서도 자동으로 화면 조정을 해주는 것이 반응형이 라고 합니다. 쉽게 풀어 설명하자면 PC 사이즈로 만든 화면이 모바일에서도 맞추어 일관성 있게 노출되는 기능입니다. ![반응형 홈페이지란 ? 반응형 홈페이지와 필요성](/uploads/naver/jobofbrothers/222799778822-3.webp) 우리가 홈페이지를 둘러볼때 반응형은 그냥 알아서 이동하고 줄어드는 기본 시스템 처럼 보이지만 사실 제작단에서는 각각 디바이스 사이즈에대한 추가 작업이 이루어집니다. 스마트폰은 대표적으로 어떤 것을 표준으로 잡을 것이며, 화면비율은 몇 대 몇 모니터는 어느 사이즈 비율로 할 것인가, ' 테블릿은 어떤 모델에 맞출 것인가 등 세상에 나와있는 스크린 비율중 자주 사용되는 것을 선정하여 그에 따른 디자인과 개발 작업이 진행되어야합니다. --- ## **반응형 홈페이지는 왜 필요할까 ?** ![반응형 홈페이지란 ? 반응형 홈페이지와 필요성](/uploads/naver/jobofbrothers/222799778822-4.webp) ## 반응형 홈페이지가 필요한 이유로 **첫째, 스마트폰 사용자를 타겟으로 잡기 때문입니다 .** 이제는 데스크톱, 컴퓨터로 검색하는 양보다, 모바일 스마트폰으로 검색하는 양이 압도적인 비율로 증가하였고 사용자들은 나의 홈페이지로 유입할 수 있다는 가능성이 높아졌습니다. 모바일 사용자들이 쉽고 편리하게 사용할 수 있는 반응형 홈페이지로 제작을 해야 모바일 사용자들에게 정보를 편하게 줄 수 있어야 합니다. **둘째, 비용이 절감되며, 유지보수가 쉽습니다.** 반응형 웹으로 홈페이지 제작 시, 데스크톱, 태블릿, 모바일 페이지를 따로 만들지 않아 비용이 절감되고, 유지보수가 쉽습니다. **셋째, 구글 검색 엔진 알고리즘이 모바일 친화도를 검색 순위 산정에 적용합니다.** 반응형 홈페이지로 제작 시 구글 검색엔진이 홈페이지를 효과적으로 크롤링을 하기 때문에, 모바일 환경에 친화적이지 않은 홈페이지는 상당수 뒤에 노출됩니다. - 모바일 친화성 테스트 링크 ( [https://search.google.com/test/mobile-friendly?hl=ko](https://search.google.com/test/mobile-friendly?hl=ko) ) --- --- ## https://blog.naver.com/jobofbrothers/222774760686 ![반응형 홈페이지란 ? 반응형 홈페이지와 필요성](/uploads/naver/jobofbrothers/222799778822-5.webp) ![반응형 홈페이지란 ? 반응형 홈페이지와 필요성](/uploads/naver/jobofbrothers/222799778822-6.webp) ## 출처·근거 - [원문: 네이버 블로그](https://blog.naver.com/jobofbrothers/222799778822) — 잡오브브라더스 (2022-07)