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

Basics/Develop25

JSโ–ถarray list find() ํ•จ์ˆ˜ : JSON Object find() ์‚ฌ์šฉ๋ฒ•, ๋ฐฐ์—ด์—์„œ key id๋กœ ์š”์†Œ ์ฐพ๋Š” ๋ฐฉ๋ฒ•, ์˜ˆ์ œ! JS์—์„œ ๋ฆฌ์ŠคํŠธ๋ฅผ ๋‹ค๋ฃจ๋Š” ๋ฐฉ๋ฒ•์€ ๋งค์šฐ ์‰ฝ์Šต๋‹ˆ๋‹ค. ์ผ๋ฐ˜ ์ˆซ์ž ์š”์†Œ๋ฅผ ๊ฐ€์ง„ ๋ฆฌ์ŠคํŠธ์ด๋“ , ์บ๋ฆญํ„ฐ๋ฅผ ๊ฐ€์ง„ ๋ฆฌ์ŠคํŠธ์ด๋“ , json ํ˜•ํƒœ์˜ ์˜ค๋ธŒ์ ํŠธ๋ฅผ ์š”์†Œ๋กœ ๊ฐ€์ง„ ๋ฆฌ์ŠคํŠธ์ด๋“  ๊ฐ„์— ์ƒ๊ด€ ์—†์ด ์›ํ•˜๋Š” ์กฐ๊ฑด์ด ์žˆ๋Š” ์š”์†Œ๋งŒ ๋ฆฌ์ŠคํŠธ์—์„œ ๋”ฑ ๋ฝ‘์•„์“ฐ๊ณ  ์‹ถ์„ ๋•Œ์— ์‚ฌ์šฉํ•˜๋Š” ํ•จ์ˆ˜๊ฐ€ .find()์ž…๋‹ˆ๋‹ค. ์˜ค๋Š˜์€ ์ด find() ํ•จ์ˆ˜๋ฅผ list์—์„œ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋‹ค์–‘ํ•œ ๊ฒฝ์šฐ์— ๋”ฐ๋ผ ์•Œ๋ ค๋“œ๋ฆฌ๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. JS ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ Array List find ๊ฒ€์ƒ‰ ํ•˜๋Š” ๋ฐฉ๋ฒ• Array ๋ฆฌ์ŠคํŠธ์˜ ์š”์†Œ๊ฐ€ ๋‹จ์ผ ์š”์†Œ์ผ ๊ฒฝ์šฐ : ์กฐ๊ฑด ๋„ฃ๊ธฐ Array ๋ฆฌ์ŠคํŠธ์˜ ์š”์†Œ๊ฐ€ Json ํ˜•ํƒœ์ผ ๊ฒฝ์šฐ : key id๊ฐ’ ๊ฒ€์ƒ‰ํ•˜๊ธฐ ์œ„ ๋‘ ๊ฐ€์ง€ ์ฃผ์ œ๋กœ ๋‚˜๋ˆ„์–ด ์„ค๋ช…๋“œ๋ฆฌ๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. Array ๋ฆฌ์ŠคํŠธ์˜ ์š”์†Œ๊ฐ€ ๋‹จ์ผ ์š”์†Œ์ผ ๊ฒฝ์šฐ array์˜ ์š”์†Œ๊ฐ€ ๋‹จ์ˆœํžˆ ์ˆซ์ž๋กœ ์ด๋ฃจ์–ด.. 2022. 8. 19.
Java Date ๋‚ ์งœ ์›”์ผ ๋น„๊ตํ•˜๊ธฐ - ์˜ค๋Š˜๊ณผ ํŠน์ • ๋‚ ์งœ ๋น„๊ต Java Date ๋‚ ์งœ ์›”์ผ ๋น„๊ตํ•˜๊ธฐ Java์—์„œ Date๋กœ ์˜ค๋Š˜ ๋‚ ์งœ์™€ ํŠน์ • ๋‚ ์งœ, ์˜ˆ๋ฅผ ๋“ค๋ฉด 1์›” 1์ผ์„ ๋น„๊ตํ•˜๋Š” ๋กœ์ง์„ ๊ณต์œ ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. new Date()๋Š” ๋…„๋„, ์›”, ์ผ, ์š”์ผ๊ณผ ์‹œ๊ฐ„๊นŒ์ง€ ์„ธ์„ธํ•˜๊ฒŒ ๋ชจ๋‘ ๋ถˆ๋Ÿฌ์˜ค๋Š”๋ฐ์š”. ๊ทธ ์ค‘์—์„œ ๋…„๋„์™€ ์š”์ผ ์‹œ๊ฐ„์„ ์ œ์™ธํ•˜๊ณ  MMdd ์›”์ผ๋งŒ ๋น„๊ตํ•˜๊ณ  ์‹ถ์œผ์‹ค ๋•Œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๊ตฌ๋ฌธ์ž…๋‹ˆ๋‹ค. Java Date ๋‚ ์งœ ์›”์ผ ๋น„๊ต ์ฝ”๋“œ SimpleDateFormat formatter = new SimpleDateFormat("MMdd"); String today = formatter.format(new Date()); if(today.equals("0101")){ System.out.println("1์›”1์ผ"); } else{ System.out.println("์˜ค๋Š˜์€"+t.. 2022. 7. 14.
๋ฌด๋ฃŒ ํŒ€์› ์ผ์ •๊ณต์œ  ํ˜‘์—…ํˆด ์ถ”์ฒœ : ๊ตฌ๊ธ€ ์บ˜๋ฆฐ๋” ์ƒ์„ฑ ๋ฐ ๊ทธ๋ฃน, ๊ณต์œ ํ•˜๊ธฐ! ํšŒ์‚ฌ ๋‚ด ๋ถ€์„œ, ํŒ€์›์ด๋‚˜ ์กฐ๋ณ„๊ณผ์ œ, ํŒ€ํ”„๋กœ์ ํŠธ ๋“ฑ์„ ์ˆ˜ํ–‰ํ•  ๋•Œ ์ผ์ •๊ณต์œ  ๋ฐ ํ˜‘์—…ํˆด ์‚ฌ์šฉ์€ ๊ฑฐ์˜ ํ•„์ˆ˜์ ์ž…๋‹ˆ๋‹ค. ์š”์ฆ˜์€ ์œ ๋ฃŒ๋กœ๋„ ์ข‹์€ ํ˜‘์—…ํˆด์ด ๋งŽ์ง€๋งŒ, ์‚ฌ์‹ค ๋Œ€๋ถ€๋ถ„์€ ๊ทธ ๋ชจ๋“  ๊ธฐ๋Šฅ์„ ์ด์šฉํ•ด์•ผํ•  ํ•„์š”๊ฐ€ ์—†์„ ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ์˜ค๋Š˜์€, ํŒ€์› ๊ฐ„ '์ผ์ •๊ณต์œ ' ๊ธฐ๋Šฅ์— ์ง‘์ค‘ํ•œ ํ˜‘์—…ํˆด ์ถ”์ฒœ, ๋ฌด๋ฃŒ ๊ตฌ๊ธ€ ์บ˜๋ฆฐ๋” ์ผ์ •๊ณต์œ ์šฉ์œผ๋กœ ์‚ฌ์šฉํ•˜๊ธฐ! ๋ฐฉ๋ฒ•์„ ์•Œ๋ ค๋“œ๋ฆฌ๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ๊ตฌ๊ธ€ ์บ˜๋ฆฐ๋” ์ผ์ • ๊ณต์œ  ์‚ฌ์šฉ๋ฐฉ๋ฒ• ๊ฐ„๋‹จ ์š”์•ฝ ๊ตฌ๊ธ€ ์บ˜๋ฆฐ๋” ์‚ฌ์ดํŠธ์— ๋“ค์–ด๊ฐ€์„œ ๋กœ๊ทธ์ธํ•œ๋‹ค. ์ƒˆ ์บ˜๋ฆฐ๋” ๋งŒ๋“ค๊ธฐ ์„ค์ •์—์„œ ๊ณต์œ ํ•  ์‚ฌ๋žŒ๋“ค ์„ ํƒํ•˜๊ธฐ ์ผ์ •๊ณต์œ  ์‹œ์ž‘! ๊ตฌ๊ธ€ ์บ˜๋ฆฐ๋” ๊ณต์œ ํ•˜๋Š” ๋ฐฉ๋ฒ• 1. ๊ตฌ๊ธ€์บ˜๋ฆฐ๋” ์‚ฌ์ดํŠธ์— ์ ‘์†ํ•ด์„œ ๋กœ๊ทธ์ธํ•ฉ๋‹ˆ๋‹ค. ํŒ€์›๋“ค๋„ ๊ตฌ๊ธ€ ์•„์ด๋”” ๋ฐ ๊ตฌ๊ธ€์—์„œ ์‚ฌ์šฉํ•˜๋Š” ํšŒ์‚ฌ ๋„๋ฉ”์ธ์˜ ์ด๋ฉ”์ผ ๋“ฑ์ด ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. 2. ์™ผ์ชฝ์˜ Other calendars(.. 2022. 7. 13.
JAVA Pattern๊ณผ Matcher๋กœ ์ •๊ทœํ‘œํ˜„์‹ (์ „ํ™”๋ฒˆํ˜ธ ๋‚ ์งœ ๋“ฑ) ํฌ๋งท ์ฒดํฌํ•˜๊ธฐ ๊ฐœ๋ฐœ ์ˆœ์„œ์™€ ์ฝ”๋“œ Java์—์„œ ๋ฐ์ดํ„ฐ ๊ฐ’์˜ format ํฌ๋งท์„ ์ฒดํฌํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์ž๋ฐ”์—์„œ ๋ฐ์ดํ„ฐ format validation์—๋Š” ๋‹ค์–‘ํ•œ ๋ฐฉ๋ฒ•์ด ์กด์žฌํ•˜์ง€๋งŒ, ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” ๊ทธ ์ค‘์—์„œ๋„ java.util.regex.Matcher ์™€ java.util.regex.Pattern์„ ํ™œ์šฉํ•œ ์˜ˆ์ œ ์ฝ”๋“œ๋ฅผ ์ •๋ฆฌ ํ•ด ๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. JAVA๋กœ Format Check ํ•˜๊ธฐ - regex 1. regex ํŒจํ‚ค์ง€ import ํ•˜๊ธฐ ... import java.util.regex.Matcher; import java.util.regex.Pattern; ... ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ ์‚ฌ์šฉํ•  ๋‘ ๊ฐ€์ง€ regex ํŒจํ‚ค์ง€๋ฅผ import ํ•ฉ๋‹ˆ๋‹ค. ์ž๋ฐ”์—์„œ๋Š” ์ •๊ทœํ‘œํ˜„์‹์„ ์‚ฌ์šฉํ•  ๋•Œ ๋ณดํ†ต ์ด ํŒจํ‚ค์ง€๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. 2. ์•Œ๊ณ ๋ฆฌ์ฆ˜ ์ƒ๊ฐํ•˜๊ธฐ ์ œ.. 2022. 5. 4.
๋ธŒ๋žœ๋“œ๋ช… ์ถ”์ฒœ, ์ž๋™ ๋„ค์ด๋ฐ ์‚ฌ์ดํŠธ TOP 2! ์•ˆ๋…•ํ•˜์„ธ์š”! ์š”์ฆ˜ ๋ฆฌ๋ธŒ๋žœ๋”ฉ, ๋‰ด๋ธŒ๋žœ๋”ฉ์„ ์ถ”์ง„ํ•˜๋ฉด์„œ ์ƒˆ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ์ด๋ฆ„์— ๋Œ€ํ•ด์„œ ๋งŽ์ด ๊ณ ๋ฏผํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋ธŒ๋žœ๋“œ ๋„ค์ด๋ฐ ๊ธฐ๋ฒ•์€ ์žˆ์œผ๋‚˜ ๋˜ ํ‹€์— ๋ฐ•ํžŒ ์ด๋ฆ„๋งŒ ์ƒ๊ฐ๋‚˜๋Š” ๊ฒƒ์€ ์ œ ํ•œ๊ณ„์ผ๊นŒ์š”? ใ… _ใ…  ๋ธŒ๋žœ๋“œ ์ด๋ฆ„ ์ง“๊ธฐ๊ฐ€ ์‰ฝ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์˜ค๋Š˜์€ ๊ทธ๋ž˜์„œ ์ œ๊ฐ€ ๋ฆฌ๋ธŒ๋žœ๋”ฉ ์‹œ์— ์ด๋ฆ„ ์ง€์„ ๋•Œ ๊ฐ€์žฅ ๋„์›€์„ ๋งŽ์ด ๋ฐ›์€ ์‚ฌ์ดํŠธ 2๊ฐ€์ง€๋ฅผ ์†Œ๊ฐœํ•ด๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค. ๋„ค์ด๋ฐ ์‚ฌ์ดํŠธ๋Š” ๋‹ค์–‘ํ•œ๋ฐ์š”! ๊ทธ ์ค‘์—์„œ๋„ ์ด๋ฏธ์ง€ํ™” ํ•˜๊ธฐ ์‰ฝ๊ณ , ๋ป”ํ•˜์ง€ ์•Š์€ ๋„ค์ž„์„ ์ถ”์ฒœ๋ฐ›์„ ์ˆ˜ ์žˆ์œผ๋ฉฐ ์˜๊ฐ์„ ๋ฐ›์•„ ์ƒ‰๋‹ค๋ฅธ ์ด๋ฆ„์„ ๋– ์˜ฌ๋ฆฌ๊ฒŒ ํ•ด์ฃผ๋Š” ๋„ค์ด๋ฐ ์‚ฌ์ดํŠธ TOP 2! ๋ธŒ๋žœ๋“œ๋ช… ์ง“๊ธฐ, ๋ธŒ๋žœ๋“œ๋ช… ์ถ”์ฒœ, ๋ธŒ๋žœ๋“œ๋ช… ๋ณ€๊ฒฝ ์‚ฌ๋ก€ ๋“ฑ ๋งŽ์€ ๊ฒƒ์„ ๊ณ ๋ฏผํ•˜์ง€ ๋งˆ์‹œ๊ณ  ์ผ๋‹จ! ์‚ฌ์ดํŠธ๋ฅผ ์ด์šฉํ•ด๋ณด์„ธ์š”. ๋„ค์ด๋ฐ ๊ทœ์น™, ๋„ค์ด๋ฐ ์„ผ์Šค ๋“ฑ์„ ๊ณ ๋ คํ•˜์ง€ ๋งˆ์‹œ๊ณ  ์ผ๋‹จ! ํ•œ๋ฒˆ ์‚ฌ์šฉํ•ด๋ณด์„ธ์š” :) nameli.. 2022. 4. 11.
๊ณ ๊ธ‰์–ธ์–ด ? ๊ฐ์ฒด์ง€ํ–ฅ์–ธ์–ด? ์ปดํŒŒ์ผ์–ธ์–ด? ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์˜ ์œ ํ˜•๋ณ„ ๋ถ„๋ฅ˜ ์•ˆ๋…•ํ•˜์„ธ์š”. ์˜ค๋Š˜์€ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋ฅผ ์œ ํ˜•๋ณ„๋กœ ๋ถ„๋ฅ˜ํ•˜์—ฌ๋ณด๊ณ , ๊ฐ ์œ ํ˜•์˜ ํŠน์ง•๊ณผ ์ข…๋ฅ˜๋ฅผ ์•Œ์•„๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋ณ„๋กœ ๊ฐ๊ฐ์˜ ํŠน์„ฑ์„ ๋ณด์œ ํ•˜๊ณ  ์žˆ์œผ๋ฉฐ, ๊ด€์ ์— ๋”ฐ๋ผ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋ฅผ ์œ ํ˜•๋ณ„๋กœ ๋ถ„๋ฅ˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฐœ๋ฐœํ•˜๊ณ ์ž ํ•˜๋Š” ์†Œํ”„ํŠธ์›จ์–ด์˜ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋ฅผ ์„ ํƒํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ๊ฐ ์–ธ์–ด๊ฐ€ ์†ํ•œ ์œ ํ˜•๊ณผ ํŠน์ง•์„ ์ž˜ ์•Œ๊ณ  ์žˆ์–ด์•ผ ํ•˜๋Š”๋ฐ์š”! ์–ด๋ ต์ง€ ์•Š์€ ๋‚ด์šฉ์ด๋‹ˆ ํ™•์ธํ•ด๋ณด์‹œ๊ธฐ ๋ฐ”๋ž๋‹ˆ๋‹ค. ๊ฐœ๋ฐœ ํŽธ์˜์„ฑ ์ธก๋ฉด์— ๋”ฐ๋ฅธ ๋ถ„๋ฅ˜ 1. ์ €๊ธ‰์–ธ์–ด(Low-Level Language) : ์ปดํ“จํ„ฐ๊ฐ€ ์ง์ ‘ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” ์–ธ์–ด๋กœ ์‹คํ–‰์†๋„๋Š” ๋น ๋ฅด๋‚˜ ๊ธฐ๊ณ„๋งˆ๋‹ค ๊ธฐ๊ณ„์–ด๊ฐ€ ์ƒ์ดํ•˜์—ฌ ํ˜ธํ™˜์„ฑ์ด ์—†๊ณ  ์œ ์ง€๊ด€๋ฆฌ๊ฐ€ ์–ด๋ ต๋‹ค. 2. ๊ณ ๊ธ‰์–ธ์–ด(High-Level Language) : ๊ฐœ๋ฐœ์ž๊ฐ€ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋„๋ก ์†Œ์Šค์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋Š” ์–ธ์–ด๋กœ, ์‹คํ–‰์„.. 2022. 3. 21.
์ดํด๋ฆฝ์Šค ๊ธ€์ž ํฌ๊ธฐ ์กฐ์ • ๋‹จ์ถ•ํ‚ค - Window Preperences ์„ค์ • ๋ง๊ณ  ๋‹จ์ถ•ํ‚ค๋กœ ๊ฐ„ํŽธํ•˜๊ฒŒ! ์•ˆ๋…•ํ•˜์„ธ์š”! ์ด๋ฒˆ ํฌ์ŠคํŒ…์€ ์ดํด๋ฆฝ์Šค Eclipse ๊ฐœ๋ฐœํ™˜๊ฒฝ์—์„œ ํด์ž ํฌ๊ธฐ๋ฅผ ํฌ๊ฒŒ ๋Š˜๋ฆฌ์‹œ๊ฑฐ๋‚˜, ์ž‘๊ฒŒ ์กฐ์ •ํ•˜๊ณ  ์‹ถ์œผ์‹ค ๋•Œ ๊ฐ„๋‹จํžˆ ๋‹จ์ถ•ํ‚ค๋กœ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ๋ ค๋“œ๋ฆฌ๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ๋ชจ๋“  ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด ๊ณตํ†ต์œผ๋กœ ๊ธ€์ž ํ•œ๋ฒˆ์— ๋ฐ”๊พธ๊ธฐ ๊ฐ€ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ์ „๋ฐฉ๋ฒ• >> ๊ธ€์ž ํฌ๊ธฐ ๋ฐ ๊ธ€๊ผด(ํฐํŠธ), ์ƒ‰์ƒ๊ณผ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด ๋ณ„๋กœ ์„ค์ •ํ•˜๊ณ  ์‹ถ์„ ๋•Œ ๋ณดํ†ต ๋งŽ์€ ๋ถ„๋“ค์ด Eclipse -> Window -> Preferences -> Colors and Fonts ์†์„ฑ ์„ค์ • ์ฐฝ์— ๋“ค์–ด๊ฐ€์…”์„œ ๊ธ€์ž ํฌ๊ธฐ ๋ฐ ๊ธ€๊ผด ์†์„ฑ์„ ์–ธ์–ด ๋ณ„๋กœ ์ˆ˜์ •ํ•ด์ฃผ์‹œ๊ณค ํ•˜๋Š”๋ฐ์š”. ์ด๋Š” ๋ง ๊ทธ๋Œ€๋กœ ๊ธ€์ž ํฌ๊ธฐ์™€ ์ƒ‰์ƒ, ํฐํŠธ๋ฅผ ๊ฐœ๋ฐœ ์–ธ์–ด๋ณ„๋กœ ์…‹ํŒ…ํ•  ๋•Œ ์“ฐ์‹œ๋Š” ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค. ๊ฐœ๋ฐœํ•˜๋ฉด์„œ ๊ทธ๋•Œ ๊ทธ๋•Œ ๊ธ€์ž ํฌ๊ธฐ๋งŒ ํ™•๋Œ€ํ–ˆ๋‹ค ์ค„์˜€๋‹ค ํ•˜์‹œ๊ณ  ์‹ถ์„ ๋•Œ์—๋Š” ๋น„ํšจ์œจ์ ์ธ ๊ฒƒ์ด์ฃ . .. 2022. 3. 18.
์ƒ‰ ์กฐํ•ฉ, ์ปฌ๋Ÿฌ ํŒ”๋ ˆํŠธ ์ถ”์ฒœ ๋ฐ ์›ํ•˜๋Š” ์ƒ‰๊ฐ์œผ๋กœ ์ปฌ๋ŸฌํŒ”๋ ˆํŠธ ์ง์ ‘ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•! ์ปฌ๋Ÿฌ ํŒ”๋ ˆํŠธ๋ฅผ ์ œ๊ณตํ•˜๋Š” ์‚ฌ์ดํŠธ๋Š” ๋งŽ์Šต๋‹ˆ๋‹ค. ์ง์ ‘ ๋งŒ๋“ค์–ด๋ณด๊ณ  ํ™•์ธํ•˜๊ฒŒ ํ•ด ์ฃผ๋Š” ์‚ฌ์ดํŠธ๋„ ๋งŽ์ฃ . ๊ทธ๋Ÿฌ๋‚˜ ์›๋ฆฌ๋ฅผ ๊ฐ„๋‹จํžˆ ์„ค๋ช…ํ•ด์ฃผ๋ฉด์„œ, ์ƒ‰์„ ์กฐํ•ฉํ•˜๋Š” ๋ฐฉ๋ฒ•๊ณผ ์ปจ์…‰์— ๋”ฐ๋ผ ์ปฌ๋Ÿฌ ํŒ”๋ ˆํŠธ๋ฅผ ๋งŒ๋“ค์–ด๋ณด๊ฒŒ ํ•ด์ฃผ๋Š” ์นœ์ ˆํ•œ ์‚ฌ์ดํŠธ๋Š” ๋งŽ์ง€ ์•Š์€ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์ด๋ฒˆ ํฌ์ŠคํŒ…์€ ์ปฌ๋Ÿฌ์กฐํ•ฉ๋ฒ•์„ ๊ฐ€๋ณ๊ฒŒ ํ™•์ธํ•˜๊ณ , ์ง์ ‘ ์ƒ‰ ํ…Œ๋งˆ๋ฅผ ์„ ํƒํ•ด์„œ ์›ํ•˜๋Š” ๋Š๋‚Œ์˜ ์ƒ‰๊ฐ์„ ์กฐํ•ฉํ•ด๋ณด๋Š” ์‚ฌ์ดํŠธ๋ฅผ ์†Œ๊ฐœํ•ด๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค. ์ปฌ๋Ÿฌ ํŒ”๋ ˆํŠธ (Color Palettes) ์ถ”์ฒœ https://www.w3schools.com/colors/colors_palettes.asp Sky Palettes์™€ Sand Palettes, ํ•˜๋Š˜ ์ปฌ๋ŸฌํŒ”๋ ˆํŠธ์™€ ๋ชจ๋ž˜ ์ปฌ๋Ÿฌ ํŒ”๋ ˆํŠธ ์ž…๋‹ˆ๋‹ค. Flower Palettes, Beach Palettes, ๊ฝƒ ์ปฌ๋Ÿฌ ํŒ”๋ ˆํŠธ์™€ ๋ฐ”๋‹ค, ํ•ด๋ณ€ ์ปฌ๋Ÿฌ ํŒ”๋ ˆํŠธ์ž…๋‹ˆ๋‹ค.. 2022. 2. 25.
Color Picker : ๊ณจ๋ผ ์‚ฌ์šฉํ•˜์„ธ์š”! #000000, rgb(0,0,0) ๋“ฑ ๋‹ค์–‘ํ•˜๊ณ  ์œ ์šฉํ•œ ์ƒ‰ ์กฐํ•ฉ ์‚ฌ์ดํŠธ! ์›น ์‚ฌ์ดํŠธ ๊ฐœ๋ฐœ๋ถ€ํ„ฐ ํ‹ฐ์Šคํ† ๋ฆฌ ๊ธ€์”จ ์ƒ‰์„ ๋ฐ”๊ฟ€ ๋•Œ ๊นŒ์ง€ ์ •๋ง ๋‹ค์–‘ํ•œ ์ƒํ™ฉ์—์„œ Color Picker๋Š” ํ•„์š”ํ•œ๋ฐ์š”. ์˜ค๋Š˜์€ ๊ทธ ์ค‘์—์„œ๋„ ์ •๋ง ์œ ์šฉํ•˜๋‹ค๊ณ  ์ƒ๊ฐ๋˜์—ˆ๋˜, ๋˜ ์ƒ‰์— ๋Œ€ํ•œ ์ดํ•ด๋„ ์ข€ ๋„์™€์ฃผ๋Š” Color Picker๋ฅผ ์†Œ๊ฐœ์‹œ์ผœ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค. ๋˜, ์ง์ ‘ ์ปฌ๋Ÿฌ ํŒ”๋ ˆํŠธ, ์ƒ‰ ์กฐํ•ฉ์„ ํ…Œ๋งˆ์— ๋งž๊ฒŒ ๋งŒ๋“ค์–ด ๋ณด์‹ค ์ˆ˜ ์žˆ๋Š”๋ฐ์š”! ์ด๊ฑด ์ด ํฌ์ŠคํŒ…(https://iworldt.tistory.com/106)์„ ์ฐธ๊ณ ํ•˜์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค. ๊ธฐ๋ณธ์ ์ธ ์˜ˆ์œ ์ปฌ๋Ÿฌ๋“ค์€ ํฌ์ŠคํŒ… ๋งจ ์•„๋ž˜์— ๋ชจ์•„๋‘˜ํ…Œ๋‹ˆ ์ฐธ๊ณ ํ•˜์„ธ์š”~! ์œ„์ฒ˜๋Ÿผ Hex , rgb, hsl ๊นŒ์ง€ ํ•œ ์ƒ‰์„ ์—ฌ๋Ÿฌ ํƒ€์ž…์œผ๋กœ ํ‘œํ˜„ํ•ด์ฃผ๊ณ  ๋ณต์‚ฌ๊นŒ์ง€ ์‰ฌ์šด! w3schools ์˜ Color Picker ์ž…๋‹ˆ๋‹ค. https://www.w3schools.com/colors/colors_picker.asp.. 2022. 2. 25.
728x90
๋ฐ˜์‘ํ˜•