๐Ÿ’˜ ์ด๋Ÿฐ ์„œ๋น„์Šค๋Š” ์–ด๋•Œ์š”? [๐Ÿ’ก๋””์ž์ธ ์ž‘์—… ํšจ์œจ์„ ๋†’์—ฌ์ฃผ๋Š” ํฌ๋กฌ ํ™•์žฅํ”„๋กœ๊ทธ๋žจ 5] (๐Ÿ‘€์ด๊ฒŒ ๋ญ”๊ฐ€์š”?) ๐Ÿ“Œ ์›นํŽ˜์ด์ง€์— ์ ์šฉ๋œ ํฐํŠธ ์ •๋ณด๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋Š” : WhatFont โœ“ ๊ตฌ๊ธ€ ํฐํŠธ API๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ, ์›นํŽ˜์ด์ง€์— ์ ์šฉ๋œ ํฐํŠธ ์ •๋ณด๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ฃผ๋Š” ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ โœ“ ํฐํŠธ๋ช…, ์Šคํƒ€์ผ, ์‚ฌ์ด์ฆˆ, ์ปฌ๋Ÿฌ ๋“ฑ์˜ ์ •๋ณด ํ™•์ธ ๊ฐ€๋Šฅ ๐Ÿ“Œ ์›ํ•˜๋Š” ๋ฐฉ๋ฒ•์œผ๋กœ ํ™”๋ฉด ์บก์ณ ๋ฐ ๋…นํ™”๊ฐ€ ๊ฐ€๋Šฅํ•œ : Nimbus โœ“ ์กฐ๊ฑด์— ๋”ฐ๋ฅธ ํ™”๋ฉด ์บก์ณ๋Š” ๋ฌผ๋ก  ์˜์ƒ ๋…นํ™”๊นŒ์ง€ ๊ฐ€๋Šฅํ•ด ๋‹ค์–‘ํ•œ ์‚ฌ๋ก€๋ฅผ ๋ชจ์œผ๊ณ  ์ •๋ฆฌํ•˜๋Š”๋ฐ ๋งŽ์€ ๋„์›€ โœ“ ์ „์ฒด ํ™”๋ฉด, ํŠน์ • ๋ถ€๋ถ„, ์„ ํƒ์˜์—ญ(์ง์ ‘ ์„ ํƒ), ์Šคํฌ๋กค, ํŠน์ • ํƒญ, ๋™์˜์ƒ ์ดฌ์˜ ๋“ฑ ๋‹ค์–‘ํ•œ ๊ธฐ๋Šฅ์„ ์ œ๊ณต ๐Ÿ“Œ ๋””์ž์ด๋„ˆ๋ฅผ ์œ„ํ•œ CSS ๋ทฐ์–ด : CSS Peeper โœ“ ํŠน์ • ์›นํŽ˜์ด์ง€์— ์ ์šฉ๋œ ํฐํŠธ ๋ฐ ์ปฌ๋Ÿฌ ์ •๋ณด์™€ ์‚ฌ์šฉ ์ค‘์ธ ์ด๋ฏธ์ง€ ๋“ฑ ์—์…‹์„ ํด๋ฆญ ํ•œ ๋ฒˆ์œผ๋กœ ํ™•์ธ โœ“ ๋ฒ„ํŠผ ๋“ฑ์˜ ํŠน์ • ์š”์†Œ๋ฅผ ํด๋ฆญํ•˜๋ฉด ์‚ฌ์ด์ฆˆ, ์ ์šฉ ์ปฌ๋Ÿฌ, ์—ฌ๋ฐฑ ๋“ฑ์˜ ์ •๋ณด๋„ ์‰ฝ๊ฒŒ ํ™•์ธ ๊ฐ€๋Šฅ ๐Ÿ“Œ ์›ํ•˜๋Š” ์‚ฌ์ด์ฆˆ๋กœ ์›นํŽ˜์ด์ง€๋ฅผ ๋น ๋ฅด๊ฒŒ ํ™•์ธํ•˜๋Š” : Window Resizer โœ“ ์œˆ๋„์šฐ ๋ฆฌ์‚ฌ์ด์ €(Window Resizer)๋Š” ํด๋ฆญ ํ•œ ๋ฒˆ์œผ๋กœ ์›นํŽ˜์ด์ง€๋ฅผ ์›ํ•˜๋Š” ํ•ด์ƒ๋„์— ๋”ฐ๋ผ ํ™•์ธ ๊ฐ€๋Šฅ โœ“ 6๊ฐœ ์ฃผ์š” ํ•ด์ƒ๋„๊ฐ€ ๊ธฐ๋ณธ ์ œ๊ณต, ์›ํ•˜๋Š” ํ•ด์ƒ๋„๋ฅผ ํด๋ฆญํ•˜๋ฉด ํ•ด๋‹น ์กฐ๊ฑด์— ๋งž๊ฒŒ ์›นํŽ˜์ด์ง€๋ฅผ ํ™•์ธ ๊ฐ€๋Šฅ ๐Ÿ“Œ ์›น์‚ฌ์ดํŠธ ๊ตฌ์„ฑ ์š”์†Œ ๊ฐ„ ๊ฑฐ๋ฆฌ, ์‚ฌ์ด์ฆˆ ์ธก์ •์ด ๊ฐ€๋Šฅํ•œ : Dimensions โœ“ ์›ํ•˜๋Š” ๊ตฌ์„ฑ์š”์†Œ์— ๋งˆ์šฐ์Šค๋ฅผ ๊ฐ€์ ธ๋‹ค ๋Œ€๋ฉด ์ถ”๊ฐ€ ํ–‰๋™ ์—†์ด ๋ฐ”๋กœ ๊ตฌ์„ฑ์š”์†Œ๊ฐ€ ํฌํ•จ๋œ ์˜์—ญ ๋‚ด ์œ„์น˜๋ฅผ ์‰ฝ๊ฒŒ ํŒŒ์•… ๊ฐ€๋Šฅ โœ“ ๋žœ๋”ฉํŽ˜์ด์ง€ ๋“ฑ ์ž‘์—… ์‹œ, ํฌํ•จ๋˜๋Š” ๋‹ค์–‘ํ•œ ๊ตฌ์„ฑ์š”์†Œ์˜ ๋ฐฐ์น˜๋ฅผ ์–ด๋–ป๊ฒŒ ํ•  ์ง€์— ๋Œ€ํ•œ ์ฐธ๊ณ ์ž๋ฃŒ ์ •๋ฆฌ ๊ฐ€๋Šฅ

๋””์ž์ธ ์ž‘์—… ํšจ์œจ์„ ๋†’์—ฌ์ฃผ๋Š” ํฌ๋กฌ ํ™•์žฅํ”„๋กœ๊ทธ๋žจ 5

์ง€๊ธˆ ์จ๋ณด๋Ÿฌ ๊ฐ‘๋‹ˆ๋‹ค

๋””์ž์ธ ์ž‘์—… ํšจ์œจ์„ ๋†’์—ฌ์ฃผ๋Š” ํฌ๋กฌ ํ™•์žฅํ”„๋กœ๊ทธ๋žจ 5

๋‹ค์Œ ๋‚ด์šฉ์ด ๊ถ๊ธˆํ•˜๋‹ค๋ฉด?

๋˜๋Š”

์ด๋ฏธ ํšŒ์›์ด์‹ ๊ฐ€์š”?

2021๋…„ 9์›” 23์ผ ์˜ค์ „ 3:27

๋Œ“๊ธ€ 0

    ํ•จ๊ป˜ ์ฝ์€ ๊ฒŒ์‹œ๋ฌผ

    ๋ˆ„๊ตฌ๋‚˜ ํŠน์ • ํšŒ์‚ฌ์— ๋“ค์–ด์„œ๋Š” ์ˆœ๊ฐ„ ๋А๋ผ๋Š” ํšŒ์‚ฌ๋งˆ๋‹ค์˜ ๋ถ„์œ„๊ธฐ๊ฐ€ ์žˆ๋‹ค. ๊ฐ€์ •๋„ ๋งˆ์ฐฌ๊ฐ€์ง€์ด๋‹ค. ๋ถ„์œ„๊ธฐ๊ฐ€ ์—„ํ•ด๋ณด์ด๋Š” ์ง‘, ๊นŒ๋ถˆ๊นŒ๋ถˆํ•œ ์ง‘, ๋Œ€ํ™”๋Š” ์—†์–ด๋„ ํ™”๋ชฉํ•ด๋ณด์ด๋Š” ์ง‘.

    ... ๋” ๋ณด๊ธฐ

    ๋ฐฐ๋‹ฌ์˜ ๋ฏผ์กฑ ํ•œ๋ช…์ˆ˜ CCO, ๋ˆ์ด ์žˆ์–ด์•ผ ์ข‹์€ ์กฐ์ง ๋ฌธํ™”๋ฅผ ๋งŒ๋“ ๋‹ค? โ€œํŒฉํŠธ๋Š” ๊ธฐ์—… ๋ฌธํ™”๊ฐ€ ๋จผ์ € ์ž˜ ์žกํ˜€์•ผ ๋ˆ์ด ๋”ฐ๋ผ์˜จ๋‹คโ€

    ์‚ฌ๋ก€๋‰ด์Šค

    ๋ฐฐ๋‹ฌ์˜ ๋ฏผ์กฑ ํ•œ๋ช…์ˆ˜ CCO, ๋ˆ์ด ์žˆ์–ด์•ผ ์ข‹์€ ์กฐ์ง ๋ฌธํ™”๋ฅผ ๋งŒ๋“ ๋‹ค? โ€œํŒฉํŠธ๋Š” ๊ธฐ์—… ๋ฌธํ™”๊ฐ€ ๋จผ์ € ์ž˜ ์žกํ˜€์•ผ ๋ˆ์ด ๋”ฐ๋ผ์˜จ๋‹คโ€

    ๋‘ ๊ฐ€์ง€ ๋ชฉํ‘œ๊ฐ€ ์žˆ๋‹ค. ์–ด๋–ค ๋ชฉํ‘œ๊ฐ€ ํ•™์Šต ๋™๊ธฐ๋ฅผ ๋†’์ธ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋Š”๊ฐ€?

    ... ๋” ๋ณด๊ธฐ

    ์‰ฝ๊ณ  ์žฌ๋ฐŒ๊ธฐ๋งŒ ํ•œ ๊ต์œก์€ ๋…์ด๋‹ค

    ใ…ใ…ใ……ใ……

    ์‰ฝ๊ณ  ์žฌ๋ฐŒ๊ธฐ๋งŒ ํ•œ ๊ต์œก์€ ๋…์ด๋‹ค

    ใ€Š์–ด์ค‘๊ฐ„ํ•œ ์‹คํŒจ๊ฐ€ ๋‚จ๊ธฐ๋Š” ํ›„ํšŒใ€‹

    ์ฃผ

    ... ๋” ๋ณด๊ธฐ

     โ€ข 

    ์ €์žฅ 2 โ€ข ์กฐํšŒ 547


    ์–ด์ œ ์ถœ์‹œ๋œ ๋”ฐ๋ˆ๋”ฐ๋ˆํ•œ ChatGPT Codex๋ฅผ ์‹ค์ œ ํ”„๋กœ์ ํŠธ ๋ ˆํฌ์— ์จ ๋ณด์•˜์Šต๋‹ˆ๋‹ค.


    ํ…Œ์ŠคํŠธ๊ฐ€ ์žˆ์œผ๋ฉด ์Šค์Šค๋กœ ํ…Œ์ŠคํŠธ๋„ ์‹คํ–‰ํ•˜๊ณ , ๋งŒ๋“ ๊ฑฐ ์Šค์Šค๋กœ ์‹คํ–‰ํ•ด๋ณด๋ฉด์„œ ๋ฒ„๊ทธ๋„ ์ˆ˜์ •ํ•˜๊ณ  ํ•˜๋Š”๊ฒŒ ๊ธฐํŠนํ•˜๊ธด ํ•ฉ๋‹ˆ๋‹ค.


    ... ๋” ๋ณด๊ธฐ

    ๊ฐœ๋ฐœ์ž์˜ ์žฅ์•  ๊ณต์œ  ๋ฌธํ™”

    ์นด

    ... ๋” ๋ณด๊ธฐ

    ๊ฐœ๋ฐœ์ž์˜ ์žฅ์•  ๊ณต์œ  ๋ฌธํ™”

    K๋ฆฌ๊ทธ ํ”„๋กœ๊ทธ๋ž˜๋จธ

    ๊ฐœ๋ฐœ์ž์˜ ์žฅ์•  ๊ณต์œ  ๋ฌธํ™”

     โ€ข 

    ์ €์žฅ 23 โ€ข ์กฐํšŒ 4,149



    ์ฃผ๊ฐ„ ์ธ๊ธฐ TOP 10

    1

    K๋ฆฌ๊ทธ ํ”„๋กœ๊ทธ๋ž˜๋จธ ์ปคํ”ผํ•œ์ž” ๊ฐœ๋ฐœ์ž

    ๊ฐœ๋ฐœ์ž์˜ ์žฅ์•  ๊ณต์œ  ๋ฌธํ™”

    2

    ์„๋ฏผ ์ปค๋ฆฌ์–ด ์ฝ”์น˜

    ์œ„๋กœ

    3

    ์žฅํ™์„ ์ŠคํŽ˜์ด์Šค์˜ค๋””ํ‹ฐ ๋ถ€๋Œ€ํ‘œ/CPO

    < ๋‡Œ๋ฅผ ๊ฐ€์žฅ ๋น ๋ฅด๊ฒŒ ๋ฐ”๊พธ๋Š” 3๊ฐ€์ง€ ๋ฐฉ๋ฒ• >

    4

    ๋‹ฌ๋ ˆ Apollo GraphQL Software Engineer

    Dependabot์„ ํ†ตํ•œ ์•ˆ์ „ํ•œ ์˜์กด์„ฑ ๊ด€๋ฆฌ

    5

    ๋ ˆ๋“œ๋ฒ„์Šค๋ฐฑ๋งจ ๋ฆฌ์„œ์ฒ˜ ์•ค ๋ผ์ดํ„ฐ

    โŸช์Šคํ† ๋ฆฌ๋ฅผ ๋งŒ๋“œ๋Š” ์‚ฌ๋žŒ๋“คโŸซ