๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
728x90
300x250

๊ฐœ๋ฐœ์–ธ์–ด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.
[JSTL] JSTL ๊ธฐ์ดˆ ์ •๋ฆฌ (๋ฌธ๋ฒ• / ์ž‘์„ฑ๋ฒ•) โœจ1. JSTL ์ด๋ž€ 1. JSP ํ‘œ์ค€๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ(JSP Standard Tag Library) ์ด๋‹ค. 2. JSP์—์„œ (๋ฐ˜๋ณต๊ณผ ์กฐ๊ฑด, ๋ฐ์ดํƒ€ ๊ด€๋ฆฌ ํฌ๋งท, XML ์กฐ์ž‘, ๋ฐ์ดํƒ€๋ฒ ์ด์Šค ์•ก์„ธ์Šค)์„ ๊ตฌํ˜„ํ•˜๋Š” ์ปค์Šคํ…€ ํƒœ๊ทธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋ชจ์Œ์ด๋‹ค. 3. ์‹œ๊ฐ„, ๋‚ ์งœ, ์ˆซ์ž์˜ ํฌ๋งท์ด๋‚˜ ๋ฌธ์ž์—ด ๊ฐ€๊ณต๋“ฑ์˜ ์ฒ˜๋ฆฌ์—์„œ ๋น„์ฆˆ๋‹ˆ์Šค๋กœ์ง๊ณผ ํ”„๋ฆฌ์  ํ…Œ์ด์…˜ ๋กœ์ง์„ ๋ถ„๋ฆฌํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค€๋‹ค. 4. JSTL์€ EL(Expression Language)๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ‘œํ˜„ํ•œ๋‹ค. โœจ2. JSTL ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๊ธฐ๋Šฅ ์ ‘๋‘์–ด ์ฝ”์–ด ์ผ๋ฐ˜ ํ”„๋กœ๊ทธ๋žจ ์–ธ์–ด์—์„œ ์ œ๊ณตํ•˜๋Š” ๋ณ€์ˆ˜์„ ์–ธ, ์กฐ๊ฑด/์ œ์–ด/๋ฐ˜๋ณต๋ฌธ๋“ฑ์˜ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•œ๋‹ค. c ํฌ๋งทํŒ… ์ˆซ์ž,๋‚ ์งœ,์‹œ๊ฐ„์„ ํฌ๋งทํŒ… ํ•˜๋Š” ๊ธฐ๋Šฅ๊ณผ ๊ตญ์ œํ™”, ๋‹ค๊ตญ์–ด ์ง€์› ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•œ๋‹ค. fmt ํ•จ์ˆ˜ ๋ฌธ์ž์—ด์„ ์ฒ˜๋ฆฌํ•˜๋Š” ํ•จ์ˆ˜๋ฅผ ์ œ๊ณตํ•œ๋‹ค. fn.. 2022. 4. 7.
[Java] Map - getOrDefault ์ด๋ž€? getOrDefault ๋ž€? - ์ฐพ๋Š” ํ‚ค๊ฐ€ ์กด์žฌํ•œ๋‹ค๋ฉด ์ฐพ๋Š” ํ‚ค์˜ ๊ฐ’์„ ๋ฐ˜ํ™˜ํ•˜๊ณ  ์—†๋‹ค๋ฉด ๊ธฐ๋ณธ ๊ฐ’์„ ๋ฐ˜ํ™˜ํ•˜๋Š” ๋ฉ”์„œ๋“œ ์‚ฌ์šฉ ๋ฐฉ๋ฒ• getOrDefault(Object key, V DefaultValue) ๋งค๊ฐœ ๋ณ€์ˆ˜ : ์ด ๋ฉ”์„œ๋“œ๋Š” ๋‘ ๊ฐœ์˜ ๋งค๊ฐœ ๋ณ€์ˆ˜๋ฅผ ํ—ˆ์šฉํ•ฉ๋‹ˆ๋‹ค. key : ๊ฐ’์„ ๊ฐ€์ ธ์™€์•ผ ํ•˜๋Š” ์š”์†Œ์˜ ํ‚ค์ž…๋‹ˆ๋‹ค. defaultValue : ์ง€์ •๋œ ํ‚ค๋กœ ๋งคํ•‘๋œ ๊ฐ’์ด ์—†๋Š” ๊ฒฝ์šฐ ๋ฐ˜ํ™˜๋˜์–ด์•ผ ํ•˜๋Š” ๊ธฐ๋ณธ๊ฐ’์ž…๋‹ˆ๋‹ค. โœจ๋ฐ˜ํ™˜ ๊ฐ’ : ์ฐพ๋Š” key๊ฐ€ ์กด์žฌํ•˜๋ฉด ํ•ด๋‹น key์— ๋งคํ•‘๋˜์–ด ์žˆ๋Š” ๊ฐ’์„ ๋ฐ˜ํ™˜ํ•˜๊ณ , ๊ทธ๋ ‡์ง€ ์•Š์œผ๋ฉด ๋””ํดํŠธ ๊ฐ’์ด ๋ฐ˜ํ™˜๋ฉ๋‹ˆ๋‹ค. getOrDefault ๋ฉ”์„œ๋“œ์˜ ์‚ฌ์šฉ๋ฒ• import java.util.HashMap; public class Method { public static void main(String []args.. 2022. 4. 6.
[CSS] textarea ํ…Œ๋‘๋ฆฌ ํšจ๊ณผ, ์‚ฌ์ด์ฆˆ์กฐ์ ˆ ์—†์• ๊ธฐ ์•ˆ๋…•ํ•˜์„ธ์š” yunamom ์ž…๋‹ˆ๋‹ค :D textarea ๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ ํ…Œ๋‘๋ฆฌํšจ๊ณผ ๋ฐ ์šฐ์ธกํ•˜๋‹จ์„ ๋“œ๋ ˆ๊ทธํ•ด์„œ ํฌ๊ธฐ์กฐ์ ˆ์„ ํ• ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฒˆ ์‹œ๊ฐ„์—๋Š” ํ…Œ๋‘๋ฆฌ ํšจ๊ณผ ๋ฐ ์‚ฌ์ด์ฆˆ์กฐ์ ˆ ์—†์• ๋Š” ๋ฐฉ๋ฒ•์„ ํฌ์ŠคํŒ…ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ์•„๋ž˜ ์ฝ”๋“œ๋ฅผ ์ถ”๊ฐ€ํ•ด์ฃผ์‹œ๋ฉด ํ…Œ๋‘๋ฆฌ(border),์‚ฌ์ด์ฆˆ์กฐ์ ˆ(resize) ํšจ๊ณผ๋ฅผ ์—†์•จ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค :D *border-radius (ํ…Œ๋‘๋ฆฌ ๋‘ฅ๊ธ€๊ธฐ ํšจ๊ณผ) textarea { border-radius: 0.8rem; border: none; resize: none; } 2022. 4. 5.
728x90
300x250

์ฝ”๋“œ