프론트엔드/Responsive Web(검토 후 삭제예정)3 반응형 웹(Responsvie Web)을 위한 기술 230127 ver. 1. 참고 도서 & 자료 반응형 웹 페이지 만들기 http://aladin.kr/p/Ayjof Do it! 반응형 웹 페이지 만들기 서비스 기획, 웹 디자인, 개발까지 1인 3역을 해내는 저자가 가장 효율적으로 반응형 웹사이트를 제작할 수 있는 방법과 노하우를 알려 준다. 헷갈리기 쉬운 반응형 웹의 기본 개념부터 플렉서블 www.aladin.co.kr 2. 용어 정리 ■ 가변 그리드 레이아웃(Fluid Layout, Flexible Layout, Flexible Grid) ■ 가변 어떤 객체나 사물의 크기가 변하는 것 ■ 그리드 규칙적인 선 3. 필요한 기술 ■ 가변 그리드(Fluid Grid) 웹 사이트를 화면의 크기에 따라 달라질 수 있도록 퍼센트(%)로 제작하는 기술 정해진 공.. 2023. 1. 27. 반응형 웹(Responsive Web)을 해야 할까? 230127 ver. Q. 반응형 웹, 무조건 쫓아야 할까? 항상 정답일 수는 없다. 두 가지 고려 사항을 살펴본 후, 개발하는 것이 좋다. ▶ 1) 기획력과 디자인 - 반응형 웹은 기술만 좋다고 해서 쉽게 완성할 수 있는 것은 아니다. 사용자 경험을 고려해야 하기 문에 기획력과 디자인을 완벽하게 갖춘 후 설계해야 한다. ▶ 2) 무시할 수 없는 비용 - 반응형 웹으로 제작할 경우 모바일 웹을 따로 제작하는 것보다 훨씬 많은 비용이 필요할 수 있고, 유지보수도 만만치 않다. 1. 참고 도서 & 자료 ■ 참고 도서 반응형 웹 페이지 만들기 http://aladin.kr/p/Ayjof Do it! 반응형 웹 페이지 만들기 서비스 기획, 웹 디자인, 개발까지 1인 3역을 해내는 저자가 가장 효율적으로 반응형 .. 2023. 1. 27. 반응형 웹(Responsive Web)에 대하여 230125 ver. 1. 참고 문서 &영상 https://youtu.be/8-uJ_4136u - 반응형 웹, 웹개발 할때 꼭 알아야 하는 Responsive Web - Media Queries를 이용하라 모바일(mobile) : 320~480px 테블릿(tablet): 768~1024px 컴퓨터(desktop): 1024px~ 로 간주하고 작업하면 무난하게 반응형을 만들 수 있다. float는 텍스트와 이미지를 어떻게 배치할 것인지를 설정하는 역할 - COLOR TOOL 사이트 - 모든 것을 상세히 기억할 필요는 없다. 큰 그림을 이해한다음에 찾아가면서 만들면 된다. 이해한 상태에서 찾는 것과 모르는 상태에서 찾는 속도와 이해도는 다르다. - 모바일을 먼저 만들고 웹으로 만들기 많은 기업들이 Mobil.. 2023. 1. 25. 이전 1 다음