๐Ÿ‘ ์œ ์šฉํ•œ ์‚ฌ์ดํŠธ

์›น์„ ๋งŒ๋“ค ๋•Œ ์–ด์šธ๋ฆฌ๋Š” ์˜ˆ์œ ํฐํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์€ ํ™”๋ฉด ๊ตฌํ˜„ ์ค‘ ์‚ฌ์†Œํ•œ ์ฆ๊ฑฐ์›€์ด๋‹ค.

 

 

https://fonts.google.com/

 

Browse Fonts - Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

ํฐํŠธ๊ฐ€ ๋‹ค์–‘ํ•˜์ง€๋งŒ ํ•œ๊ตญ์–ด๋ฅผ ์ง€์›ํ•˜๋Š” ํฐํŠธ๊ฐ€ ์ ๋‹ค. 


https://noonnu.cc/

 

๋ˆˆ๋ˆ„

์ƒ์—…์šฉ ๋ฌด๋ฃŒํ•œ๊ธ€ํฐํŠธ ์‚ฌ์ดํŠธ

noonnu.cc

 

๊ทธ๋ž˜์„œ ํ•œ๊ธ€ ํฐํŠธ ์‚ฌ์ดํŠธ๋„ ๊ฐ€์ ธ์™”๋‹ค. 

 

 


๋‘˜ ๋‹ค ์‚ฌ์šฉ๋ฒ•์€ ๊ฐ™๋‹ค

 

 

 

1. ์šฐ์„  ๊ธ€๊ผด์„ ๋ˆ„๋ฅด๋ฉด ์˜†์— ๋‚˜์™€์žˆ๋Š” ๋งํฌ๋ฅผ ๋ณต์‚ฌํ›„

 

 

 

 

2. Html head --> style ์•ˆ์— ๋„ฃ๊ฑฐ๋‚˜, ๋ณ„๋„์˜ cssํŒŒ์ผ์„ ์ƒ์„ฑํ–ˆ๋‹ค๋ฉด css์— ๋„ฃ๋Š”๋‹ค

(์ €๋Š” cssํŒŒ์ผ์— ๋„ฃ์—ˆ์Šต๋‹ˆ๋‹ค)

 

 

 

 


3. (html --> style or cssํŒŒ์ผ ์—์„œ ) *{   }๋ฅผ ๋งŒ๋“ค์–ด ์•ˆ์— font-family๋งŒ ํ•œ๋ฒˆ ๋” ๋„ฃ์–ด์ค€๋‹ค. (์ „์ฒด ํฐํŠธ ์ ์šฉ)

 

 

 

 


4. ๋! 

IT ์œ„ํ‚ค

2024. 1. 15. 20:11

https://itwiki.kr/w/%EB%8C%80%EB%AC%B8

 

IT์œ„ํ‚ค

IT์— ๊ด€ํ•œ ๋ชจ๋“  ์ง€์‹. ํ•จ๊ป˜ ๋งŒ๋“ค์–ด๊ฐ€๋Š” ๊นจ๋—ํ•œ ์œ„ํ‚ค

itwiki.kr

 

์—ฌ๋Ÿฌ IT๋‹จ์–ด๋“ค์˜ ์ •์˜๋‚˜ ์‚ฌ์šฉ ๋ฐฉ๋ฒ• ๋“ฑ ๋‹ค์–‘ํ•˜๊ฒŒ ๋‚˜์™€์žˆ๋‹ค

https://labs.tineye.com/color/

 

TinEye Labs - Color Extraction Lab

TinEye is an image search and recognition company. We are experts in computer vision, pattern recognition, neural networks, and machine learning. Our mission is to make your images searchable. How to use TinEye

labs.tineye.com

 

์‚ฌ์ง„์„ ๋„ฃ์œผ๋ฉด ์ด๋ ‡๊ฒŒ ์ƒ‰์ด ๋œฌ๋‹ค ๋ณต์‚ฌ ๋ถ™์—ฌ๋„ฃ๊ธฐ๋กœ html์— ๋„ฃ์–ด ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

https://www.remove.bg/ko

 

์ด๋ฏธ์ง€ ๋ฐฐ๊ฒฝ ์ œ๊ฑฐ, ํˆฌ๋ช… ๋ฐฐ๊ฒฝ ๋งŒ๋“ค๊ธฐ – remove.bg

์‚ฌ์ง„์ด๋‚˜ ์ด๋ฏธ์ง€ ๋ฐฐ๊ฒฝ์„ ํ•œ ๋ฒˆ ํด๋ฆญ์œผ๋กœ 5์ดˆ๋งŒ์— ๋ฌด๋ฃŒ๋กœ ์ œ๊ฑฐํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฏธ์ง€ ๋ฐฐ๊ฒฝ ํˆฌ๋ช…ํ•˜๊ฒŒ ๋งŒ๋“œ๋Š” ๋ฒ•. ๋ˆ„๋ผ ๋”ฐ๊ธฐ ํ”„๋กœ๊ทธ๋žจ.

www.remove.bg

 

jpg๋กœ ์ €์žฅํ•˜๋ฉด ํˆฌ๋ช…์ด ์ง€์›๋˜์ง€ ์•Š๊ธฐ์— ๋ฐฐ๊ฒฝ์ด ํ•˜์–—๊ฒŒ ๋œฌ๋‹ค

๊ทธ๋ž˜์„œ png๋กœ ์ €์žฅํ•ด์•ผํ•œ๋‹ค.

e๋ถ

2024. 1. 4. 18:58

https://wikidocs.net/#_

 

์œ„ํ‚ค๋…์Šค

์˜จ๋ผ์ธ ์ฑ…์„ ์ œ์ž‘ ๊ณต์œ ํ•˜๋Š” ํ”Œ๋žซํผ ์„œ๋น„์Šค

wikidocs.net

๊ฐœ๋ฐœ ์ฑ…์„ ์—ฌ๋Ÿฌ๊ถŒ ์‚ฌ๊ธฐ๋Š” ์‰ฝ์ง€ ์•Š๋‹ค

ํŠนํžˆ ์‹ค์Šต ํ•˜๋Š” ์ฑ…์€ ํ•œ ๋‘๋ฒˆ ๋ณด๋ฉด ์ด์ƒํ•˜๊ฒŒ ์†์ด ์•ˆ๊ฐ€์„œ ์‚ฌ๊ธฐ๊ฐ€ ๋” ์•„๊น๋‹ค

์šด์ด ์ข‹๊ฒŒ๋„ ์—ฌ๊ธฐ์— ์žˆ๋Š” ์ฑ…๋“ค์€ ๊ทธ๋Ÿฐ ์ฑ…๋“ค ์œ„์ฃผ๋กœ ๋‚˜์™€์žˆ๋‹ค 

 

 

 

 

 

์ด๋ ‡๊ฒŒ ์—ฌ๋Ÿฌ ์ข…๋ฅ˜์˜ ์ฑ…์ด ์žˆ๊ณ  ์ฑ…์„ ๋ˆ„๋ฅด๋ฉด

 

 

 

 

 

๋ชฉ์ฐจ์™€ ํ•จ๊ป˜ ์ฑ… ๋‚ด์šฉ์„ ๋ณผ ์ˆ˜ ์žˆ๋‹ค

 

ํ•˜์ง€๋งŒ ๋‚ด์šฉ์— ๋‚˜์™€์žˆ๋“ฏ ์‹œํ—˜ ๋ฌธ์ œ ๊ฐ™์€ ๊ฒฝ์šฐ๋Š” ๊ณต๊ฐœ ๋˜์ง€ ์•Š์•˜๋‹ค

๋ณ„๋„๋กœ ์ฑ…์„ ๊ตฌ๋งคํ•ด์•ผ ํ•œ๋‹ค. 

 

ํ•˜์ง€๋งŒ ๋ฌธ์ œ ํ’€์ด๊ฐ€ ์•„๋‹Œ ๊ธฐ๋ณธ์„œ๋ฅผ ์ฐพ๋Š”๋‹ค๋ฉด ์ข‹์€ ์ฑ…๋“ค์ด ๋งŽ์•„์„œ ์ถ”์ฒœํ•œ๋‹ค

ํŠนํžˆ ๋ฌธ์ œ์— ์žˆ๋Š” ์ฝ”๋“œ๋“ค์„ ๋ณต๋ถ™ํ•˜๊ธฐ ์‰ฌ์›Œ์„œ ์‹ค์Šต์— ์œ ์šฉํ•˜๋‹ค.

 

์ถ”์ฒœ์ถ”์ฒœ

 

 

https://colorhunt.co/

 

Color Palettes for Designers and Artists - Color Hunt

Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.

colorhunt.co

 

 

 

 

 

์—ฌ๋Ÿฌ ์ƒ‰ ๋“ค์„ ๋ชจ์•„์„œ ์กฐํ•ฉํ•œ ๋ชจ์Œ์„ ๋ณด์—ฌ์ฃผ๋Š”๋ฐ 

 

 

 

 

์ด๋ ‡๊ฒŒ ๋ˆ„๋ฅด๋ฉด ์ฝ”๋“œ์— ์ ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์ƒ‰ ๋ฒˆํ˜ธ๊ฐ€ ๋œฌ๋‹ค. 

๋ฐ”๋กœ ์ฝ”๋“œ์— ์ ์šฉํ•˜๋ฉด ๋œ๋‹ค. 

 

์ƒ‰์˜ ๋А๋‚Œ์ด๋‚˜ ๋ถ„์œ„๊ธฐ๋ฅผ ํƒœ๊ทธ๋กœ ํ‘œ์‹œํ•ด์ค˜์„œ ๋ฉ”๋‰ด์—์„œ ์„ ํƒ๋„ ๊ฐ€๋Šฅํ•˜๋‹ค

 

ํ•„์ž๋Š” ํ™”๋ฉด ๊พธ๋ฐ€ ๋•Œ ์ž์ฃผ ์“ด๋‹คใ…Ž.ใ…Ž

 

 

 

 

++์ถ”๊ฐ€

 

https://coolors.co/

 

Coolors - The super fast color palettes generator!

Generate or browse beautiful color combinations for your designs.

coolors.co

 

์—ฌ๊ธฐ๋„ ์œ„์™€ ๋น„์Šทํ•œ ์‚ฌ์ดํŠธ๋‹ค 

 

 

++๋˜ ์ถ”๊ฐ€

https://htmlcolorcodes.com/

 

HTML Color Codes

Easily find HTML color codes for your website using our color picker, color chart and HTML color names with Hex color codes, RGB and HSL values.

htmlcolorcodes.com

์ง์ ‘ ๊ณ ๋ฅธ ์ƒ‰ html๋”ฐ๊ธฐ

 

 

+ Recent posts