Return to Video

02-06 Visualize_and_Fix_Overdraw_-_Quiz

  • 0:00 - 0:02
    여러분 안녕하세요
  • 0:02 - 0:03
    고마워 콜트
  • 0:03 - 0:05
    여러분들과 함께 머리를 맞대고
  • 0:05 - 0:08
    overdraw 문제를 해결하게 돼서 정말 기뻐요
  • 0:08 - 0:09
    여러분께서 같이 해보고 싶다면
  • 0:09 - 0:13
    Instructor Notes에서 샘플 코드 복사본을 저장해주세요
  • 0:13 - 0:16
    이건 저희 샘플 코드로 실행한 애플리케이션입니다
  • 0:16 - 0:20
    여러분이 방금 막 채팅 애플리케이션을 만들었다고 상상해보세요
  • 0:20 - 0:24
    그리고 이 애플리케이션에서 overdraw 성능이
    어느 정도인지 알고 싶은 겁니다
  • 0:24 - 0:28
    가장 먼저 해야 할 일은
    애플리케이션 성능에 대한 정보 수집입니다
  • 0:28 - 0:32
    정보 수집을 하기 위해 기기에서
    Debug GPU overdraw 설정을 켜주세요
  • 0:32 - 0:36
    설정은 시스템 설정의 개발자 메뉴에 있습니다
  • 0:36 - 0:37
    보시는 바와 같이요
  • 0:41 - 0:43
    자 이제 켜졌네요
  • 0:43 - 0:45
    다음으로 채팅 애플리케이션으로 돌아가 보겠습니다
  • 0:45 - 0:46
    저런
  • 0:46 - 0:49
    overdraw가 지나치게 많이 일어나고 있네요
  • 0:49 - 0:50
    overdraw는 최소화하는 게 좋습니다
  • 0:50 - 0:52
    특히 빨간 부분을 말이죠
  • 0:52 - 0:55
    여기 색상의 의미를 다시 한번 볼게요
  • 0:58 - 1:00
    좋습니다
    이제 시작할 준비되셨나요?
  • 1:01 - 1:03
    UI의 구조를 살펴보고
  • 1:03 - 1:05
    overdraw를 줄일 수 있는지 생각해보겠습니다
  • 1:06 - 1:08
    콜트가 언급했듯이
  • 1:08 - 1:12
    overdraw를 줄일 수 있는 한가지 방법은
    불필요한 배경과 drawable을 없애는 거예요
  • 1:12 - 1:13
    그것부터 해보죠
  • 1:14 - 1:17
    Chatum을 이렇게 꾸며보면 어떨까요?
  • 1:20 - 1:23
    문제를 단계별로 나눠서 해결해보죠
  • 1:23 - 1:26
    예를 들면
    초록색으로 표시된 2X overdraw가
  • 1:26 - 1:29
    Chatum의 배경에서 발생하는 게 보이시나요?
  • 1:29 - 1:30
    왜 그런 걸까요?
  • 1:30 - 1:33
    알고 보니 Chatum의 기본 액티비티가 프레임 레이아웃을 사용해
  • 1:33 - 1:37
    불투명한 흰 배경으로 화면 전체를 채우고 있습니다
  • 1:37 - 1:40
    좋지만 안드로이드의 머티리얼 테마 기본값과 충돌이 일어나네요
  • 1:40 - 1:43
    구체적으로 윈도우 배경 drawable과 말입니다
  • 1:43 - 1:45
    불필요한 overdraw에요
  • 1:45 - 1:49
    저희는 개발자로써 디자인에 대한 결정을 내려야 합니다
  • 1:49 - 1:51
    만약 저희가 흰 배경을 유지하고 싶다면
  • 1:51 - 1:54
    머티리얼 테마는 사실상 용도가 없게 돼요
  • 1:55 - 1:57
    그렇다면 최적화 방법 중 하나는
  • 1:57 - 2:00
    액티비티의 배경 drawable을 null 값으로 설정하는 것입니다
  • 2:00 - 2:02
    코드에서 어떻게 수정하는지 보여드릴게요
  • 2:02 - 2:07
    Chatum의 기본 액티비티에서
    onCreate메소드를 볼게요
  • 2:07 - 2:09
    다음 문장을 사용해 배경을 null 값으로 설정해요
  • 2:11 - 2:12
    좋네요
  • 2:12 - 2:15
    배경을 null값으로 변경하니 overdraw를
  • 2:15 - 2:16
    초록색에서 파란색으로 바꿨어요
  • 2:16 - 2:19
    overdraw가 1X로 줄어든 거죠
  • 2:19 - 2:20
    좋네요
  • 2:21 - 2:23
    이건 프로그램적인 변화입니다
  • 2:23 - 2:27
    그럼 XML을을 보면서 수정할 부분이 더 있는지 보아요
  • 2:27 - 2:29
    이미 보셨겠지만
  • 2:29 - 2:32
    지금 3개의 XML 파일이 Chatum의 UI를 설정하고 있어요
  • 2:33 - 2:36
    기본 액티비티인 activity_chatum_latinum.xml
  • 2:36 - 2:40
    fragment_chats.xml
  • 2:40 - 2:44
    그리고 개별적인 채팅 항목을 지정한 chat_item.xml이 있습니다
  • 2:44 - 2:47
    말씀드렸다시피
  • 2:47 - 2:49
    저희는 여기에 명시된 흰 배경을 유지하고 싶어요
  • 2:50 - 2:52
    그러니 아무것도 삭제하지 않을게요
  • 2:52 - 2:56
    하지만 나머지 2개의 XML 파일에서는
    수정할 수 있는 부분이 있을 거 같아요
  • 2:56 - 2:57
    여기서 여러분의 도움이 필요해요
  • 2:59 - 3:01
    저를 위해서 XML 파일들을 면밀하게 살펴보시고
  • 3:01 - 3:05
    배경이 불필요하게 선언되었는지 확인해 주세요
  • 3:05 - 3:06
    다 살펴보셨으면
  • 3:06 - 3:08
    여기 이 박스에
    배경을 몇 개 삭제했는지 적어주세요
  • 3:10 - 3:12
    잘 모르시겠어도 걱정하지 마시고
  • 3:12 - 3:13
    솔루션으로 넘어가세요
Title:
02-06 Visualize_and_Fix_Overdraw_-_Quiz
Description:

02-06 Visualize_and_Fix_Overdraw_-_Quiz

more » « less
Video Language:
English
Team:
Udacity
Project:
ud825 - Android Performance
Duration:
03:14

Korean subtitles

Revisions Compare revisions