2003년처럼 점진적으로 개선
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
2003년 3월, Nick Finck와 Steve Champeon은 점진적 개선이라는 개념으로 웹 디자인 세계에 놀라움을 선사했습니다. 점진적 개선이란 핵심 웹페이지 콘텐츠를 먼저 강조한 다음 콘텐츠 위에 디테일하고 기술적으로 엄격한 레이어를 추가하는 웹 디자인 전략입니다. 2003년에는 점진적인 개선을 추구했지만, 당시에는 현대적인 CSS 기능, 눈에 거슬리지 않는 JavaScript, 심지어 Scalable Vector Graphics를 사용하는 것이 점진적이고 2020년에는 점진적인 개선이 최신 브라우저 기능을 사용하는 것이었습니다.
이 대담에서는 새로 출시되는 브라우저 기능으로 이 애플리케이션을 점진적으로 개선하여 모든 최신 브라우저에서 계속 유용하게 사용할 수 있을 뿐만 아니라 기본 파일 시스템 액세스, 시스템 클립보드 액세스, 연락처 검색, 주기적 백그라운드 동기화, 화면 wake lock, 공유 기능 등과 같은 기능을 지원하는 브라우저에서 고급 환경을 제공하는 인사말 카드 웹 애플리케이션의 예를 보여줍니다.
이 세션을 본 후 개발자는 새로운 브라우저 기능을 사용하여 웹 애플리케이션을 점진적으로 개선하는 방법을 확실히 이해할 수 있습니다. 이는 호환되지 않는 브라우저를 사용하는 일부 사용자에게 다운로드 부담을 주지 않으면서도, 무엇보다도 애초에 웹 애플리케이션을 사용하는 것을 제외하지 않는다는 점입니다.
리소스:
Web.dev 라이브 2일 차 재생목록 시청하기
Chrome 개발자를 구독합니다.
발표자: 토마스 슈타이너
arrow_back 모든 에피소드로 돌아가기
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2020-06-30(UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]
{"lastModified": "\ucd5c\uc885 \uc5c5\ub370\uc774\ud2b8: 2020-06-30(UTC)"}
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2020-06-30(UTC)"]]