DevFest 2016 발표

1. 안드로이드

2. 개발에

3.
유용한

4. 도구들
안세원

5.
GDG

6. Korea

7. Android

8.
kingori

9. @

10. gmail.com

11. 안드로이드

12. 개발에

13.
유용한

14. 도구들
안세원

15.
GDG

16. Korea

17. Android

18.
kingori

19. @

20. gmail.com
앱의

21. 동작과

22. 내부에

23. 저장된

24. 데이터를

25. 파악하는데

26. 도움이

27. 되는

28. • Stetho

29.
• LeakCanary

30.
• HierarchyViewer

31.
• Debugger

32. 팁
3
다룰

33. 내용

34. • Stetho

35.
• LeakCanary

36.
• HierarchyViewer

37.
• Debugger

38. 팁
4
다룰

39. 내용

40. Stetho
• 페이스북이

41. 만든

42. 킹왕짱

43. 종합

44. 선물세트

45.
• http://facebook.github.io/stetho/

46.
• 크롬

47. 브라우저의

48. inspect

49. UI를

50. 이용해

51. 각종

52. 정보

53. 조회

54.
• 네트워크,

55. Sqlite

56. DB,

57. SharedPreference,

58. UI
5

59. 주요

60. 기능
• 네트워크

61. 로깅

62.
• 앱

63. 내부

64. Sqlite

65. DB

66. SQL

68. 실행:

69. 조회

70. 뿐

71. 아니라

72. 수정도

73. 가능

74.
• SharedPreference

75. 조회/수정

76.
• 커스텀

77. 동작

78. 수행할

79. 수

80. 있는

81. dump

82. plugin

83.
• Javascript

84. Console
6

85. 뭐가

86. 좋다는

87. 거지?
• 네트워크

88.
• 헤더값

89. 까보려고

90. proxy

91. 깔고

92. 설정하지

93. 말자!

94.
• logcat

95. 째려보면서

96. json

97. 눈으로

98. 파싱하지

99. 말자!

100.
• Sqlite

101. DB

102.
• 쿼리

103. 날리려고

104. db

105. 파일

106. export

107. 해서

108. 다른

109. 도구에서

110. 열어보지

111. 말자!

112.
• 데이터

113. 조작하려고

114. 디버거

115. 걸어두고

116. sql

117. 불편하게

118. 날리지

119. 말자!
7

120. 뭐가

121. 좋다는

122. 거지?

123. (2)
• SharedPreference

124.
• 값

125. 조회

126. /

127. 조작하려고

128. 일일이

129. api

130. 날리지

131. 말자!

132.
• UI

133.
• 왜

134. 여기서

135. 3px

136. 더

137. 벌어지는건지,

138. 이게

139. 마진

140. 문젠지

141. 패딩

142. 문젠지

143. 파악하고

144. 싶을

145. 때

146.
(그나마)

147. 편하게

148. 확인하자!

149.
• Dumper

150. Plugin

151.
• 커스텀

152. 정보

153. 조회

154. /

155. 수정작업을

156. 콘솔창에서

157. 수행하자!
8

158. 설정
• Gradle

159.
dependencies

160. {

163. debugCompile

164. ‘com.facebook.stetho:stetho:1.4.1'

165.
}

166.
• Application에서

167. 초기화

168. :

169. 다양한

170. 옵션이

171. 있으니

172. 더

173. 공부해보세요!

174.
• adb

175. 연결

176. 후

177. 크롬

178. 브라우저에서

179. chrome://inspect

180. 로

181. 이동!
9

182. 네트워크

183. 로깅
• 네트워크

184. 호출

185. API와

186. 연결

187. 필요

188.
• okhttp,

189. url

190. connection

191. 모듈은

192. 별도

193. library로

194. 제공

197. dependencies

198. {

204. compile

205. 'com.facebook.stetho:stetho-okhttp3:1.4.1'

209. }

210.
10

211. 우리

212. 프로젝트에선

213. 못쓸것

214. 같은데?
• 우린

215. 특별한

216. 네트워크

217. 암호화를

218. 적용하는데요?

219.
• 우린

220. 소켓

221. 통신을

222. 많이

223. 하는데

224. 소켓은

225. 못쓰죠?

226.
→

227. NetworkEventReportImpl에

228. 직접

229. 로그를

230. 넣으세요!

231.
• 생각한대로

232. 동작하지

233. 않을

234. 수도

235. 있어요!

236.
• NetworkEventReporter

237. javadoc

238. 주의깊게

239. 읽어야

240. 함

241.
https://goo.gl/gJFYHh

242.
• 잘

243. 만들어진

244. okhttp

245. StehoInterceptor

246. 등의

247. 소스를

248. 참고하자
11

249. 커스텀

250. 로깅

251. 예제
• Stetho로

252. Socket.IO

253. 채팅

254. 통신

255. 로그를

256. 남겨보자!

257.
• Socket.IO

258. 안드로이드

259. 라이브러리의

260. 로그를

261.
Stetho로

262. 남기기

263.
http://socket.io/blog/native-socket-io-and-android/

264.
• 데모프로젝트의

265. StethoSocketIOLogger

266. 참고
12

267. dumpapp
• 커맨드라인에서

268. stetho를

269. 이용,

270. 미리

271. 구현한

272. 로직을

273. 호출함

274.
• python

275. script

276. 가

277. stetho

278. 설정할

279. 때

280. 등록한

281. 플러그인을

282. 호출

283.
• 실행하려면

284. python

285. script

286. 다운로드

287. 필요
13
curl

288. -o

289. dumpapp

290. https://raw.githubusercontent.com/
facebook/stetho/master/scripts/dumpapp
curl

291. -o

292. stetho_open.py

293. https://
raw.githubusercontent.com/facebook/stetho/master/
scripts/stetho_open.py
./dumpapp

294. 커스텀

295. dumpapp

296. 플러그인

297. 예제
• 커맨드라인에서

298. 넘긴

299. 메시지를

300. 토스트로

301. 띄워보자!

302.
• DumperPlugin

303. 인터페이스를

304. 구현해서

305. 플러그인

306. 작성

307.
• Stetho

308. 초기화

309. 시

310. 구현한

311. 플러그인을

312. 등록
14

313. 더

314. 알아봅시다
• 커스텀

315. DatabaseDriver를

316. 활용하기

317.
• Javascript

318. Console

319. 활용하기

320.
• 샘플:

321. https://github.com/kingori/devfest2016_sample
15

322. • Stetho

323.
• LeakCanary

324.
• HierarchyViewer

325.
• Debugger

326. 팁
16
다룰

327. 내용

328. LeakCanary
17
• Sqaure에서

329. 만든

330. 액티비티

331. 메모리

332. 릭

333. 탐지

334. 도구

335.
• https://github.com/square/leakcanary

336.
• 액티비티

337. destroy

338. 시점에

339. GC을

340. 수행하고,

341. 참조가

342. 사라지지

343. 않
을

344. 경우

345. 메모리

346. 릭으로

347. 판단함

348.
• 내부구현

349. 분석:

350. https://goo.gl/C7u3Go

351.
• 메모리

352. 릭

353. 탐지

354. 결과는

355. notification으로

356. 알려줌

357. 설정
• Gradle

358.
• Application
18

359. dependencies

360. {

364. debugCompile

365. 'com.squareup.leakcanary:leakcanary-android:1.5'

369. releaseCompile

370. 'com.squareup.leakcanary:leakcanary-android-no-op:1.5'

374. testCompile

375. 'com.squareup.leakcanary:leakcanary-android-no-op:1.5'

377. }

378. 메모리

379. 릭

380. 탐지

381. 예제
• Activity

382. instance를

383. static

384. 으로

385. 담아두는

386. 흉악한

387. 짓을

388. 해

389. 보자!
19

390. • Stetho

391.
• LeakCanary

392.
• HierarchyViewer

393.
• Debugger

394. 팁
20
다룰

395. 내용

396. HierarchyViewer
• 옛~날부터

397. SDK가

398. 제공하는

399. 뷰

400. 성능

401. /

402. 속성

403. 조회

404. 도구

405.
• https://developer.android.com/studio/profile/
optimize-ui.html#HierarchyViewer

406.
• 렌더링

407. 성능에

408. 영향을

409. 미치는

410. 노드

411. 정보

412. 제공,

413. 각

414. 노드의

415.
렌더링

416. 결과물

417. 조회

418.
• 구닥다리

419. 도구

420. 아닌가요?

421. 구관이

422. 명관입니다요!
21

423. 실행
• Device

424. monitor에

425. 통합되어

426. 있음.

427. 찾기

428. 어려워서

429. 문제지..
22

430. 실

431. 기기에서

432. 실행하려면?
• 에뮬레이터나

433. 루팅된

434. 기기가

435. 아니라면

436. hierarchy

437. viewer

438. 내용이

439. 안보인다?

440.
• 4.0

441. 이하:

442. ViewServer

443. 클래스를

444. 실행

446.
• 4.0

447. 초과

448. :

449. 환경변수

450. 설정

451.
export

452. ANDROID_HVPROTO=ddm

453.
• https://developer.android.com/studio/profile/hierarchy-viewer-
setup.html
23

454. 24

455. 25

456. Layout

457. Inspector
• 안드로이드

458. 스튜디오

459. 2.2

460. 에

461. 추가된,

462.
Hierarchy

463. Viewer의

464. 계승자

465.
• http://tools.android.com/tech-docs/
layout-inspector

466.
• 아직은

467. 레이아웃

468. 스냅샷

469. 기능밖에

470. 없음
26

471. • Stetho

472.
• LeakCanary

473.
• HierarchyViewer

474.
• Debugger

475. 팁
27
다룰

476. 내용

477. • 실행

478. 중단

479. 지점에서

480. 다양한

481. 조작

482. 실행
28
Evaluate

483. expression

484. (Alt+F8)

485. • 특정

486. 조건을

487. 만족할

488. 경우에만

489. 실행을

490. 중단
29
Conditional

491. Breakpoint

492. • 한두번

493. 확인하고

494. 말

495. 용도의
로그메시지

496.
• Suspend

497. 옵션은

498. 꺼두자
30
Breakpoint

500. Log

501. message

502. 질문?

503. 고맙습니다!
샘플:

504. https://github.com/kingori/devfest2016_sample