Korean - 07-37 Add the Other Team in XML

450 0:00 - 0:04

코딩을 하기에 앞서,
본 문제에 대해 답을 할 것입니다.

3650 0:04 - 0:07

저는 단지 두 가지의
뷰 그룹들만을 알고 있습니다.

7460 0:07 - 0:09

[LinearLayouts], [RelativeLayouts]

8626 0:09 - 0:14

이곳에서의 키워드는 이 두 가지들이
동일한 여백을 갖는다는 것입니다.

13710 0:14 - 0:16

[layout weight]의 사용은 이를
간편하게 할 수 있도록 합니다.

17480 0:17 - 0:20

자 이제 다음으로 넘어가
코드를 살펴보도록 합시다.

20070 0:20 - 0:23

좋습니다. 저는 더 이상 자바를
사용하지 않을 것이기 때문에

22880 0:23 - 0:25

[activity_main.xml]으로 넘어가겠습니다.

25830 0:26 - 0:27

여기에 XML 파일이 있습니다.

28270 0:28 - 0:34

따라서 이 모든 코드들을 다른
[LinearLayout]에 넣는 것으로 시작하겠습니다.

33875 0:34 - 0:38

이것은 저의 작은 [LinearLayouts]들에
대한 [parent] [LinearLayout]입니다.

39360 0:39 - 0:44

그리고 이 두 열 들을 이곳
위쪽으로 올리겠습니다.

43900 0:44 - 0:50

왜냐하면 이것들을 [root view]에 첨부하고
[closing brace]에 더하기 위해서 입니다.

49670 0:50 - 0:54

좋습니다. 안드로이드는 자동으로
이곳에 닫는 태그를 만들었습니다.

53990 0:54 - 0:55

자 이제 다음 단계로 넘어가

55060 0:55 - 0:59

이 닫는 태그를 자르도록 하겠습니다.
바닥까지 스크롤을 내리고 붙여 넣으십시오.

61160 1:01 - 1:06

자 이제 붉은색의 [squiggly line]이 생겼습니다.
그리고 오류를 살펴보면,

66450 1:06 - 1:11

[layout_height]와 [layout_width]의
규정이 필요하다는 것을 알 수 있습니다.

70660 1:11 - 1:12

이런!
좋습니다. 이를 해결하도록 합시다.

73210 1:13 - 1:18

이것은 [root view] 이므로, 다음에
[match_parent]를 만들겠습니다.

80050 1:20 - 1:21

좋습니다.

81140 1:21 - 1:26

하위 [LinearLayout]의 주변에
하나의 [LinearLayout]을 만들었습니다.

85610 1:26 - 1:30

프리뷰를 살펴보면,
잘 만들어 졌습니다.

90500 1:30 - 1:36

자 이제 다음으로 할 일은
A팀 [LinearLayout]의 모든 내용을

95510 1:36 - 1:41

복사하여 A팀 바로 아래 붙여 넣는
것입니다.

102160 1:42 - 1:47

그리고 이는 B팀의
[LinearLayout]이 됩니다.

107026 1:47 - 1:52

아직은 조금 정렬이 되지
않은 듯 합니다.

112209 1:52 - 1:57

따라서 [Cmd+A]를 할 것입니다.
또는 모두 선택을 하고

117264 1:57 - 2:04

코드 포맷을 위한 Cmd+Option+L
단축키를 사용할 것입니다.

123520 2:04 - 2:08

윈도우에서는 Ctrl+Alt+L입니다.
이제 한 결 나아졌습니다.

127930 2:08 - 2:12

자 이제 지금까지의 과정을 잘
이해하셨기를 바랍니다.

131560 2:12 - 2:17

위 부분까지 스크롤을 올리면
[root LinearLayout]을 확인할 수 있습니다.

136640 2:17 - 2:22

이곳에서부터 시작됩니다. 그리고 스크롤을
바닥까지 내리면 이곳에서 끝이 납니다.

143320 2:23 - 2:27

[root LinearLayout] 내부에서, 다시
한 번 스크롤을 올려보도록 하겠습니다.

148220 2:28 - 2:32

이곳에서 시작하는 하위 [layout]이
만들어 졌습니다.

151919 2:32 - 2:35

스크롤을 천천히 내리겠습니다.

155459 2:35 - 2:37

이곳에서 끝이 납니다.

157150 2:37 - 2:39

이것이 A팀입니다.

158860 2:39 - 2:42

그리고 이곳에서 시작하는 다른 하위
[LinearLayout] 얻게 되었습니다.

162260 2:42 - 2:47

스크롤 천천히 내리면 B팀은 이곳에서 끝이 납니다.

167418 2:47 - 2:50

좋습니다.
이제 윗부분에서 빨간 부분을 발견하였습니다.

169956 2:50 - 2:53

오류 내용을 확인하기 위해 다시 한 번
스크롤을 올려보도록 하겠습니다.

174400 2:54 - 2:58

잘못된 방향, 방향지정 없음, 기본 값은
수평방향입니다.

178440 2:58 - 3:01

여전히 이 [layout]은

180965 3:01 - 3:04

[width match_parent]를 포함하여
다양한 하위 분류를 가지고 있습니다.

183793 3:04 - 3:08

저는 수평 방향을 원합니다.
하지만 일단 다음으로 넘어가

188092 3:08 - 3:10

방향을 규정하도록 합시다.

191360 3:11 - 3:15

기본값은 수평방향이기 때문에
이것은 기술적으로는 필요가 없습니다.

195400 3:15 - 3:16

하지만 이것은 확실합니다.

197950 3:18 - 3:22

그리고 이는 다른 것들을 포함하는
하위 분류에 대해 나타냅니다.

202168 3:22 - 3:24

프리뷰를 클릭해 보도록 하겠습니다.

204334 3:24 - 3:28

흠. 모든 문제 사항들에 관한 내용을
붙여 넣기 하였지만

207901 3:28 - 3:31

별다른 변화가
보이지는 않습니다.

211905 3:32 - 3:34

이는 제가 오류부분들을
수정하지 않았던 것처럼 나타납니다.

215525 3:36 - 3:39

이는 수평 [layout]임을
나타냅니다.

218915 3:39 - 3:43

이 두 [LinearLayout]들을 나란히
놓고자 하지만,

222615 3:43 - 3:47

[LinearLayout]은 [match_parent]의
[layout_width]을 가지고 있어

226591 3:47 - 3:50

화면에 가득 찹니다.

229940 3:50 - 3:55

이처럼 간단히 저의 첫
[LinearLayout]은 화면을 채웁니다.

234510 3:55 - 3:59

그리고 다른 [LinearLayout]이 화면의
다른 곳에 배치됩니다.

240000 4:00 - 4:03

여기서 우리가 바라는 것이
무엇인지를 확인해 봅시다.

243360 4:03 - 4:08

우리는 서로 같은 여백을 가지고 나란히
놓이는 두 개의 [layout]들을 원합니다.

248090 4:08 - 4:12

따라서 이것을
[layout_weight]로

251860 4:12 - 4:16

불러들일 경우, 첫 번째
[LinearLayout]을 취하고 1에 대한

256267 4:16 - 4:20

[layout_weight]를 줍니다.

261140 4:21 - 4:26

또한 이것의 길이를 0으로 설정합니다.

266160 4:26 - 4:30

따라서 이제 우리가 두 개의 [LinearLayouts]을
완성하였다는 것을 알 수 있습니다.

269940 4:30 - 4:33

이들은 정확히
표시되지 않습니다.

272940 4:33 - 4:35

하지만 이는 조금 더 낫습니다.

274560 4:35 - 4:38

따라서 저는 [layout_weight]를
이 곳의 두 번째 [LinearLayout]에

277807 4:38 - 4:39

넣도록 하겠습니다.

278877 4:39 - 4:40

자 이제 스크롤을 내리겠습니다.

280500 4:40 - 4:42

이곳에 두 번째 [LinearLayout]이 있습니다.

282190 4:42 - 4:44

저는 완전히 같은 작업을 할 것입니다.

284250 4:44 - 4:48

여기에도 1에 대한 [layout_weight]가
있기 때문에 동일한 [layout_weight]를

288186 4:48 - 4:51

가지고 있다고 할 수 있습니다.

292650 4:53 - 4:56

그리고 너비를 0으로
설정합니다.

295630 4:56 - 5:00

두 개의 너비를 0으로
설정하는 이유는 실질적으로

300160 5:00 - 5:05

이 두 측면이 너비를 가지지
않기 때문입니다.

304588 5:05 - 5:07

그리고 이 둘은 같은 [layout weight]을
가지기 때문에

306850 5:07 - 5:11

이에 따라 화면 전체에 대한
모든 여백을 가지고

311340 5:11 - 5:15

이를 나눠 절반씩
가질 것입니다.

314950 5:15 - 5:18

만약 이 내용이 이해되지 않는다면,
제가 지시 내용 부분에 걸어둔

317650 5:18 - 5:20

[layout_weight]에 관한
링크 내용을 확인하시면 됩니다.

320350 5:20 - 5:24

A팀을 나타낸 것을 제외하고는
훨씬 나아졌습니다.

324162 5:24 - 5:29

이를 B팀으로 변경하기 위해 스크롤을
내려보도록 하겠습니다.

330460 5:30 - 5:35

이곳에도 오류가 발생하였음을 확인할
수 있을 것입니다.

335420 5:35 - 5:40

그리고 이 오류는 복제된 ID로
인한 것입니다.

339760 5:40 - 5:42

제가 코드를 붙여 넣었다는 것을
명심하시기 바랍니다.

342340 5:42 - 5:46

따라서 기본적으로
[team_a_score]라는 같은 id에 대해

346090 5:46 - 5:48

두 가지 작업을 한 것입니다.

348030 5:48 - 5:52

따라서 이를 [team_b_score]로
변경해 주겠습니다.

351800 5:52 - 5:54

자 이제 좋아졌습니다.

353840 5:54 - 5:55

식별이 어렵군요.

354830 5:55 - 5:55

확대해보도록 하겠습니다.

356800 5:57 - 5:58

이곳에서는 B팀을 나타냅니다.

359290 5:59 - 6:02

정확한 버튼과 문자 뷰를
완성하였습니다.

362420 6:02 - 6:04

자 이제 이것을 제 핸드폰에서
실행시키도록 하겠습니다.

365490 6:05 - 6:08

좋습니다.

367960 6:08 - 6:13

A팀 버튼을 누르면 업데이트 됩니다.
좋습니다.

373418 6:13 - 6:19

B팀 버튼을 눌러도
같은 내용이 업데이트 됩니다.

378840 6:19 - 6:21

특이하군요.

380910 6:21 - 6:23

하지만 우리는 XML에 관한 내용을
작업하였다는 것을 기억하십시오.

383480 6:23 - 6:26

우리는 자바에 관한 내용은 고려하지 않았습니다.

385630 6:26 - 6:29

하지만 XML에 정상 작동 된다면
자바로 변경하지 못할 이유는 없습니다.

Korean subtitles

← 07-37 Add the Other Team in XML

Korean subtitles

← 07-37 Add the Other Team in XML

Embed video

Share