동백 // CSS Layout

CSS Layout 방식은?

• 코드 용량 절감
• 사람이나 컴퓨터가 이해하기 쉬운 구조
• 쉬운 유지보수

 

 

반응형 웹

• 브라우저의 가로 크기에 따라 각기 다른 CSS 스타일을 적용 되는 웹페이지 
• 단점은 복잡한 컨텐츠와는 맞지 않을 수도 있으며, 모든 해상도 대응을 위한 CSS / 이미지를 모두 불러와야하므로, 로딩 시간이 길어짐
• 따로 분리하는 것도 좋은 방법 ex) www.naver.com 과 www.m.naver.com 처럼

 

 

기술이 중요한 것이 아닌

• 유지보수 하기 좋고, 사용자가 이용하기 좋도록
• 사용자는 반응형 / 적응형 웹이든 모바일 / 데스크 탑 기기에서의 사용만 편리하면 OK

 

CSS Framework

• 초기 구성의 용이함
• 기본적인 CSS 스타일을 이미 구성
• 이미 일정 수준의 작업이 되어있기에, 원하는 레이아웃으로 작업해서 작업 속도 빠름

 

Bootstrap

• 기본 스타일 괜찮음
• 반응형 잘 지원함
• 무료 템플릿 사이트

https://bootswatch.com/

Bootswatch: Free themes for Bootstrap

https://colorlib.com/wp/free-bootstrap-4-website-templates/

 

 

 

CDN

• 최적화된 전세계적으로 촘촘히 분산된 서버로 이루어진 플랫폼
• 전 세계의 유저에게 빠르고 안전한 정적파일 전송
• 전 세계의 유저들이 동일한 주소로 컨텐츠를 요청을 하면, CDN 서비스에서는 이 요청을 해당 유저와 물리적으로 가까운 CDN 콘텐츠 서버에서 응답토록 구성