Showing Revision 2 created 11/11/2015 by Fran Ontanaya.

1. Title:
2. Description:

3. 450 0:00 - 0:04
   코딩을 하기에 앞서,
   본 문제에 대해 답을 할 것입니다.

   ¶

4. 3650 0:04 - 0:07
   저는 단지 두 가지의
   뷰 그룹들만을 알고 있습니다.
5. 7460 0:07 - 0:09
   [LinearLayouts], [RelativeLayouts]
6. 8626 0:09 - 0:14
   이곳에서의 키워드는 이 두 가지들이
   동일한 여백을 갖는다는 것입니다.
7. 13710 0:14 - 0:16
   [layout weight]의 사용은 이를
   간편하게 할 수 있도록 합니다.
8. 17480 0:17 - 0:20
   자 이제 다음으로 넘어가
   코드를 살펴보도록 합시다.
9. 20070 0:20 - 0:23
   좋습니다. 저는 더 이상 자바를
   사용하지 않을 것이기 때문에
10. 22880 0:23 - 0:25
    [activity_main.xml]으로 넘어가겠습니다.
11. 25830 0:26 - 0:27
    여기에 XML 파일이 있습니다.
12. 28270 0:28 - 0:34
    따라서 이 모든 코드들을 다른
    [LinearLayout]에 넣는 것으로 시작하겠습니다.
13. 33875 0:34 - 0:38
    이것은 저의 작은 [LinearLayouts]들에
    대한 [parent] [LinearLayout]입니다.
14. 39360 0:39 - 0:44
    그리고 이 두 열 들을 이곳
    위쪽으로 올리겠습니다.
15. 43900 0:44 - 0:50
    왜냐하면 이것들을 [root view]에 첨부하고
    [closing brace]에 더하기 위해서 입니다.
16. 49670 0:50 - 0:54
    좋습니다. 안드로이드는 자동으로
    이곳에 닫는 태그를 만들었습니다.
17. 53990 0:54 - 0:55
    자 이제 다음 단계로 넘어가
18. 55060 0:55 - 0:59
    이 닫는 태그를 자르도록 하겠습니다.
    바닥까지 스크롤을 내리고 붙여 넣으십시오.
19. 61160 1:01 - 1:06
    자 이제 붉은색의 [squiggly line]이 생겼습니다.
    그리고 오류를 살펴보면,
20. 66450 1:06 - 1:11
    [layout_height]와 [layout_width]의
    규정이 필요하다는 것을 알 수 있습니다.
21. 70660 1:11 - 1:12
    이런!
    좋습니다. 이를 해결하도록 합시다.
22. 73210 1:13 - 1:18
    이것은 [root view] 이므로, 다음에
    [match_parent]를 만들겠습니다.
23. 80050 1:20 - 1:21
    좋습니다.
24. 81140 1:21 - 1:26
    하위 [LinearLayout]의 주변에
    하나의 [LinearLayout]을 만들었습니다.
25. 85610 1:26 - 1:31
    프리뷰를 살펴보면,
    잘 만들어 졌습니다.
26. 90500 1:31 - 1:36
    자 이제 다음으로 할 일은
    A팀 [LinearLayout]의 모든 내용을
27. 95510 1:36 - 1:41
    복사하여 A팀 바로 아래 붙여 넣는
    것입니다.
28. 102160 1:42 - 1:47
    그리고 이는 B팀의
    [LinearLayout]이 됩니다.
29. 107026 1:47 - 1:52
    아직은 조금 정렬이 되지
    않은 듯 합니다.
30. 112209 1:52 - 1:57
    따라서 [Cmd+A]를 할 것입니다.
    또는 모두 선택을 하고
31. 117264 1:57 - 2:04
    코드 포맷을 위한 Cmd+Option+L
    단축키를 사용할 것입니다.
32. 123520 2:04 - 2:08
    윈도우에서는 Ctrl+Alt+L입니다.
    이제 한 결 나아졌습니다.
33. 127930 2:08 - 2:12
    자 이제 지금까지의 과정을 잘
    이해하셨기를 바랍니다.
34. 131560 2:12 - 2:17
    위 부분까지 스크롤을 올리면
    [root LinearLayout]을 확인할 수 있습니다.
35. 136640 2:17 - 2:22
    이곳에서부터 시작됩니다. 그리고 스크롤을
    바닥까지 내리면 이곳에서 끝이 납니다.
36. 143320 2:23 - 2:27
    [root LinearLayout] 내부에서, 다시
    한 번 스크롤을 올려보도록 하겠습니다.
37. 148220 2:28 - 2:32
    이곳에서 시작하는 하위 [layout]이
    만들어 졌습니다.
38. 151919 2:32 - 2:35
    스크롤을 천천히 내리겠습니다.
39. 155459 2:35 - 2:37
    이곳에서 끝이 납니다.
40. 157150 2:37 - 2:39
    이것이 A팀입니다.
41. 158860 2:39 - 2:42
    그리고 이곳에서 시작하는 다른 하위
    [LinearLayout] 얻게 되었습니다.
42. 162260 2:42 - 2:47
    스크롤 천천히 내리면 B팀은 이곳에서 끝이 납니다.
43. 167418 2:47 - 2:50
    좋습니다.
    이제 윗부분에서 빨간 부분을 발견하였습니다.
44. 169956 2:50 - 2:53
    오류 내용을 확인하기 위해 다시 한 번
    스크롤을 올려보도록 하겠습니다.
45. 174400 2:54 - 2:58
    잘못된 방향, 방향지정 없음, 기본 값은
    수평방향입니다.
46. 178440 2:58 - 3:01
    여전히 이 [layout]은
47. 180965 3:01 - 3:04
    [width match_parent]를 포함하여
    다양한 하위 분류를 가지고 있습니다.
48. 183793 3:04 - 3:08
    저는 수평 방향을 원합니다.
    하지만 일단 다음으로 넘어가
49. 188092 3:08 - 3:10
    방향을 규정하도록 합시다.
50. 191360 3:11 - 3:15
    기본값은 수평방향이기 때문에
    이것은 기술적으로는 필요가 없습니다.
51. 195400 3:15 - 3:16
    하지만 이것은 확실합니다.
52. 197950 3:18 - 3:22
    그리고 이는 다른 것들을 포함하는
    하위 분류에 대해 나타냅니다.
53. 202168 3:22 - 3:24
    프리뷰를 클릭해 보도록 하겠습니다.
54. 204334 3:24 - 3:28
    흠. 모든 문제 사항들에 관한 내용을
    붙여 넣기 하였지만
55. 207901 3:28 - 3:31
    별다른 변화가
    보이지는 않습니다.
56. 211905 3:32 - 3:34
    이는 제가 오류부분들을
    수정하지 않았던 것처럼 나타납니다.
57. 215525 3:36 - 3:39
    이는 수평 [layout]임을
    나타냅니다.
58. 218915 3:39 - 3:43
    이 두 [LinearLayout]들을 나란히
    놓고자 하지만,
59. 222615 3:43 - 3:47
    [LinearLayout]은 [match_parent]의
    [layout_width]을 가지고 있어
60. 226591 3:47 - 3:50
    화면에 가득 찹니다.
61. 229940 3:50 - 3:55
    이처럼 간단히 저의 첫
    [LinearLayout]은 화면을 채웁니다.
62. 234510 3:55 - 3:59
    그리고 다른 [LinearLayout]이 화면의
    다른 곳에 배치됩니다.
63. 240000 4:00 - 4:03
    여기서 우리가 바라는 것이
    무엇인지를 확인해 봅시다.
64. 243360 4:03 - 4:08
    우리는 서로 같은 여백을 가지고 나란히
    놓이는 두 개의 [layout]들을 원합니다.
65. 248090 4:08 - 4:12
    따라서 이것을
    [layout_weight]로
66. 251860 4:12 - 4:16
    불러들일 경우, 첫 번째
    [LinearLayout]을 취하고 1에 대한
67. 256267 4:16 - 4:20
    [layout_weight]를 줍니다.
68. 261140 4:21 - 4:26
    또한 이것의 길이를 0으로 설정합니다.
69. 266160 4:26 - 4:30
    따라서 이제 우리가 두 개의 [LinearLayouts]을
    완성하였다는 것을 알 수 있습니다.
70. 269940 4:30 - 4:33
    이들은 정확히
    표시되지 않습니다.
71. 272940 4:33 - 4:35
    하지만 이는 조금 더 낫습니다.
72. 274560 4:35 - 4:38
    따라서 저는 [layout_weight]를
    이 곳의 두 번째 [LinearLayout]에
73. 277807 4:38 - 4:39
    넣도록 하겠습니다.
74. 278877 4:39 - 4:41
    자 이제 스크롤을 내리겠습니다.
75. 280500 4:41 - 4:42
    이곳에 두 번째 [LinearLayout]이 있습니다.
76. 282190 4:42 - 4:44
    저는 완전히 같은 작업을 할 것입니다.
77. 284250 4:44 - 4:48
    여기에도 1에 대한 [layout_weight]가
    있기 때문에 동일한 [layout_weight]를
78. 288186 4:48 - 4:51
    가지고 있다고 할 수 있습니다.
79. 292650 4:53 - 4:56
    그리고 너비를 0으로
    설정합니다.
80. 295630 4:56 - 5:00
    두 개의 너비를 0으로
    설정하는 이유는 실질적으로
81. 300160 5:00 - 5:05
    이 두 측면이 너비를 가지지
    않기 때문입니다.
82. 304588 5:05 - 5:07
    그리고 이 둘은 같은 [layout weight]을
    가지기 때문에
83. 306850 5:07 - 5:11
    이에 따라 화면 전체에 대한
    모든 여백을 가지고
84. 311340 5:11 - 5:15
    이를 나눠 절반씩
    가질 것입니다.
85. 314950 5:15 - 5:18
    만약 이 내용이 이해되지 않는다면,
    제가 지시 내용 부분에 걸어둔
86. 317650 5:18 - 5:20
    [layout_weight]에 관한
    링크 내용을 확인하시면 됩니다.
87. 320350 5:20 - 5:24
    A팀을 나타낸 것을 제외하고는
    훨씬 나아졌습니다.
88. 324162 5:24 - 5:29
    이를 B팀으로 변경하기 위해 스크롤을
    내려보도록 하겠습니다.
89. 330460 5:30 - 5:35
    이곳에도 오류가 발생하였음을 확인할
    수 있을 것입니다.
90. 335420 5:35 - 5:40
    그리고 이 오류는 복제된 ID로
    인한 것입니다.
91. 339760 5:40 - 5:42
    제가 코드를 붙여 넣었다는 것을
    명심하시기 바랍니다.
92. 342340 5:42 - 5:46
    따라서 기본적으로
    [team_a_score]라는 같은 id에 대해
93. 346090 5:46 - 5:48
    두 가지 작업을 한 것입니다.
94. 348030 5:48 - 5:52
    따라서 이를 [team_b_score]로
    변경해 주겠습니다.
95. 351800 5:52 - 5:54
    자 이제 좋아졌습니다.
96. 353840 5:54 - 5:55
    식별이 어렵군요.
97. 354830 5:55 - 5:55
    확대해보도록 하겠습니다.
98. 356800 5:57 - 5:58
    이곳에서는 B팀을 나타냅니다.
99. 359290 5:59 - 6:02
    정확한 버튼과 문자 뷰를
    완성하였습니다.
100. 362420 6:02 - 6:04
     자 이제 이것을 제 핸드폰에서
     실행시키도록 하겠습니다.
101. 365490 6:05 - 6:08
     좋습니다.
102. 367960 6:08 - 6:13
     A팀 버튼을 누르면 업데이트 됩니다.
     좋습니다.
103. 373418 6:13 - 6:19
     B팀 버튼을 눌러도
     같은 내용이 업데이트 됩니다.
104. 378840 6:19 - 6:21
     특이하군요.
105. 380910 6:21 - 6:23
     하지만 우리는 XML에 관한 내용을
     작업하였다는 것을 기억하십시오.
106. 383480 6:23 - 6:26
     우리는 자바에 관한 내용은 고려하지 않았습니다.
107. 385630 6:26 - 6:29
     하지만 XML에 정상 작동 된다면
     자바로 변경하지 못할 이유는 없습니다.