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

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

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

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

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

๋˜๋Š”

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

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

๋Œ“๊ธ€ 0




    ๋น„์Šทํ•œ ๊ฒŒ์‹œ๋ฌผ

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

    1

    Arawn Park Senior Engineer & Engineering Lead

    ๋ฌด๋„ˆ์ง€๊ณ  ์žˆ๋Š” ํ”„๋ก ํŠธ์—”๋“œ, ๋ฐฑ์—”๋“œ ์ง๊ตฐ์˜ ๊ฒฝ๊ณ„์— ๋Œ€ํ•œ ๊ณ ์ฐฐ

    2

    ๋‹ฌ๋ ˆ Apollo GraphQL Software Engineer

    ํ”„๋กฌํ”„ํŠธ ์—”์ง€๋‹ˆ์–ด์— ๋Œ€ํ•œ ๋น—๋‚˜๊ฐ„ ์˜ˆ์ธก

    3

    ๊น€์ˆ˜๋นˆ ๋”œ๋ฆฌ์…”์Šค ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž

    ViewTransition API + react-router-do

    3

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

    ์„œ๋น„์Šค ํ…์…˜

    5

    ํ•œ์ •์ˆ˜ Software Engineer

    ๋กค ์ฑŒ๋ฆฐ์ € ์ถœ์‹  ๊ฐœ๋ฐœ์ž โ†’ AI ๊ด‘๊ณ  SaaS๋กœ ์—ฐ๋งค์ถœ 1400์–ต

    ์ถ”์ฒœ ํ”„๋กœํ•„