[WEB UI BASIC] Javascript 2탄

1. JavaScript

2. 2탄 WEB UI BASIC 본 자료는 NHN NEXT 윤지수 교수님의 자료를 바탕으로 제작했습니다. NHN

3. NEXT

4. 우재우

5. 본격적으로

7. 시작합니다~

8. Fasten

9. your

10. seatbelt!!

12. 오늘은

13. 함수에

14. 대해

15. 알아봅시다

16. 펑크숀(function)ㅋ

17. 함수를

18. 선언하는

19. 법 function

21. functionName

22. (argument1,

23. argument2

24. …⋯)

26. …⋯statements…⋯

27. (return

28. returnValue;)

29. } JavaScript에서

30. 함수는

31. argument

32. 타입을

33. 입력하지

34. 않아요!

35. 그리고

36. return

37. 타입도

38. 입력할

39. 필요가

40. 없습니다.

41. return;이

42. 있으면

43. return

44. 하는

45. 거죠

46. ㅎㅎㅎ

47. 함수를

48. 써봅시다! function

49. printName(name)

51. console.log(“My

52. name

53. is

54. “

56. name);

58. printName(“Smith”);

59. My

60. name

61. is

62. Smith 쉽죠?

63. 이렇게도

64. 할

65. 수

66. 있어요! var

67. functionName

69. function

70. (argument1,

71. argument2

72. …⋯)

74. …⋯statements…⋯

75. (return

76. returnValue;)

77. } var를

78. 이용해서

79. 함수의

80. 이름을

81. 앞으로

82. 빼내는

83. 방법이죠!

84. 다음

85. 함수를

86. 바꿔봅시다! 앞에서

87. 작성한

88. printName

89. 함수를

90. 변수

91. 선언

92. 함수로

93. 바꿔봅시다!

94. function

95. printName(name)

97. console.log(“My

98. name

99. is

100. “

101. +

102. name);

103. }

104. ==

105. ???

106. 뭐가

107. 다른걸까요? function

108. addNum(num)

109. {

110. return

111. num++;

112. }

113. addNum(3); 함수

114. 이름을

115. 변수처럼

116. 쓸

117. 수

118. 있다는

119. 것은

120. 어떤

121. 의미일까요?

122. 함수

123. 이름(addNum)은

124. 단지

125. 함수를

126. 가리키는

127. 이름일

128. 뿐이란거죠! var

129. addNum

130. =

131. function(num)

132. {

133. return

134. num++;

135. }

136. addNum(3);

137. 그래서

138. 함수를... var

139. newFunc

140. =

141. function(arg)

142. {return

143. ++arg;};

144. function

145. addNum(num,

146. func)

147. {

148. value

149. =

150. func(num);

151. return

152. function(){return

153. ++value;};

154. }

155. resultFunc

156. =

157. addNum(3,

158. newFunc);

159. resultFunc(); 그래서

160. 함수를

161. 인자로도

162. 쓸

163. 수

164. 있고,

165. 리턴값으로

166. 쓸

167. 수도

168. 있죠!!!

169. 자바스크립트는

170. 정말

171. 엄청난

172. 변태같은

173. 언어

174. 아닌가요?

175. 아래

176. 코드를

177. 차근차근

178. 뜯어봅시다~

179. JS,

180. 너...

181. 너는!!!

182. 하...함..수형

183. 언...어?!?! JavaScript는

184. 함수형

185. 언어입니다!

186. 엄밀히

187. 따지면

188. 명령형,

189. 함수형,

190. 객체지향형

191. 언어입니다.

192. 한

193. 마디로

194. 짬뽕이죠

195. ㅋㅋㅋㅋㅋ

196. JavaScript는

197. C나

198. JAVA처럼

199. 상태도

200. 관리하지만

201. 앞선

202. 예시와

203. 같이

204. 함수를

205. 가지고

206. 놀

207. 수도

208. 있어서

209. 함수형

210. 언어로도

211. 볼

212. 수

213. 있는

214. 것이죠.

215. 그냥

216. 다재다능한

217. 친구

218. 정도로

219. 해둡시다

220. ㅎㅎㅎ

221. 내가

222. 그의

223. 이름을

224. 불러

225. 주기

226. 전에는

227. 그는

228. 다만

229. 하나의

230. 몸짓에

231. 지나지

232. 않았건만

233. 너는

234. 왜...

235. (익명)즉시실행함수! 함수를

236. 호출하지

237. 않아도

238. 스스로

239. 실행되는

240. 함수를

241. 말해요~

242. (function()

243. {

244. console.log(“HELLO!!!”);

245. })();

246. 또는

247. (function()

248. {

250. }());

251. (function()

252. {

254. })(); 요게

255. 포인트죠!

256. 즉시실행함수는

257. 왜

258. 쓰는거죠? 보통

259. 함수를

260. 선언하면

261. 인터프리터가

262. 스크립트를

263. 로딩

264. 시점에

265. 함수를

266. 변수이름에

267. 할당합니다.

268. 즉시실행함수를

269. 사용하면

270. 함수를

271. 따로

272. 저장하지

273. 않고

274. 인터프리터가

275. 함수를

276. runtime에

277. 해석하고

278. 실행시켜

279. 줍니다.

280. 그래서

281. 성능향상에

282. 도움이

283. 됩니다.

284. 또

285. 즉시실행함수

286. 범위

287. 내에서

288. 변수를

289. 전역으로

290. 선언하지

291. 않기

292. 때문에

293. 외부에서의

294. 접근을

295. 제한할

296. 수

297. 있어서

298. 코드

299. 충돌을

300. 줄일

301. 수

302. 있습니다.

303. scope(범위)에

304. 대해선

305. 뒤에

306. 계속

307. 다루도록

308. 하죠.

309. 잠시

310. 쉬는

311. 시간!!!

312. SCOPE! 이번에는

313. scope에

314. 대해

315. 이야기하려

316. 합니다.

317. scope는

318. 해당

319. 변수가

320. 유효한

321. 범위를

322. 뜻하는데요,

323. scope는

324. 크게

325. global

326. scope와

327. local

328. scope가

329. 있죠?

330. JavaScript는

331. 특이한

332. scope를

333. 가지고

334. 있어요.

335. 차근차근

336. 하나씩

337. 살펴봅시다.

338. Function

339. Scope JavaScript는

340. function

341. 단위로

342. scope가

343. 만들어져요!

344. function

345. printName()

346. {

347. var

348. smith

349. =

350. “Smith”;

351. }

352. printName();

353. console.log(smith);

354. 이건

355. 그냥

356. 당연하게

357. 받아들이면

358. 되죠??

359. 만약

360. var가

361. 없다면?? function

362. printName()

363. {

364. smith

365. =

366. “Smith”;

367. }

368. printName();

369. console.log(smith);

371. 헐!!!

372. var의

373. 중요성 var

374. value

375. =

376. 100;

377. function

378. printNum()

379. {

380. value

381. =

382. 0;

383. }

384. printNum();

385. console.log(value);

386. value

387. =

388. ???

389. var를

390. 붙이지

391. 않으면

392. function

393. 안에

394. 있더라도

395. 전역변수가

396. 됩니다ㅠ

397. Scope로

398. 인한

399. 충격과

400. 공포는

401. 아직

402. 끝나지

403. 않았다!

404. for

405. {}

406. 무쓸모 function

407. test()

408. {

409. for

410. (var

411. i

412. =

413. 0;

414. i

416. 10;

417. i++)

418. {

419. continue;

420. }

421. console.log(i);

422. }

423. test();

424. for문

425. 쓰고나서

426. index(i)

427. 쓸

428. 때는

429. 주의해야겠죠?

430. 디버그(Debug) var

431. newFunc

432. =

433. function(arg)

434. {return

435. ++arg;};

436. function

437. addNum(num,

438. func)

439. {

440. debugger;

441. value

442. =

443. func(num);

444. return

445. function(){return

446. ++value;};

447. }

448. resultFunc

449. =

450. addNum(3,

451. newFunc);

452. resultFunc();

453. 디버그(Debug) 디버그

454. 창을

455. 살펴봅시다!!!

456. 변수와

457. 함수에

458. 대해

459. 다뤘으니

460. 다음

461. 시간에는

462. JS를

463. 이용해서

464. DOM을

465. 조작하고,

466. Event를

467. 추가합시다!

468. 다음

469. 주까지

470. 숙제는

471. 윤지수

472. 교수님이

473. 만든

474. 자료

475. 중에

476. Object와

477. Array에

478. 관한

479. 자료를

480. 혼자

481. 읽고

482. 공부하는

483. 것입니다! https://github.com/WooJaeWoo/WEB_UI_BASIC

484. 에

485. 가시면

486. 자료가

487. 다

488. 있어요!

[WEB UI BASIC] Javascript 2탄

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (16)

Destaque

Destaque (20)

Semelhante a [WEB UI BASIC] Javascript 2탄

Semelhante a [WEB UI BASIC] Javascript 2탄 (7)

Mais de Jae Woo Woo

Mais de Jae Woo Woo (15)

[WEB UI BASIC] Javascript 2탄