๐Ÿ’˜ ์ด๋Ÿฐ ์„œ๋น„์Šค๋Š” ์–ด๋•Œ์š”? [๐Ÿ’ก์—ฌ๋Ÿฌ ํ•ด์ƒ๋„์— ๋”ฐ๋ฅธ ์›น ํŽ˜์ด์ง€๋ฅผ ์‰ฝ๊ฒŒ ํ™•์ธํ•˜๊ณ  ๊ด€๋ฆฌ ํ•  ์ˆ˜ ์žˆ๋Š” ์„œ๋น„์Šค] (๐Ÿ‘€์ด๊ฒŒ ๋ญ”๊ฐ€์š”?) ์„œ๋น„์Šค ์†Œ๊ฐœ๋„, ์ง์ ‘ ์“ด ๊ธ€์„ ๊ณต์œ ํ•˜๋Š” ๊ฒƒ๋„ ์˜ค๋žœ๋งŒ์ธ ๊ฒƒ ๊ฐ™์•„์š”. (๊ดœํžˆ ์ฐ”๋ ค์„œ ๊ทธ๋ž˜์š”) ๋ฐ˜์‘ํ˜• ์›น์˜ ์žฅ๋‹จ์€ ๋šœ๋ ทํ•˜์ง€๋งŒ, ๊ธฐํš ๋‹จ๊ณ„์—์„œ ์ถฉ๋ถ„ํžˆ ๊ณ ๋ คํ•ด์•ผ ํ•  ๋‚ด์šฉ ์ค‘ ํ•˜๋‚˜ ์ž…๋‹ˆ๋‹ค. ์ค‘์š”ํ•œ ๊ฒƒ์€ ์ดˆ์ ์„ ๋งž์ถ˜ ํ•ด์ƒ๋„์— ๋”ฐ๋ผ ๊ตฌํ˜„์ด ์ž˜ ๋˜์–ด ์žˆ๋Š”์ง€ ํ™•์ธํ•˜๋Š” ๊ณผ์ •์ธ๋ฐ์š”. ํ•œ ๊ฐ€์ง€ ๋”ํ•ด์ง€๋Š”๊ฒŒ ์žˆ๋‹ค๋ฉด ์•„๋งˆ ๋ธŒ๋ผ์šฐ์ €์˜ ์ข…๋ฅ˜๊ฐ€ ์•„๋‹๊นŒ ์‹ถ์Šต๋‹ˆ๋‹ค. ์ฆ‰, ๋””๋ฐ”์ด์Šค์—์„œ ์–ด๋–ค ๋ธŒ๋ผ์šฐ์ €๋กœ ์ ‘์†ํ•˜๋А๋ƒ์— ๋”ฐ๋ผ ๋‹ฌ๋ผ์ง€๋Š” ํ•ด์ƒ๋„๋ฅผ ๋ฐ˜์‘ํ˜•์œผ๋กœ ๊ตฌ์ถ•์‹œ ๋ชจ๋‘ ํ™•์ธํ•˜๊ณ  ํ…Œ์ŠคํŠธํ•ด๋ด์•ผ ํ•œ๋‹ค๋Š” ๊ฒƒ์ธ๋ฐ์š”. ์ด๊ฒŒ ์ƒ๊ฐ๋ณด๋‹ค ๊ฝค ๊ท€์ฐฎ์€ ์ผ์ž…๋‹ˆ๋‹ค. ๋ฌผ๋ก  ์•ž๋‹จ์—์„œ ๋ธŒ๋ผ์šฐ์ €, ๋ฒ„์ „, ํŠน์ • ํ•ด์ƒ๋„ ๋“ฑ์„ ๊ณ ๋ คํ•ด ์ง„ํ–‰ํ•˜๊ฒ ์ง€๋งŒ ๊ทธ๋ž˜๋„ ๊ฒฝ์šฐ์˜ ์ˆ˜๊ฐ€ ๋งŽ์•„์ง€๋Š” ๊ฑด ์–ด์ฉ” ์ˆ˜ ์—†๋Š” ์ผ์ธ๋ฐ์š”. ๋น„์šฉ์„ ์–ผ๋งˆ๋“ ์ง€ ํƒœ์šธ ์ˆ˜ ์žˆ๋‹ค๋ฉด ์œ ๋ฃŒ๋กœ ํฌ๋กœ์Šค ๋ธŒ๋ผ์šฐ์ง•๊ณผ ํ•ด์ƒ๋„์— ๋”ฐ๋ฅธ ํ…Œ์ŠคํŠธ๋ฅผ ๋” ์‰ฝ๊ฒŒ ํ•  ์ˆ˜ ์žˆ์ง€๋งŒ ์Šคํƒ€ํŠธ์—…์—์„  ์ฒ˜์Œ๋ถ€ํ„ฐ ์‰ฝ์ง€ ์•Š์€ ์ผ์ด๋‹ˆ๊นŒ์š”. ์˜ค๋Š˜ ์†Œ๊ฐœํ•  ์„œ๋น„์Šค๋Š” ์ด๋Ÿฐ ๋ฌด๋ฃŒ๋กœ, ์—ฌ๋Ÿฌ ํ•ด์ƒ๋„์— ํ•ด๋‹นํ•˜๋Š” ํ™”๋ฉด๊ณผ ํ™˜๊ฒฝ์„ ๋™์‹œ์— ๋ณด๊ณ  ํ™•์ธ ํ•  ์ˆ˜ ์žˆ๋Š” ์„œ๋น„์Šค์ž…๋‹ˆ๋‹ค. ๐Ÿ“Œ ์„œ๋น„์Šค ํŠน์ง• โœ“ ์œˆ๋„์šฐ, ๋งฅ์šฉ ํ”„๋กœ๊ทธ๋žจ์„ ๋ชจ๋‘ ์ง€์› (๋ฌด๋ฃŒ ๋‹ค์šด๋กœ๋“œ ๋ฐ›์•„ ์‚ฌ์šฉ ๊ฐ€๋Šฅ) โœ“ ํฌ๋กฌ ๋“ฑ ๋ธŒ๋ผ์šฐ์ €์šฉ ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ ์ง€์› โœ“ N๊ฐœ ์ด์ƒ์˜ ์›ํ•˜๋Š” ํ•ด์ƒ๋„์˜ ํ™”๋ฉด์„ ์„ค์ •, ํด๋ฆญ ์ด๋ฒคํŠธ ๋“ฑ์„ ๋™์‹œ์— ํ™•์ธ ๊ฐ€๋Šฅ โœ“ ๋‹ค์–‘ํ•œ ํ•ด์ƒ๋„๋ฅผ OS์™€ ๋””๋ฐ”์ด์Šค์— ๋”ฐ๋ผ ์‰ฝ๊ฒŒ ๋ถˆ๋Ÿฌ์˜ค๊ณ  ์‚ญ์ œํ•  ์ˆ˜ ์žˆ์Œ โœ“ CSS Editor, Inspect Element, Toggle Touch Mode ๋“ฑ ๋‹ค์–‘ํ•œ ๊ธฐ๋Šฅ ์ง€์› โœ“ ๊ฐ€๋กœ ๋ชจ๋“œ๋„ ํด๋ฆญ ํ•œ ๋ฒˆ์œผ๋กœ ํ™•์ธ ๊ฐ€๋Šฅ (๋ชจ๋ฐ”์ผ, ํƒœ๋ธ”๋ฆฟ ๋””๋ฐ”์ด์Šค์˜ ๊ฒฝ์šฐ)

๋ฐ˜์‘ํ˜• ์›น์— ๋Œ€ํ•œ ํ…Œ์ŠคํŠธ, ์—ฌ๋Ÿฌ ํ•ด์ƒ๋„๋ฅผ ํ•œ ๋ˆˆ์— ๋น„๊ตํ•˜๋ฉฐ ํ™•์ธํ•  ์ˆ˜ ์žˆ์–ด์š”! : Responsively

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

๋ฐ˜์‘ํ˜• ์›น์— ๋Œ€ํ•œ ํ…Œ์ŠคํŠธ, ์—ฌ๋Ÿฌ ํ•ด์ƒ๋„๋ฅผ ํ•œ ๋ˆˆ์— ๋น„๊ตํ•˜๋ฉฐ ํ™•์ธํ•  ์ˆ˜ ์žˆ์–ด์š”! : Responsively

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

๋˜๋Š”

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

2020๋…„ 12์›” 14์ผ ์˜ค์ „ 9:12

๋Œ“๊ธ€ 0

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

    ใ€Š์ฝ๋Š” ์‚ฌ๋žŒ, ์“ฐ๋Š” ์‚ฌ๋žŒใ€‹

    ๋‚œ

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

     โ€ข 

    ์ €์žฅ 3 โ€ข ์กฐํšŒ 734


    < ์ผ์„ ๋ฏธ๋ฃจ๋Š” ์‚ฌ๋žŒ๋“ค์„ ์œ„ํ•œ ํ˜„์‹ค์ ์ธ ํ•ด๊ฒฐ๋ฒ• >

    1. ํ–‰๋™์„ ๋ณ€ํ™”์‹œํ‚ค๋Š” ๋ฐฉ๋ฒ• ์ค‘ ํ•˜๋‚˜๋Š” ์ ์ง„์ ์ธ ๋ฐœ์ „์ด๋‹ค.

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

    ใ€Š์˜ค๋Š˜ ํ•˜๋ฃจ ๋ฌธ๋“ ๋“  ์ƒ๊ฐใ€‹

    ์‚ถ

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

     โ€ข 

    ์ €์žฅ 3 โ€ข ์กฐํšŒ 581


    < ์Šคํƒ€ํŠธ์—… PM์ด ๋„ทํ”Œ๋ฆญ์Šค '๊ธฐ์•ˆ์žฅ ๋Œ€ํ™˜์žฅ'์—์„œ ๋ฐฐ์›Œ์•ผ ํ•  2๊ฐ€์ง€ >

    1

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

    โ€˜์ •์ฒด์„ฑ์— ๋Š์ž„์—†์ด ์˜๋ฌธ์„ ํ’ˆ์ง€ ์•Š์•˜๋”๋ผ๋ฉด ์ง€๊ธˆ ๊ฐ™์€ ์…ฐํ”„๊ฐ€ ๋  ์ˆ˜ ์—†์—ˆ์„์ง€๋„ ๋ชจ๋ฆ…๋‹ˆ๋‹คโ€ฆ๋ฌผ๋ ค๋ฐ›์€ ํ•œ๊ตญ์˜ ์œ ์‚ฐ ๊ฐ€์šด๋ฐ ์ง€๊ธˆ๊นŒ์ง€๋„ ๊ฐ€์žฅ ์ค‘์š”ํ•œ ๊ฒƒ์€ ์Œ์‹์ž…๋‹ˆ๋‹ค.โ€˜

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

    [๊น€์ง€์ˆ˜์˜ ์ธํ„ฐ์Šคํ…”๋ผ] ์—๋“œ์›Œ๋“œ ๋ฆฌ๊ฐ€ ์‚ฌ๋Š” ๋ฒ• โ€œ๋‚˜๋Š” ์••๋ฐ•๊ฐ ์—†์ด ์ผํ•œ๋‹คโ€

    ์กฐ์„ ๋น„์ฆˆ

    [๊น€์ง€์ˆ˜์˜ ์ธํ„ฐ์Šคํ…”๋ผ] ์—๋“œ์›Œ๋“œ ๋ฆฌ๊ฐ€ ์‚ฌ๋Š” ๋ฒ• โ€œ๋‚˜๋Š” ์••๋ฐ•๊ฐ ์—†์ด ์ผํ•œ๋‹คโ€

     โ€ข 

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


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

    1

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

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

    2

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

    ์œ„๋กœ

    3

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

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

    4

    ๋‹ฌ๋ ˆ Apollo GraphQL Software Engineer

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

    5

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

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