๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

์ „์ฒด ๊ธ€214

[6์ฃผ์ฐจ] Routing Algorithm : Link State Routing Algorithm : Link State ๊ทธ๋ž˜ํ”„๋กœ ๋‚˜ํƒ€๋‚ธ ๋ผ์šฐํ„ฐ โœ” ๊ฒฐ๊ตญ์€ ์ตœ๋‹จ๊ฒฝ๋กœ ๊ตฌํ•˜๊ธฐ!! ์ „์ฒด ๋„คํŠธ์›Œํฌ์˜ ์—ฐ๊ฒฐ ์ƒํƒœ๋ฅผ ์•„๋Š” ๊ฒฝ์šฐ โœ” Link State Algorithm ์—ฐ๊ฒฐ๋œ ์ธ์ ‘ ๋ผ์šฐํ„ฐ๋งŒ ์•„๋Š” ๊ฒฝ์šฐ โœ” Distance Vector Algorithm Link State Algorithm ์™œ ์ด๋ฆ„์ด Link State์ผ๊นŒ? โœ” ๋ชจ๋“  ๋…ธ๋“œ๊ฐ€ ์ž์‹ ์˜ ์—ฐ๊ฒฐ ์ƒํƒœ(Link state)์„ ์ „์ฒด ๋„คํŠธ์›Œํฌ์— broadcast๋กœ ์ „ํŒŒํ•˜๊ธฐ ๋•Œ๋ฌธ! Dijkstra ์•Œ๊ณ ๋ฆฌ์ฆ˜ โœ” ๋‹ค์ต์ŠคํŠธ๋ผ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ์ด์šฉํ•ด์„œ forwarding ํ…Œ์ด๋ธ” ์ฑ„์šฐ๊ธฐ Link State Algorithm์˜ ๋ฒ”์œ„ โœ” ์ „์ฒด ๋„คํŠธ์›Œํฌ์— ์ ์šฉํ•˜๊ธฐ์—” ํ˜„์‹ค์ ์œผ๋กœ ๋ถˆ๊ฐ€๋Šฅ! โœ” ํ˜„์žฌ ๊ด€๋ฆฌ ์ฃผ์ฒด๊ฐ€ ๋™์ผํ•œ ํ•˜๋‚˜์˜ ๋„คํŠธ์›Œํฌ ๋‚ด๋ถ€๋กœ ๋ฒ”์œ„๋ฅผ ํ•œ์ •ํ•จ 2022. 11. 3.
Event Event ๊ฐœ์š” โœ” Event๋ž€ ํ”„๋กœ๊ทธ๋ž˜๋ฐํ•˜๊ณ  ์žˆ๋Š” ์‹œ์Šคํ…œ์—์„œ ์ผ์–ด๋‚˜๋Š” ์‚ฌ๊ฑด(action) ํ˜น์€ ๋ฐœ์ƒ(occurence)์ธ๋ฐ, ์šฐ๋ฆฌ๊ฐ€ ์›ํ•œ๋‹ค๋ฉด ๊ทธ๊ฒƒ๋“ค์— ์–ด๋– ํ•œ ๋ฐฉ์‹์œผ๋กœ ์‘๋‹ตํ•  ์ˆ˜ ์žˆ๋„๋ก ์‹œ์Šคํ…œ์ด ๋งํ•ด์ฃผ๋Š” ๊ฒƒ โœ” ex: ํด๋ฆฝ, ํ‚ค๋ณด๋“œ ํ‚ค ์ž…๋ ฅ, ๋ธŒ๋ผ์šฐ์ € ๋‹ซ๊ธฐ, ๋ฐ์ดํ„ฐ ์ œ์ถœ, ํ…์ŠคํŠธ ๋ณต์‚ฌ ๋“ฑ๋“ฑ... Event object โœ” ๋„คํŠธ์›Œํฌ ํ™œ๋™์ด๋‚˜ ์‚ฌ์šฉ์ž์™€์˜ ์ƒํ˜ธ์ž‘์šฉ ๊ฐ™์€ ์‚ฌ๊ฑด์˜ ๋ฐœ์ƒ์„ ์•Œ๋ฆฌ๊ธฐ ์œ„ํ•œ ์กด์žฌ โœ” DOM ์š”์†Œ๋Š” Event๋ฅผ '์ˆ˜์‹ ' โœ” ๋ฐ›์€ Event '์ฒ˜๋ฆฌ' Event ์ฒ˜๋ฆฌ๋Š” ์ฃผ๋กœ addEventListner()๋ผ๋Š” Event ์ฒ˜๋ฆฌ๊ธฐ๋ฅผ ๋‹ค์–‘ํ•œ html ์š”์†Œ์— '๋ถ€์ฐฉ' ํ•ด์„œ ์‚ฌ์šฉ Event handler - addEventListner() โœ” ๋Œ€์ƒ์— ํŠน์ • event๊ฐ€ ๋ฐœ์ƒํ•˜๋ฉด, ํ•  ์ผ์„ ๋“ฑ๋กํ•œ๋‹ค Eve.. 2022. 11. 2.
JavaScript๋ฅผ ํ™œ์šฉํ•œ DOM ์กฐ์ž‘ ๊ธฐ์ดˆ DOM ์กฐ์ž‘ ๊ฐœ์š” โœ” DOM ์กฐ์ž‘ ์ˆœ์„œ ์„ ํƒ(select) ์กฐ์ž‘(maipulation) ์„ ํƒ ๊ด€๋ จ ๋ฉ”์„œ๋“œ document.querySelector(selector) โœ” ์ œ๊ณตํ•œ ์„ ํƒ์ž์™€ ์ผ์น˜ํ•˜๋Š” element ํ•œ ๊ฐœ ์„ ํƒ โœ” ์ œ๊ณตํ•œ CSS selector๋ฅผ ๋งŒ์กฑํ•˜๋Š” ์ฒซ ๋ฒˆ์งธ element ๊ฐ์ฒด ๋ฐ˜ํ™˜(์—†๋‹ค๋ฉด null ๋ฐ˜ํ™˜) document.querySelectorAll(selector) โœ” ์ œ๊ณตํ•œ ์„ ํƒ์ž์™€ ์ผ์น˜ํ•˜๋Š” ์—ฌ๋Ÿฌ element๋ฅผ ์„ ํƒ โœ” ๋งค์นญํ•  ํ•˜๋‚˜ ์ด์ƒ์˜ ์…€๋ ‰ํ„ฐ๋ฅผ ํฌํ•จํ•˜๋Š” ์œ ํšจํ•œ CSS selector๋ฅผ ์ธ์ž๋กœ ๋ฐ›๋Š”๋‹ค. โœ” ์ œ๊ณตํ•œ CSS selector๋ฅผ ๋งŒ์กฑํ•˜๋Š” NodeList ๋ฐ˜ํ™˜ ์„ ํƒ ๊ด€๋ จ ๋ฉ”์„œ๋“œ ์‹ค์Šต NodeList โœ” index๋กœ๋งŒ ๊ฐ ํ•ญ๋ชฉ์— ์ ‘๊ทผ ๊ฐ€๋Šฅ โœ” ๋ฐฐ์—ด์˜ forEach ๋ฉ”์„œ๋“œ ๋ฐ .. 2022. 11. 2.
์‚ผ์„ฑ SW ์—ญ๋Ÿ‰ ํ…Œ์ŠคํŠธ Aํ˜• ํ›„๊ธฐ ์‚ฌ์‹ค ๊ต์œก์ƒ ์‹ ๋ถ„์œผ๋กœ ์‘์‹œํ•œ *๋ชจ์˜* Aํ˜•์ด๋ผ์„œ ๊ณต์‹ ๋ ฅ์€ ์—†๋‹คใ… ใ…  ํ•˜์ง€๋งŒ ์‚ผ์„ฑ์ „์ž ์ฃผ์ตœ ํ•˜์— ๋™์ผํ•œ ๋‚œ์ด๋„, ๋™์ผํ•œ ํ™˜๊ฒฝ ๋ฐ ํ†ต์ œ ์กฐ๊ฑด์—์„œ ๋ณธ ์‹œํ—˜์ด๋ผ์„œ ๊ฐœ์ธ ๊ธฐ๋ก ๊ฒธ ์ดํ›„ ์‹ค์ œ ํ‰๊ฐ€ ์‘์‹œ ์ธ์›๋“ค์„ ์œ„ํ•ด ๊ฐ„๋žตํ•˜๊ฒŒ ํ›„๊ธฐ๋ฅผ ๋‚จ๊ฒจ๋ณธ๋‹ค. ์‹œ๊ฐ„๊ณผ ๋ฌธ์ œ ์ˆ˜๋Š” 3์‹œ๊ฐ„ 2๋ฌธ์ œ์˜€๊ณ  ์ž์„ธํ•œ ๋ฌธ์ œ ๋‚ด์šฉ์€ ์•„์‰ฝ๊ฒŒ๋„ ๋ณด์•ˆ ๊ทœ์น™์ƒ ๊ณต๊ฐœํ•  ์ˆ˜ ์—†๋‹ค. ๋‹ค๋งŒ ๋ช‡ ๊ฐ€์ง€ ํŒ์ด๋‚˜ ํ›„๊ธฐ๋ฅผ ์ ์ž๋ฉด 1. ์‹œ์ž‘ํ•˜๋ฉด ๋‘ ๋ฌธ์ œ ๋ชจ๋‘ ์ฝ์–ด๋ณด๊ณ  ์‰ฌ์›Œ๋ณด์ด๋Š” ๊ฒƒ๋ถ€ํ„ฐ ํ’€๊ธฐ (1๋ฌธ์ œ๋งŒ ๋งž์•„๋„ aํ˜• ์ทจ๋“์ด ๊ฐ€๋Šฅํ•˜๋ฉฐ ์ž…์‚ฌ ์ฝ”ํ…Œ ์—ญ์‹œ ๋ณดํ†ต 1๋ฌธ์ œ๊ฐ€ ํ•ฉ๊ฒฉ์ปท์ธ ๊ฒƒ์œผ๋กœ ์•Œ๊ณ  ์žˆ๋‹ค.) 2. ๊ฐ ๋ฌธ์ œ๋‹น 1 - 2 ์‹œ๊ฐ„์ด ์ฃผ์–ด์ง€๋‹ˆ ์ฝ”๋“œ ์ž‘์„ฑ ์ „์— ๊ผผ๊ผผํžˆ ์„ค๊ณ„ ์ถฉ๋ถ„ํžˆ ํ•˜๊ณ  ์ฝ”๋“œ ์ž‘์„ฑํ•˜๊ธฐ. ๋‚˜ ๊ฐ™์€ ๊ฒฝ์šฐ์—๋Š” A4 ์šฉ์ง€์— ์ˆ˜๋„์ฝ”๋“œ๋ฅผ ๋‹ค ์ž‘์„ฑํ•˜๊ณ  ์ฝ”๋“œ๋ฅผ ์ ์—ˆ๋‹ค. 3. ๊ทธ๋ฆฌ๊ณ  ํ•˜๋‹ค๊ฐ€ .. 2022. 11. 2.
[6์ฃผ์ฐจ] ICMP, IPv6 IP: ICMP, IPv6 ICMP: Internet Control Message Protocol โœ” ์‚ฌ์šฉ์ž ๋ฐ์ดํ„ฐ๊ฐ€ ์•„๋‹Œ ๋„คํŠธ์›Œํฌ ์ƒ์˜ ์ฆ์ƒ(๋ฐ์ดํ„ฐ ์œ ์‹ค, TTL expire ๋“ฑ๋“ฑ)์„ ๋‚˜ํƒ€๋‚ด๋Š” control message๋ฅผ ์šด๋ฐ˜ํ•˜๋Š” ํ”„๋กœํ† ์ฝœ โœ” ip ํŒจํ‚ท์˜ ๋ฐ์ดํ„ฐ ๋ถ€๋ถ„์—๋Š” ๋ฐœ์ƒํ•œ ์ฆ์ƒ์— ๋Œ€ํ•œ ์ •๋ณด๋ฅผ ๋‹ด๋Š”๋‹ค. โœ” ๋„คํŠธ์›Œํฌ ์ƒํƒœ ์ง„๋‹จ ๋“ฑ๋“ฑ์— ์ด์šฉ IPv6 โœ” ์šฐ์„ , ๋ณธ๊ฒฉ์ ์œผ๋กœ ๋„์ž… ๋  ๊ฐ€๋Šฅ์„ฑ์ด ๋†’์ง€๋Š” ์•Š๋‹ค... IPv6 datagram โœ” 128bit์˜ ์ฃผ์†Œ ๊ณต๊ฐ„ โœ” flow label ๋“ฑ์˜ ํ—ค๋”๋Š” ์ •์˜๋งŒ ๋˜์žˆ๊ณ  ๊ตฌ์ฒด์  ์‚ฌ์šฉ ๋ฐฉ๋ฒ•์€ ๋…ผ์˜๋˜์ง€ ์•Š์•˜๋‹ค. 2022. 11. 1.
DOM (Document Object Model) DOM Browser APIs โœ” ์›น ๋ธŒ๋ผ์šฐ์ €์— ๋‚ด์žฅ๋œ API๋กœ ์›น ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ํ˜„์žฌ ์ปดํ“จํ„ฐ ํ™˜๊ฒฝ์— ๊ด€ํ•œ ๋ฐ์ดํ„ฐ๋ฅผ ์ œ๊ณตํ•˜๊ฑฐ๋‚˜, ์˜ค๋””์˜ค๋ฅผ ์žฌ์ƒํ•˜๋Š” ๋“ฑ ์—ฌ๋Ÿฌ๊ฐ€์ง€ ์œ ์šฉํ•˜๊ณ  ๋ณต์žกํ•œ ์ผ ์ˆ˜ํ–‰ ๊ฐ€๋Šฅ DOM Geolocation API WebGL DOM ๊ฐœ์š” โœ” ๋ฌธ์„œ ๊ฐ์ฒด ๋ชจ๋ธ(Document Object Model) โœ” ๋ฌธ์„œ์˜ ๊ตฌ์กฐํ™”๋œ ํ‘œํ˜„์„ ์ œ๊ณตํ•˜๋ฉฐ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๊ฐ€ DOM๊ตฌ์กฐ์— ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์„ ์ œ๊ณต ๋ฌธ์„œ ๊ตฌ์กฐ, ์Šคํƒ€์ผ, ๋‚ด์šฉ ๋“ฑ์„ ์‰ฝ๊ฒŒ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์›€ HTML ์ปจํ…์ธ ๋ฅผ ์ถ”๊ฐ€, ์ œ๊ฑฐ, ๋ณ€๊ฒฝํ•˜๊ณ  ๋™์ ์œผ๋กœ ํŽ˜์ด์ง€์— ์Šคํƒ€์ผ ์ถ”๊ฐ€ํ•˜๋Š” ๋“ฑ HTML/CSS ์กฐ์ž‘ ๊ฐ€๋Šฅ โœ” HTML ๋ฌธ์„œ๋ฅผ ๊ตฌ์กฐํ™” ํ•˜์—ฌ ๊ฐ ์š”์†Œ๋ฅผ ๊ฐ์ฒด(object)๋กœ ์ทจ๊ธ‰ โœ” DOM ์€ ๋ฌธ์„œ๋ฅผ ๋…ผ๋ฆฌ ํŠธ๋ฆฌ๋กœ ํ‘œํ˜„ โœ” ์›น ํŽ˜์ด์ง€๋Š” ์ผ์ข…์˜ ๋ฌธ์„œ(docu.. 2022. 11. 1.