설정 해결 방법 구상
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
오늘날의 GUI 도전과제에서는 슬라이더와 체크박스로 구성된 동적 설정 페이지를 빌드하고 시연합니다. Google의 설정 페이지는 반응형이고, 여러 기기 입력을 지원하며, 여러 브라우저에서 작동합니다. 설정 페이지는 어떻게 만드나요?
@AdamArgyleInk는 에피소드가 공개된 후 처음 30분 동안 댓글에 응답해 드립니다. 여기에서 문의하거나 질문하거나 코드를 제출하세요.
챕터:
- 0:00 - 소개
- 0:37 - 크로스 플랫폼
- 1:39 - 간격
- 3:02 - 레이아웃
- 4:55 - 색상
- 6:19 - 사용자 입력
- 7:18 - 자바스크립트
- 8:20 - 아우트로
리소스:
VisBug 설치하기 → http://goo.gle/3l286HF
더 많은 GUI 챌린지를 시청하세요 → https://goo.gle/GUIchallenges
Chrome 개발자 구독 → http://goo.gl/LLLNvf
arrow_back 모든 에피소드로 돌아가기
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2021-03-18(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"]],["최종 업데이트: 2021-03-18(UTC)"],[],[]]