๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๋ฐ˜์‘ํ˜•

๊ฐœ๋ฐœ์–ธ์–ด42

[Java] HashMap ์‚ฌ์šฉ๋ฒ• โœจHashMap ์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”? HashMap์€ Map ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๊ตฌํ˜„ํ•œ ๋Œ€ํ‘œ์ ์ธ Map ์ปฌ๋ ‰์…˜์ž…๋‹ˆ๋‹ค. Map ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์ƒ์†ํ•˜๊ณ  ์žˆ๊ธฐ์— Map์˜ ์„ฑ์งˆ์„ ๊ทธ๋Œ€๋กœ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. Map์€ ํ‚ค๐Ÿ”‘์™€ ๊ฐ’์œผ๋กœ ๊ตฌ์„ฑ๋œ Entry๊ฐ์ฒด๋ฅผ ์ €์žฅํ•˜๋Š” ๊ตฌ์กฐ๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ์ž๋ฃŒ๊ตฌ์กฐ์ž…๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์„œ ํ‚ค์™€ ๊ฐ’์€ ๋ชจ๋‘ ๊ฐ์ฒด์ž…๋‹ˆ๋‹ค. ๊ฐ’์€ ์ค‘๋ณต ์ €์žฅ๋  ์ˆ˜ ์žˆ์ง€๋งŒ ํ‚ค๋Š” ์ค‘๋ณต ์ €์žฅ๋  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ๋งŒ์•ฝ ๊ธฐ์กด์— ์ €์žฅ๋œ ํ‚ค์™€ ๋™์ผํ•œ ํ‚ค๋กœ ๊ฐ’์„ ์ €์žฅํ•˜๋ฉด ๊ธฐ์กด์˜ ๊ฐ’์€ ์—†์–ด์ง€๊ณ  ์ƒˆ๋กœ์šด ๊ฐ’์œผ๋กœ ๋Œ€์น˜๋ฉ๋‹ˆ๋‹ค. HashMap์€ ์ด๋ฆ„ ๊ทธ๋Œ€๋กœ ํ•ด์‹ฑ(Hashing)์„ ์‚ฌ์šฉํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๋งŽ์€ ์–‘์˜ ๋ฐ์ดํ„ฐ๋ฅผ ๊ฒ€์ƒ‰ํ•˜๋Š” ๋ฐ ์žˆ์–ด์„œ ๋›ฐ์–ด๋‚œ ์„ฑ๋Šฅ์„ ๋ณด์ž…๋‹ˆ๋‹ค. ์ถœ์ฒ˜ : ๋งํฌ ์œ„ ๊ทธ๋ฆผ๊ณผ ๊ฐ™์ด HashMap์€ ๋‚ด๋ถ€์— 'ํ‚ค'์™€ '๊ฐ’'์„ ์ €์žฅํ•˜๋Š” ์ž๋ฃŒ ๊ตฌ์กฐ๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.. 2022. 4. 10.
[CSS] background-repeat (๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง€ ๋ฐ˜๋ณต ์—ฌ๋ถ€) โœจbackground-repeat : ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง€์˜ ๋ฐ˜๋ณต ์—ฌ๋ถ€, ๋ฐ˜๋ณต ๋ฐฉํ–ฅ ์ž‘์„ฑ๋ฒ• background-repeat: repeat | repeat-x | repeat-y | no-repeat | inherit repeat(๊ธฐ๋ณธ๊ฐ’) ๊ฐ€๋กœ ๋ฐฉํ–ฅ, ์„ธ๋กœ ๋ฐฉํ–ฅ์œผ๋กœ ๋ฐ˜๋ณตํ•ฉ๋‹ˆ๋‹ค. repeat-x ๊ฐ€๋กœ ๋ฐฉํ–ฅ์œผ๋กœ ๋ฐ˜๋ณตํ•ฉ๋‹ˆ๋‹ค. repeat-y ์„ธ๋กœ ๋ฐฉํ–ฅ์œผ๋กœ ๋ฐ˜๋ณตํ•ฉ๋‹ˆ๋‹ค. no-repeat ๋ฐ˜๋ณตํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. initial ๊ธฐ๋ณธ๊ฐ’์œผ๋กœ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค. inherit ๋ถ€๋ชจ ์š”์†Œ์˜ ์†์„ฑ๊ฐ’์„ ์ƒ์†๋ฐ›์Šต๋‹ˆ๋‹ค. 2022. 4. 9.
[CSS] ์ปฌ๋Ÿฌ ์ฐจํŠธ ๋ฆฌ์ŠคํŠธ The table below lists all of the 80 colors in the color picker along with their names and Hex codes. Row# Color Name Hex code 1 black #000000 1 dark gray 4 #434343 1 dark gray 3 #666666 1 dark gray 2 #999999 1 dark gray 1 #b7b7b7 1 gray #cccccc 1 light gray 1 #d9d9d9 1 light gray 2 #efefef 1 light gray 3 #f3f3f3 1 white #ffffff 2 red berry #980000 2 red #ff0000 2 orange #ff9900 2 yellow #ffff00 .. 2022. 4. 8.
[CSS] background-size (๋ฐฐ๊ฒฝ์ด๋ฏธ์ง€ ํฌ๊ธฐ) โœจ๋ฐฐ๊ฒฝ์ด๋ฏธ์ง€ ํฌ๊ธฐ ์กฐ์ ˆํ•˜๊ธฐ background-size ์†์„ฑ ์„ค๋ช… auto ์›๋ž˜ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง€ ํฌ๊ธฐ๋งŒํผ ํ‘œ์‹œ(๊ธฐ๋ณธ ๊ฐ’) contain ์ง€์ •ํ•œ ์š”์†Œ ์•ˆ์— ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง€๊ฐ€ ๋‹ค ๋“ค์–ด์˜ค๋„๋ก ์ด๋ฏธ์ง€๋ฅผ ํ™•๋Œ€/์ถ•์†Œ cover ์ง€์ •ํ•œ ์š”์†Œ๋ฅผ ๋‹ค ๋ฎ๋„๋ก ๋ฐฐ๊ฒฝ์ด๋ฏธ์ง€๋ฅผ ํ™•๋Œ€/์ถ•์†Œ ํฌ๊ธฐ ๊ฐ’ ๋„ˆ๋น„ ๊ฐ’๊ณผ ๋†’์ด ๊ฐ’์„ ์ง€์ • ๋ฐฑ๋ถ„์œจ ์ง€์ •ํ•œ ์š”์†Œ๋ฅผ ๊ธฐ์ค€์œผ๋กœ ๋ฐฑ๋ถ„์œจ ๊ฐ’์„ ์ง€์ • auto contain cover 100px 100px 70% 70% 2022. 4. 8.
[JS] ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ backtick(`) ์–ต์Œ๋ถ€ํ˜ธ ๋ž€? ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ String ๊ฐ’์— ๋”ฐ์˜ดํ‘œ๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. var str = "yunamom"; var str = 'yunamom'; var str = `yunamom`; JavaScript์—์„œ ํ…œํ”Œ๋ฆฟ ๋ฆฌํ„ฐ๋Ÿด์— ํ™œ์šฉ๋˜๋Š” ๋ฌธ์ž(์–ต์Œ๋ถ€ํ˜ธ) ๊ฐ€ ์žˆ๋‹ค. ์ด ๋ฌธ์ž(์–ต์Œ๋ถ€ํ˜ธ) ๋ฅผ ๋ฐฑํ‹ฑ(backtick)์ด๋ผ๊ณ  ํ•˜๋Š”๋ฐ ์–ธ๋œป ์ž˜๋ชป๋ณด๋ฉด ์ž‘์€ ๋”ฐ์˜ดํ‘œ์™€ ํ˜ผ๋™ํ•˜๊ธฐ ์‰ฝ๋‹ค. ์˜๋ฌธ๋ช…์นญ์œผ๋กœ๋Š” Backquote, backtick, grave accent ๋“ฑ ๋‹ค์–‘ํ•œ ์ด๋ฆ„์ด ๋ถ™์–ด์žˆ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ๋Š” ๋ฐฑํ‹ฑ(`)์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ฌธ์ž์—ด์„ ํ‘œํ˜„ํ•˜๋Š” ๊ฒƒ์„ 'ํ…œํ”Œ๋ฆฟ ๋ฆฌํ„ฐ๋Ÿด'์ด๋ผ๊ณ  ํ•œ๋‹ค. ๋ฐฑํ‹ฑ์„ ์‚ฌ์šฉํ•˜๋Š” ์žฅ์ ์€ ์—ฌ๋Ÿฌ๊ฐ€์ง€๊ฐ€ ์žˆ์ง€๋งŒ ๊ฐ€์žฅ ํฐ ์žฅ์ ์€ ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค. 1. (\n) ๋“ฑ์„ ์‚ฌ์šฉํ•˜์ง€ ์•Š๊ณ ๋„ ์ค„๋ฐ”๊ฟˆ์„ ์‰ฝ๊ฒŒ ํ•  ์ˆ˜ ์žˆ๋‹ค. 2. ๋ฌธ์ž์—ด ๋‚ด๋ถ€์— ํ‘œํ˜„์‹์„ ํฌํ•จ ํ• .. 2022. 4. 8.
[JAVA] TreeMap ์‚ฌ์šฉ๋ฒ• โœจ TreeMap ์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”? TreeMap์€ ์ด์ง„ํŠธ๋ฆฌ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•œ Map ์ปฌ๋ ‰์…˜์ž…๋‹ˆ๋‹ค. ๊ฐ™์€ Tree๊ตฌ์กฐ๋กœ ์ด๋ฃจ์–ด์ง„ TreeSet๊ณผ์˜ ์ฐจ์ด์ ์€ TreeSet์€ ๊ทธ๋ƒฅ ๊ฐ’๋งŒ ์ €์žฅํ•œ๋‹ค๋ฉด TreeMap์€ ํ‚ค์™€ ๊ฐ’์ด ์ €์žฅ๋œ Map, Etnry๋ฅผ ์ €์žฅํ•œ๋‹ค๋Š” ์ ์ž…๋‹ˆ๋‹ค. TreeMap์— ๊ฐ์ฒด๋ฅผ ์ €์žฅํ•˜๋ฉด ์ž๋™์œผ๋กœ ์ •๋ ฌ๋˜๋Š”๋ฐ, ํ‚ค๋Š” ์ €์žฅ๊ณผ ๋™์‹œ์— ์ž๋™ ์˜ค๋ฆ„์ฐจ์ˆœ์œผ๋กœ ์ •๋ ฌ๋˜๊ณ  ์ˆซ์ž ํƒ€์ž…์ผ ๊ฒฝ์šฐ์—๋Š” ๊ฐ’์œผ๋กœ, ๋ฌธ์ž์—ด ํƒ€์ž…์ผ ๊ฒฝ์šฐ์—๋Š” ์œ ๋‹ˆ์ฝ”๋“œ๋กœ ์ •๋ ฌํ•ฉ๋‹ˆ๋‹ค. ์ •๋ ฌ ์ˆœ์„œ๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ ๋ถ€๋ชจ ํ‚ค๊ฐ’๊ณผ ๋น„๊ตํ•ด์„œ ํ‚ค ๊ฐ’์ด ๋‚ฎ์€ ๊ฒƒ์€ ์™ผ์ชฝ ์ž์‹ ๋…ธ๋“œ์— ํ‚ค๊ฐ’์ด ๋†’์€ ๊ฒƒ์€ ์˜ค๋ฅธ์ชฝ ์ž์‹ ๋…ธ๋“œ์— Map.Etnry ๊ฐ์ฒด๋ฅผ ์ €์žฅํ•ฉ๋‹ˆ๋‹ค. TreeMap์€ ์ผ๋ฐ˜์ ์œผ๋กœ Map์œผ๋กœ์จ์˜ ์„ฑ๋Šฅ์ด HashMap๋ณด๋‹ค ๋–จ์–ด์ง‘๋‹ˆ๋‹ค. TreeMap์€ ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•  .. 2022. 4. 8.
300x250

์ฝ”๋“œ