모바일웹Ui개발 저자세미나 2부 TECH@NAVER

1. JMC를

2. 이용한

4.
모바일

5. 웹

6. 페이지

7. 만들기

9. 목차

10.
1.

11. 요구

12. 사항

13.
2.

14. SlideFlicking

15.
3.

16. SlideReveal

17.
4.

18. Scroll

20. 1.

21. 요구

22. 사항

25. 대외비

26. 1.

27. 요구

28. 사항

29.
4

30. /

31. JMC를

32. 이용한

33. 모바일

34. 웹

35. 페이지

36. 만들기

38. 대외비

39. 1.

40. 요구

41. 사항

42.
5

43. /

44. JMC를

45. 이용한

46. 모바일

47. 웹

48. 페이지

49. 만들기

51. 대외비

52. 1.

53. 요구

54. 사항

55.
6

56. /

57. JMC를

58. 이용한

59. 모바일

60. 웹

61. 페이지

62. 만들기

64. 대외비

65. 1.

66. 요구

67. 사항

68.
7

69. /

70. JMC를

71. 이용한

72. 모바일

73. 웹

74. 페이지

75. 만들기

77. 대외비

78. 1.

79. 요구

80. 사항

81.
8

82. /

83. JMC를

84. 이용한

85. 모바일

86. 웹

87. 페이지

88. 만들기

90. 대외비

91. 1.

92. 요구

93. 사항

94. -

95. 필요한

96. 컴포넌트

97. 확인

98.
9

99. /

100. JMC를

101. 이용한

102. 모바일

103. 웹

104. 페이지

105. 만들기

106.
jindo.m.SlideFlicking

107.
jindo.m.SlideReveal

108.
jindo.m.Scroll

110. 2.

111. SlideFlicking

113. 대외비

114. 2.

115. SlideFlicking

116.
11

117. /

118. JMC를

119. 이용한

120. 모바일

121. 웹

122. 페이지

123. 만들기

124.
기능

125. 정의

126.
1. 플리킹

127. 영역에서는

128. 총

129. 6개의

130. 영역이

131. 순환으로

132. 플리킹된다.

133.
2. 사용자가

134. 좌,

135. 우로

136. 스크롤하면

137. 손가락이

138. 움직인

139. 만큼

140. 좌우로

141. 스크롤된다.

142.
3. 플리킹

143. 이후에

144. 위쪽

145. 탭

146. 영역을

147. 활성화된

148. 형태로

149. 업데이트한다.

151. 대외비

152.
12

153. /

154. JMC를

155. 이용한

156. 모바일

157. 웹

158. 페이지

159. 만들기

160.
2.

161. SlideFlicking

162.
마크업

163. -

164. 내비게이션

166. 대외비

167. 2.

168. SlideFlicking

169.
13

170. /

171. JMC를

172. 이용한

173. 모바일

174. 웹

175. 페이지

176. 만들기

177.
마크업

178. -

179. 콘텐츠

181. 대외비

182. 2.

183. SlideFlicking

184.
14

185. /

186. JMC를

187. 이용한

188. 모바일

189. 웹

190. 페이지

191. 만들기

192.
초기화

193. 스크립트

195. 대외비

196. 2.

197. SlideFlicking

198.
15

199. /

200. JMC를

201. 이용한

202. 모바일

203. 웹

204. 페이지

205. 만들기

206.
플리킹

207. 이후

208. 내비게이션

209. 업데이트

210. 스크립트

212. 대외비

213. 2.

214. SlideFlicking

215.
16

216. /

217. JMC를

218. 이용한

219. 모바일

220. 웹

221. 페이지

222. 만들기

223.
기능

224. 정의

225.
• 탭을

226. 누르면

227. 탭

228. 이동과

229. 함께

230. 콘텐츠도

231. 함께

232. 이동된다.

233.
• 활성화된

234. 탭을

235. 눌렀을

236. 때는

237. 아무런

238. 변화가

239. 없다.

241. 3.

242. SlideReveal

244. 대외비

245. 3.

246. SlideReveal

247.
1. 검색창

248. 옆

249. 버튼을

250. 누르면

251. 오른쪽에서

252. 왼쪽으로

253. 슬라이드되는

254. 메뉴가

255. 나타난다.

256.
2. 검색창

257. 옆

258. 버튼을

259. 누르면

260. 펼쳐졌던

261. 메뉴가

262. 왼쪽에서

263. 오른쪽으로

264. 슬라이드되며

265. 사라진다.

266.
18

267. /

268. JMC를

269. 이용한

270. 모바일

271. 웹

272. 페이지

273. 만들기

274.
기능

275. 정의

277. 대외비

278. 3.

279. SlideReveal

280.
19

281. /

282. JMC를

283. 이용한

284. 모바일

285. 웹

286. 페이지

287. 만들기

288.
마크업

290. 대외비

291. 3.

292. SlideReveal

293.
20

294. /

295. JMC를

296. 이용한

297. 모바일

298. 웹

299. 페이지

300. 만들기

301.
초기화

302. 스크립트

304. 4.

305. Scroll

307. 대외비

308. 4.

309. Scroll

310.
1. SlideReveal

311. 영역이

312. 노출되면

313. 메뉴가

314. Scroll

316. 방식으로

317. 작동된다.

318.
2. 스크롤

319. 객체가

320. 생성되었다면

321. 매번

322. 생성되지

323. 않아야

324. 한다.

325.
3. 스크롤을

326. 아래로

327. 이동한

328. 상태에서

329. 메뉴를

330. 닫을

331. 때

332. 스크롤의

333. 위치가

334. 위로

335. 이동되어야

336. 한다.

337.
4. 스크롤의

338. 높이는

339. 브라우저의

340. 높이에

341. 맞게

342. 조절된다.

343.
22

344. /

345. JMC를

346. 이용한

347. 모바일

348. 웹

349. 페이지

350. 만들기

351.
기능

352. 정의

354. 대외비

355. 4.

356. Scroll

357.
23

358. /

359. JMC를

360. 이용한

361. 모바일

362. 웹

363. 페이지

364. 만들기

365.
마크업

367. 대외비

368. 4.

369. Scroll

370.
24

371. /

372. JMC를

373. 이용한

374. 모바일

375. 웹

376. 페이지

377. 만들기

378.
초기화

379. 스크립트