JavaScript 3

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค] ํ˜ธํ…” ๋ฐฉ ๋ฐฐ์ • JavaScript (Lv.4)

https://school.programmers.co.kr/learn/courses/30/lessons/64063 ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ์ฝ”๋“œ ์ค‘์‹ฌ์˜ ๊ฐœ๋ฐœ์ž ์ฑ„์šฉ. ์Šคํƒ ๊ธฐ๋ฐ˜์˜ ํฌ์ง€์…˜ ๋งค์นญ. ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค์˜ ๊ฐœ๋ฐœ์ž ๋งž์ถคํ˜• ํ”„๋กœํ•„์„ ๋“ฑ๋กํ•˜๊ณ , ๋‚˜์™€ ๊ธฐ์ˆ  ๊ถํ•ฉ์ด ์ž˜ ๋งž๋Š” ๊ธฐ์—…๋“ค์„ ๋งค์นญ ๋ฐ›์œผ์„ธ์š”. programmers.co.kr ์ด๋ฒˆ ๋ฌธ์ œ๋Š” ํšจ์œจ์„ฑ์ด ์ค‘์š”ํ•œ ๋ฌธ์ œ์˜€์Šต๋‹ˆ๋‹ค. ๐Ÿ“ ๋ฌธ์ œ ํ’€์ด 1. ๊ณ ๊ฐ์ด ์›ํ•˜๋Š” ๋ฐฉ ๋ฒˆํ˜ธ๊ฐ€ ๋‹ด๊ธด room_number ๋ฐฐ์—ด์„ ์ˆœํšŒ 2. ํ˜„์žฌ ๋ฐฉ ๋ฒˆํ˜ธ๋ฅผ assignedRoom ๋ณ€์ˆ˜์— ์ €์žฅ โŒ ํ˜„์žฌ ๋ฐฉ ๋ฒˆํ˜ธ๋ฅผ ๋ฐฐ์ •ํ•  ์ˆ˜ ์—†๋Š” ๊ฒฝ์šฐ 3. assignedRoom์ด map์— ์กด์žฌํ•˜์ง€ ์•Š์„ ๋•Œ๊นŒ์ง€ ๋‹ค์Œ ๋ฐฉ ๋ฒˆํ˜ธ๋ฅผ assignedRoom ๋ณ€์ˆ˜์— ์ €์žฅ 4. assignedRoom์ด map์— ์กด์žฌํ•˜์ง€ ์•Š์œผ๋ฉด ์ž„์‹œ ..

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค] ํƒ€๊ฒŸ ๋„˜๋ฒ„ JavaScript (Lv.2)

https://programmers.co.kr/learn/courses/30/lessons/43165?language=javascript ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ์—ฐ์Šต - ํƒ€๊ฒŸ ๋„˜๋ฒ„ n๊ฐœ์˜ ์Œ์ด ์•„๋‹Œ ์ •์ˆ˜๋“ค์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ์ •์ˆ˜๋“ค์„ ์ˆœ์„œ๋ฅผ ๋ฐ”๊พธ์ง€ ์•Š๊ณ  ์ ์ ˆํžˆ ๋”ํ•˜๊ฑฐ๋‚˜ ๋นผ์„œ ํƒ€๊ฒŸ ๋„˜๋ฒ„๋ฅผ ๋งŒ๋“ค๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด [1, 1, 1, 1, 1]๋กœ ์ˆซ์ž 3์„ ๋งŒ๋“ค๋ ค๋ฉด ๋‹ค์Œ ๋‹ค์„ฏ ๋ฐฉ๋ฒ•์„ ์“ธ ์ˆ˜ programmers.co.kr ์ด๋ฒˆ ๋ฌธ์ œ๋Š” DFS ๋ฌธ์ œ์˜€์Šต๋‹ˆ๋‹ค. ๐Ÿ“ ๋ฌธ์ œ ํ’€์ด 1. numbers ๋ฐฐ์—ด์˜ ๋ชจ๋“  ์Œ์ด ์•„๋‹Œ ์ •์ˆ˜๋Š” ๋”ํ•˜๊ฑฐ๋‚˜ ๋บ„ ์ˆ˜ ์žˆ์Œ ← ์žฌ๊ท€ ํ•จ์ˆ˜ 2๋ฒˆ ๋‚˜๋ˆ ์„œ ํ˜ธ์ถœ 2. numbers ๋ฐฐ์—ด์˜ ์ •์ˆ˜๋“ค์˜ ์ˆœ์„œ๋ฅผ ๋ฐ”๊พธ๋ฉด ์•ˆ ๋จ (์ธ๋ฑ์Šค๋Š” 1์”ฉ ์ฆ๊ฐ€) 3. ์ธ๋ฑ์Šค๊ฐ€ numbers ๋ฐฐ์—ด์˜ ๊ธธ์ด์™€ ๊ฐ™๋‹ค๋ฉด ••• (1) sum ..

[asyn vs defer] HTML์—์„œ JavaScript ํŒŒ์ผ ํฌํ•จํ•˜๊ธฐ

๐Ÿคท๐Ÿป‍โ™€๏ธ JavaScript ํŒŒ์ผ์„ ์–ด๋–ป๊ฒŒ ํฌํ•จํ•˜๋Š” ๊ฒƒ์ด ๋” ํšจ์œจ์ ์ผ๊นŒ? HTML ๋ฌธ์„œ์˜ head ์•ˆ์—์„œ js ํŒŒ์ผ์„ ํฌํ•จ์‹œํ‚ฌ ๋•Œ asyn ๋˜๋Š” defer ํ‚ค์›Œ๋“œ์™€ ํ•จ๊ป˜ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. asyn์™€ defer ๊ฐ ์˜๋ฏธ์™€ ์ด ๋‘˜์˜ ์ฐจ์ด์ ์„ ์•Œ์•„๋ณด๊ณ , ์–ด๋Š ๊ฒƒ์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ๋” ํšจ์œจ์ ์ผ์ง€ ์•Œ์•„ ๋ด…์‹œ๋‹ค. ๐Ÿ’ก asyn ๋ธŒ๋ผ์šฐ์ €๊ฐ€ HTML ๋ฌธ์„œ๋ฅผ ํŒŒ์‹ฑ(parsing: ํ•œ ์ค„์”ฉ ๋ถ„์„ํ•˜๋Š” ๊ฒƒ)ํ•˜๋‹ค๊ฐ€ asyn ํ‚ค์›Œ๋“œ๋ฅผ ๋งŒ๋‚˜๋ฉด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํŒŒ์ผ์„ ๋‹ค์šด๋กœ๋“œ(fetch)ํ•˜๋„๋ก ๋ช…๋ นํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  HTML ๋ฌธ์„œ๋ฅผ ์ด์–ด์„œ ํŒŒ์‹ฑํ•˜๋‹ค๊ฐ€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํŒŒ์ผ์ด ๋‹ค์šด๋กœ๋“œ๋˜๋ฉด HTML ๋ฌธ์„œ ํŒŒ์‹ฑ์„ ๋ฉˆ์ถ”๊ณ  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํŒŒ์ผ์„ ์‹คํ–‰ํ•œ ๋’ค, ๋‹ค์‹œ HTML ๋ฌธ์„œ๋ฅผ ํŒŒ์‹ฑํ•ฉ๋‹ˆ๋‹ค. asyn ํ‚ค์›Œ๋“œ๋Š” HTML ๋ฌธ์„œ์˜ ํŒŒ์‹ฑ์ด ์™„๋ฃŒ๋˜๊ธฐ ์ „์— ์ž๋ฐ”์Šคํฌ..

JavaScript 2021.03.05
๋ฐ˜์‘ํ˜•