๐Ÿ‘ [ํšŒ๊ณ ] ๋‚˜์˜ 2020๋…„์€ ์–ด๋• ์„๊นŒ?

Ddorongยท2021๋…„ 1์›” 13์ผ
3

์Šคํƒ€ํŠธ์—…

๋ชฉ๋ก ๋ณด๊ธฐ
6/11
post-thumbnail

2020๋…„,

์ •๋ง '์•„์‰ฌ์›€์ด ๋งŽ์€ ํ•ด' ๋ผ๊ณ  ํ‘œํ˜„ํ•˜๊ณ  ์‹ถ๋‹ค.

1์›”, 2์›”


'๋Œ€ํ•™์› ๋งˆ๋ฌด๋ฆฌ'

๋จผ์ €, 2๋…„์ด๋ผ๋Š” ๋Œ€ํ•™์› ์ƒํ™œ์„ ๋งˆ์นœ
๋‚˜์—๊ฒŒ '๊ณ ์ƒํ–ˆ๋‹ค'๊ณ  ๋งํ•ด์ฃผ๊ณ  ์‹ถ๋‹ค.

ํ•˜๊ณ  ์‹ถ์€ ์ผ์„ ํ•  ๋•Œ ๊ฐ€์žฅ ํ–‰๋ณตํ•˜๋‹ค.
๊ณต๋ถ€๋„ ๋งˆ์ฐฌ๊ฐ€์ง€๋‹ค.
ํ•˜๊ณ  ์‹ถ๊ณ , ๋ฐฐ์šฐ๊ณ  ์‹ถ์€ ๊ณต๋ถ€๋ฅผ ํ•  ๋•Œ ์žฌ๋ฏธ์™€ ํ–‰๋ณต์„ ๋Š๋‚€๋‹ค. ๋Œ€ํ•™์›์—์„œ 2๋…„๋™์•ˆ ํ•˜๊ณ  ์‹ถ์€ ์—ฐ๊ตฌ๋“ค์„ ์ง„ํ–‰ํ•˜๋ฉด์„œ ์ง€๊ธˆ๊นŒ์ง€ ์—ฐ๊ตฌ์™€ ๊ฐœ๋ฐœ ๋‘˜ ๋‹ค ๊ฒฝํ—˜ํ–ˆ๋‹ค. 2๋…„์ด ์ง€๋‚œ ์ง€๊ธˆ, ์—ฐ๊ตฌ๋ณด๋‹จ ๊ฐœ๋ฐœ์— ๋” ํฌ์ปค์Šค๋ฅผ ๋งž์ถ”๊ณ  ์‹ถ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค. ์›น ๊ฐœ๋ฐœ์ด ๋” ์žฌ๋ฏธ์žˆ๋‹ค๊ณ  ํ•ด์•ผ ํ• ๊นŒ?
ํ˜„์žฌ๋Š” ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž, ์ถ”ํ›„์—๋Š” ํ’€์Šคํƒ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ณ  ์‹ถ๋‹ค.

๊ณต๋ถ€๋ฅผ ์‹œ์ž‘ํ•˜๋ฉด์„œ ๋‹ค์–‘ํ•œ ์Šคํƒ€ํŠธ์—…์— ์ง€์›ํ–ˆ๋‹ค.(ํ”„๋ก ํŠธ์—”๋“œ ๋ฐ ํ’€์Šคํƒ ๊ฐœ๋ฐœ์ž ์ง€์›)
์ฑ„์šฉ ํ”„๋กœ์„ธ์Šค๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ ๊ณผ์ œ๋‚˜ ๋ฉด์ ‘์˜ ๊ธฐํšŒ๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ์—ˆ์ง€๋งŒ ์Šค์Šค๋กœ ๋ถ€์กฑํ•จ์„ ๋งŽ์ด ๋Š๊ผˆ๋‹ค. ์ƒˆ๋กœ์šด ๊ธฐ์ˆ ๋“ค์ด ๋„ˆ๋ฌด ๋งŽ์ด ์ƒ๊ฒผ๊ณ , ์งง์€ ์‹œ๊ฐ„ ๋‚ด์— ๊ณต๋ถ€ํ•˜๋ฉฐ ์Šต๋“ํ•˜๊ธฐ์— ๋งŽ์ด ๋ถ€์กฑํ–ˆ๋‹ค.
์‹คํŒจ์˜ ๋ง›์„ ๋ณด๋ฉด์„œ ๋ถ€์กฑํ•œ ๋ถ€๋ถ„๋“ค์„ ์ฑ„์›Œ๋‚˜๊ฐ”๋‹ค. (React, Redux, .. )
ํฌํŠธํด๋ฆฌ์˜ค ์‚ฌ์ดํŠธ, ๊ฐ„๋‹จํ•œ ์ฑ„ํŒ… ์„œ๋น„์Šค ๋“ฑ ๋งŒ๋“ค๊ณ  ์‹ถ์—ˆ๋˜ ๊ฐœ์ธ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ ๋‚˜๋ฅผ ๋” ๋‹จ๋‹จํ•˜๊ฒŒ ๋ฐœ์ „์‹œํ‚ฌ ์ˆ˜ ์žˆ์—ˆ๋‹ค.

3์›”, 4์›”, 5์›”


'ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์˜ ์ฒซ ๊ฑธ์Œ'

React, Vue ๋‘ ๊ฐ€์ง€์˜ ๊ธฐ์ˆ ์„ ์ง‘์ค‘์ ์œผ๋กœ ๊ณต๋ถ€ํ•œ ์‹œ๊ธฐ๋‹ค.
๊ธฐ์กด์—๋Š” React๋ฅผ ๋ฐฐ์šฐ๊ณ  ์‹ถ์—ˆ๊ณ , React๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ํšŒ์‚ฌ์—๋งŒ ์ง€์›ํ–ˆ์ง€๋งŒ,
Vue๋ฅผ ์ฒ˜์Œ ์ ‘ํ•˜๋ฉด์„œ ์ƒ๊ฐ์ด ๋ฐ”๋€Œ๊ฒŒ ๋˜์—ˆ๋‹ค.
React, Vue ๋ชจ๋‘ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋Š” ์Šคํƒ€ํŠธ์—…์— ์ง€์›ํ•ด์•ผ๊ฒ ๋‹ค๊ณ  ๋‹ค์งํ–ˆ๋‹ค.

์šด์ด ์ข‹๊ฒŒ๋„, 5์›” ์ตœ์ข…์ ์œผ๋กœ ์ธํ„ด์œผ๋กœ ์Šคํƒ€ํŠธ์—… ํŒ€์— ํ•ฉ๋ฅ˜ํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐํšŒ๋ฅผ ์–ป์—ˆ๋‹ค.
ํŒ€ ํ•ฉ๋ฅ˜ ์ œ์•ˆ์„ ๋ฐ›๊ณ  ์ผ์ฃผ์ผ ๊ธฐ๊ฐ„์ด ์ฃผ์–ด์กŒ๊ณ , ๋นจ๋ฆฌ ์„œ์šธ์— ์ง‘์„ ๊ตฌํ•ด์•ผ๋งŒ ํ–ˆ๋‹ค.
์ง‘ ๊ตฌํ•˜๋Š”๊ฒŒ ๋ณดํ†ต ์‰ฌ์šด ์ผ์ด ์•„๋‹ˆ์—ˆ๋‹ค.
์„œ์šธ์— ์˜ฌ๋ผ์™€์„œ ํ•˜๋ฃจ๋งŒ์— ๋Œ€๋žต 15 ๊ณณ ์ •๋„ ๋ณด๋ฉด์„œ ์•„์‰ฝ์ง€๋งŒ ๋น ๋ฅด๊ฒŒ ๊ฒฐ์ •ํ•  ์ˆ˜ ๋ฐ–์— ์—†์—ˆ๋‹ค.
๊ทธ๋ž˜๋„ 15 ๊ณณ ์ค‘์—์„œ ๊ฐ€์žฅ ๋น„์ŒŒ์ง€๋งŒ ๋งˆ์Œ์— ๋“ค์—ˆ๋‹ค.(์—ญ์‹œ ๋น„์‹ผ ๊ฐ’ ํ•˜๊ตฌ๋‚˜ ์‹ถ์—ˆ๋‹ค)
์ง‘๋Œ์ด๋ผ์„œ ์•„๋ฌด๋ž˜๋„ ๋ˆ์ด ์กฐ๊ธˆ ๋” ๋“ค๋”๋ผ๋„ ์ง‘์ด ์ข‹์•„์•ผํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ๋‹ค.

5์›” 25์ผ ์›”์š”์ผ

์ƒˆ๋กœ์šด ์ง์žฅ์— ์ถœ๊ทผํ–ˆ๋‹ค. ์„ค๋ ˆ๋Š” ๋งˆ์Œ์„ ๊ฐ€์ง€๊ณ  ํŒจ์ŠคํŠธํŒŒ์ด๋ธŒ์— ๋„์ฐฉํ–ˆ๋‹ค.
๋ฉด์ ‘๋•Œ๋„ ๋ต™์—ˆ์ง€๋งŒ ํŒ€์›๋ถ„๋“ค์ด ์—ฐ๋ น๋Œ€๋„ ๋น„์Šทํ•ด์„œ ์™ ์ง€ ๋” ํŽธํ–ˆ๋‹ค.
ํŒ€์›๋“ค๊ณผ ์ธ์‚ฌํ•˜๊ณ  ์ ์‹ฌ์‹์‚ฌ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ ์ •๋ง ์ฐฉํ•˜๊ณ  ์ข‹์€ ๋ถ„๋“ค์ด๋ผ๊ณ  ๋Š๊ผˆ๋‹ค.
์•ž์œผ๋กœ์˜ ํšŒ์‚ฌ์ƒํ™œ์ด ์žฌ๋ฐŒ๊ณ  ๊ธฐ๋Œ€ํ•  ์ˆ˜ ์žˆ๋Š” ํšŒ์‚ฌ๋ผ๊ณ  ๋Š๊ผˆ๋‹ค.
์ฒซ ๋‚ ์€ ์—…๋ฌด ํŒŒ์•…๋งŒ ์ง„ํ–‰ํ–ˆ๋‹ค.
ํ•จ๊ป˜ ํ”„๋ก ํŠธ์—”๋“œ ์—…๋ฌด๋ฅผ ๋‹ด๋‹นํ•˜๋Š” ๊ฐœ๋ฐœ์ž๋ถ„์—๊ฒŒ ์ธ์ˆ˜์ธ๊ณ„๋ฅผ ๋ฐ›์•˜๋‹ค.
ํ”„๋กœ์ ํŠธ์˜ ๊ตฌ์„ฑ์ด๋‚˜ ๊ธฐ์ˆ  ์Šคํƒ๋“ค์„ ์„ค๋ช…ํ•ด์ฃผ์…จ๋‹ค.

์ดํ‹€ ์งธ๋ถ€ํ„ฐ ๋ฐ”๋กœ ์ž‘์—…์€ ์‹œ์ž‘ํ–ˆ๊ณ , ๋ฏธํŒ…์— ์ฐธ์—ฌํ•˜๋ฉด์„œ ํšŒ์‚ฌ์— ๋…น์•„๋“ค ์ˆ˜ ์žˆ์—ˆ๋‹ค.
๋‚ด๊ฐ€ ์ง€๊ธˆ๊นŒ์ง€ ์ƒ๊ฐํ–ˆ๋˜ ์Šคํƒ€ํŠธ์—…, ๊ทธํ† ๋ก ํ•ฉ๋ฅ˜ํ•˜๊ณ  ์‹ถ์—ˆ๋˜ ์Šคํƒ€ํŠธ์—…์ด๋ผ๊ณ  ๋Š๋ผ๊ฒŒ ํ•ด์คฌ๋‹ค.
์ •๋ง ์น˜์—ดํ•˜๊ณ , ๋ฐ”์˜๊ฒŒ ์›€์ง์ด๋Š” ๋ชจ์Šต๋“ค.

'๋ฏธํŒ…์˜ ์—ฐ์†'

๋ฏธํŒ…์ด ์ •๋ง ๋งŽ์•˜๋‹ค.
์–ด๋–ค ๋‚ ์€ ์ผํ•˜๋Š” ์‹œ๊ฐ„๋ณด๋‹ค ๋ฏธํŒ…ํ•˜๋Š” ์‹œ๊ฐ„์ด ๋” ๋งŽ์•˜๋‹ค.
ํšŒ์‚ฌ์— ์ผํ•˜๋Ÿฌ ์˜ค๋Š”์ง€ ๋ฏธํŒ…ํ•˜๋Ÿฌ ์˜ค๋Š”์ง€ ํ—ท๊ฐˆ๋ฆด ์ •๋„์˜€๋‹ค.

์•„๋ฌดํŠผ ๋นจ๋ฆฌ ํŒ€์— ๋…น์•„๋“ค๊ณ  ์‹ถ์—ˆ๊ณ , ํŒ€์›๋“ค๊ณผ ์นœํ•ด์ง€๊ธฐ ์œ„ํ•ด ๋…ธ๋ ฅํ–ˆ๋‹ค.

6์›”


'์ฒœ๋‹น๊ณผ ์ง€์˜ฅ'

6์›”์€ ์Šคํƒ€ํŠธ์—…์„ ๋‹ค๋‹ˆ๊ณ  ์žˆ๋Š”๊ฑธ ๋งŽ์ด ๋Š๋ผ๊ฒŒ ํ•ด์ค€ ํ•œ ๋‹ฌ์ด์—ˆ๋‹ค.
ํŒจ์ŠคํŠธํŒŒ์ด๋ธŒ์—์„œ๋Š” ์‹œ๋ฆฌ์–ผ์„ ๋ฌด๋ฃŒ๋กœ ์ œ๊ณตํ•œ๋‹ค.(๋งฅ์ฃผ๋„ ์ œ๊ณตํ–ˆ์—ˆ๋‹ค๐Ÿบ)
(์•„์‰ฝ์ง€๋งŒ ๋‚˜๋Š” ์ˆ ์„ ์•ˆ๋งˆ์‹ ๋‹ค)
๋งค์ผ ์•„์นจ, ์ถœ๊ทผํ•˜๋ฉด ์‹œ๋ฆฌ์–ผ์„ ๋“ ๋“ ํ•˜๊ฒŒ ๋จน์—ˆ๋‹ค.
์ •๋ง ๋ง›์žˆ์—ˆ๋‹ค(์ฝ˜ํ‘ธ๋กœ์ŠคํŠธ ๋ฐ˜ + ์ฒต์Šค ๋ฐ˜ ๊ฟ€๋ง› ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘ )

์—…๋ฌด์ ์œผ๋กœ๋Š” ์„œ๋น„์Šค์˜ ๋ฉ”์ธ ํŽ˜์ด์ง€ ๋“ฑ ๋ฆฌ๋‰ด์–ผ๋กœ ์ธํ•ด ํ”„๋ก ํŠธ์—”๋“œ ์ž‘์—…์„ ์ง„ํ–‰ํ–ˆ๋‹ค.
CSS์˜ ์–ด๋ ค์›€์„ ์ œ๋Œ€๋กœ ๋Š๋ผ๊ฒŒ ํ•ด์คฌ๋‹ค.

before, after?
Grid์˜ ๋ฌธ์ œ์ 
๋‹ค์–‘ํ•œ ํฌ๋กœ์Šค๋ธŒ๋ผ์šฐ์ง•

์–ด๋ ค์›€์„ ๋Š๋‚„ ๋•Œ ๋งˆ๋‹ค ๊ตฌ๊ธ€๋ง์„ ํ•˜๊ฑฐ๋‚˜ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋ถ„์—๊ฒŒ ์—ฌ์ญค๋ณด๋ฉด์„œ ํ•ด๊ฒฐํ–ˆ๋‹ค.
์นœ์ ˆํ•˜๊ฒŒ ๋Œ€๋‹ตํ•ด์ฃผ์‹  5๋…„์ฐจ ๊ฐœ๋ฐœ์ž๋ถ„์—๊ฒŒ ํ•ญ์ƒ ๊ฐ์‚ฌํ•จ์„ ๋Š๊ผˆ๋‹ค :)

ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์—๊ฒŒ ํ•„์š”ํ•œ ์ฐธ๊ณ  ์‚ฌ์ดํŠธ๋ฅผ ์ถ”์ฒœํ•˜์ž๋ฉด, ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.
์ถ”๊ฐ€์ ์œผ๋กœ ๋„์›€์ด ๋  ๋งŒํ•œ ์‚ฌ์ดํŠธ๊ฐ€ ์žˆ๋‹ค๋ฉด ๋Œ“๊ธ€๋กœ ๋‚จ๊ฒจ์ฃผ์‹œ๋ฉด ๊ฐ์‚ฌํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค :)

๋ธŒ๋ผ์šฐ์ €๋ณ„ CSS ํ˜ธํ™˜์„ฑ ํ™•์ธ : Can I use
๋‹ค์–‘ํ•œ ๋ชจ๋ฐ”์ผ ํ…Œ์ŠคํŠธ(ํ•˜๋ฃจ๋งˆ๋‹ค ํ…Œ์ŠคํŠธ ์ˆ˜ ์ œํ•œ) : lambdatest

ํƒœ๋ธ”๋ฆฟ์ด๋‚˜, ๋ชจ๋ฐ”์ผ ๊ธฐ๊ธฐ๋ณ„๋กœ ํ…Œ์ŠคํŠธํ•˜๋Š” ๊ณผ์ • ์†์—์„œ ์–ด๋ ค์›€์„ ๋Š๋ผ๊ธฐ๋„ ํ–ˆ๋‹ค.
input ์ฐฝ์—์„œ focusํ•œ ๊ฒฝ์šฐ์— ์•„์ดํฐ๊ณผ ์•ˆ๋“œ๋กœ์ด๋“œ๊ฐ€ ์„œ๋กœ ๋‹ค๋ฅด๋‹ค๋Š” ์ ๋„ ์•Œ๊ฒŒ ๋˜์—ˆ๋‹ค.

safari์—์„œ postion:fixed ๊ฒฝ์šฐ z-index๊ฐ€ ์ ์šฉ ์•ˆ๋˜๋Š” ์ด์Šˆ๋„ ์žˆ๋‹ค.
ํŒจ์น˜๊ฐ€ ๋˜์ง€ ์•Š๋Š” ๋ธŒ๋ผ์šฐ์ €์—์„œ๋Š” ์—ฌ์ „ํžˆ ์ด์Šˆ๊ฐ€ ์กด์žฌํ•œ๋‹ค.

6์›”์—๋Š” ํŒ€์›๋“ค๊ณผ ํ•จ๊ป˜ ๋จน์—ˆ๋˜ ๊ป๋ฐ๊ธฐ๊ฐ€ ์ƒ๊ฐ๋‚œ๋‹ค.
๋ฐฅ๋„ ๋จน๊ณ  ํšŒ์‚ฌ์—์„œ ๊ฒŒ์ž„๋„ ํ•˜๋ฉด์„œ ๋งŽ์ด ์นœํ•ด์กŒ์—ˆ๋Š”๋ฐ ๊ทธ๋•Œ๊ฐ€ ๊ทธ๋ฆฝ๋‹ค.

์ฆ๊ฑฐ์›€์€ ์˜ค๋ž˜๊ฐ€์ง€ ์•Š์•˜๋‹ค.

๊ธฐ์กด ํŒ€์›๋ถ„๋“ค์˜ ํ‡ด์‚ฌ ์†Œ์‹...
ํŒ€์›์˜ ์ดํƒˆ๋กœ ์ธํ•ด ํšŒ์‚ฌ ๋‚ด ๊ฐœ๋ฐœ์ž๋Š” ๋‚˜๋ฅผ ํฌํ•จํ•ด์„œ 2๋ช…์ด ๋‚จ๊ฒŒ ๋˜์—ˆ๋‹ค.
ํ•จ๊ป˜ ์—…๋ฌด๋ฅผ ๋‹ด๋‹นํ–ˆ๋˜ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋ถ„๋„ ๋– ๋‚˜์‹œ๊ฒŒ ๋˜์—ˆ๋‹ค.

ํ•œ ๋‹ฌ์ด๋ผ๋Š” ์งง์€ ์‹œ๊ฐ„ ๋™์•ˆ ํ•จ๊ป˜ ํ–ˆ๋˜ ํŒ€์›์ด๋ผ๋„
ํ•ญ์ƒ ํŒ€์›๋“ค์„ ๋– ๋‚˜ ๋ณด๋‚ผ ๋•Œ ๊ฐ€์žฅ ํž˜๋“ค๊ณ  ์Šฌํ”„๋‹ค. ๐Ÿ˜ญ ๐Ÿ˜ญ ๐Ÿ˜ญ
(๊ผญ ๋‹ค์‹œ ๋งŒ๋‚˜๋ณด๊ณ  ์‹ถ๋‹ค)

๋˜, ํšŒ์‚ฌ๋Š” ํŒจ์ŠคํŠธํŒŒ์ด๋ธŒ์—์„œ '์„œ์šธ์ฐฝ์—…ํ—ˆ๋ธŒ' ๋กœ ์ด์ „ํ–ˆ๋‹ค.
(๋งค์ผ ์•„์นจ, ์‹œ๋ฆฌ์–ผ ๋จน์„ ์ƒ๊ฐ์— ์‹ ๋‚ฌ๋˜ ๋‚˜๋ฅผ ์ด์   ๋ณผ ์ˆ˜ ์—†๋‹ค)

7์›”, 8์›”, 9์›”


'ํฐ ๋ณ€ํ™”๋กœ ์ธํ•œ ๊ณ ํ†ต์˜ ์‹œ์ž‘'

ํšŒ์‚ฌ ๋‚ด ํฐ ๋ณ€๋™์œผ๋กœ ์ธํ•ด ํšŒ์‚ฌ ์—…๋ฌด๋‚˜ ๋ฌธํ™”๊ฐ€ ๋งŽ์ด ๋ฐ”๋€Œ๊ฒŒ ๋˜์—ˆ๋‹ค.
ํšŒ์‚ฌ์—๋Š” '๊ตฌ๊ธ€์˜ OKR ์—…๋ฌด ๋ฐฉ์‹' ์„ ๋„์ž…ํ–ˆ๋‹ค.
3๊ฐœ์›”, ์ฆ‰ ๋ถ„๊ธฐ๋งˆ๋‹ค OKR์„ ์„ค์ •ํ•ด์„œ ์—…๋ฌด๋ฅผ ์ง„ํ–‰ํ•œ๋‹ค.

์กด๋„์–ด์˜ 'OKR - ์ „์„ค์ ์ธ ๋ฒค์ฒ˜ํˆฌ์ž์ž๊ฐ€ ๊ตฌ๊ธ€์— ์ „ํ•ด์ค€ ์„ฑ๊ณต ๋ฐฉ์‹'
์ด๋ผ๋Š” ๋„์„œ๋ฅผ ํŒ€์›๋“ค๊ณผ ์ฝ๊ณ  OKR ์—…๋ฌด ๋ฐฉ์‹์„ ์„ธ์› ๋‹ค.
์ด๋ฏธ ์‹ค๋ฆฌ์ฝ˜๋ฐธ๋ฆฌ์˜ ์ˆ˜๋งŽ์€ ๊ธฐ์—…๋“ค์ด OKR ๋ฐฉ์‹์„ ํ†ตํ•ด ์„ฑ๊ณต์ ์ธ ๊ธฐ์—…์œผ๋กœ ์„ฑ์žฅํ–ˆ๋‹ค๊ณ  ํ•œ๋‹ค.
OKR์— ๊ถ๊ธˆํ•˜๊ฑฐ๋‚˜ ๋„์ž…ํ•˜๊ณ ์žํ•˜๋Š” ๊ธฐ์—…์—์„œ๋Š” ํ•ด๋‹น ๋„์„œ๋ฅผ ์ฝ์–ด๋ณด๋ฉด ๋„์›€์ด ๋  ๊ฑฐ ๊ฐ™๋‹ค.

์ฒซ OKR ์—…๋ฌด์ธ ๋งŒํผ ์ƒ๊ฐ๋ณด๋‹ค OKR ์„ธ์šฐ๋Š”๋ฐ ์‹œ๊ฐ„์ด ์˜ค๋ž˜๊ฑธ๋ ธ๋‹ค.
๊ฒฐ๊ตญ, ์ผ์ฃผ์ผ๋™์•ˆ ํŒ€์›๋“ค๊ณผ ๋ฏธํŒ…์„ ํ†ตํ•ด 3๋ถ„๊ธฐ์— ์ง„ํ–‰ํ•  ์—…๋ฌด๋“ค์„ ์„ธ์› ๊ณ , ์ด๋ฅผ ์‹œ์ž‘ํ–ˆ๋‹ค.
ํ•˜์ง€๋งŒ ํŒ€์›๋ถ„์˜ ์ดํƒˆ๋กœ ์ธํ•ด ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž๊ฐ€ ์•ˆ๊ณ„์…”์„œ ์‰ฝ์ง€๋งŒ์€ ์•Š์•˜๋‹ค.
๋ฐ์ดํ„ฐ ๊ฐœ๋ฐœ์ž๋ถ„๊ณผ ํ•จ๊ป˜ ๋ฐฑ์—”๋“œ๋ฅผ ์ถ”๊ฐ€๋กœ ๋‹ด๋‹นํ•˜๋ฉด์„œ ์ง„ํ–‰ํ–ˆ๋‹ค.
(3๊ฐœ์›” ๋™์•ˆ ๋ฐ์ดํ„ฐ ๊ฐœ๋ฐœ์ž๋ถ„๊ป˜์„œ ์ •๋ง ๋งŽ์ด ๊ณ ์ƒํ•˜์…จ๊ณ , ์ •๋ง ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘ )

7์›”๋ถ€ํ„ฐ 9์›”๊นŒ์ง€๋Š” ์ •๋ง ์ผ์ด ๋งŽ์•˜๋‹ค.
์ผ์ •๋„ ํƒ€์ดํŠธํ•˜๊ณ  ์—…๋ฌด๋Š” ๋งŽ๊ณ , ๋˜ ๋ฐฑ์—”๋“œ๊นŒ์ง€ ์‹ ๊ฒฝ์จ์„œ ์ •๋ง ๋ฐ”์œ ๋‚ ๋“ค์˜ ์—ฐ์†์ด์—ˆ๋‹ค.
์‚ฌ์šฉ์ž๋“ค์—๊ฒŒ ํ•„์š”ํ•œ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ๋“ค์„ ์ถ”๊ฐ€๋กœ ๊ฐœ๋ฐœํ–ˆ๊ณ , ๊ธฐ์กด์˜ UI/UX๋„ ์ˆ˜์ •ํ–ˆ๋‹ค.

์ผ + ์ผ + ์ผ + ์ผ + ์ผ + ์ผ + ...

๋Š์ž„์—†๋Š” ์ผ์˜ ์—ฐ์†...

์ธํ„ด๋„ 3๊ฐœ์›”์ด ๋๋‚˜๋Š” ์‹œ์ ์ด๋ผ์„œ ์ •๊ทœ์ง ์ „ํ™˜ ๋ฐ ์—ฐ๋ด‰ํ˜‘์ƒ ์‹œ์ฆŒ์ด๋ผ ๊ณ ๋ฏผ์ด ๋งŽ์•˜๋‹ค.
์šด์ด ์ข‹๊ฒŒ๋„ ์ •๊ทœ์ง ์ „ํ™˜์ด ๋˜์—ˆ๊ณ , ์—ฐ๋ด‰ํ˜‘์ƒ์„ ํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค.(... ์—ฌ๊ธฐ๊นŒ์ง€)

๋“œ๋””์–ด ๊ณต๋ฐฑ์ด์—ˆ๋˜ ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž๋ถ„์„ ๋ชจ์‹œ๊ธฐ ์œ„ํ•ด ํšŒ์‚ฌ๋Š” ์ฑ„์šฉ ๊ณต๊ณ ๋ฅผ ์˜ฌ๋ ธ๋‹ค.
(๊ฐœ์ธ์ ์œผ๋กœ ํšŒ์‚ฌ๋ฅผ ์ด๋Œ์–ด ์ค„ ์ˆ˜ ์žˆ๋Š” ๊ฐœ๋ฐœ์ž๋ถ„์ด ์™€์ฃผ์…จ์œผ๋ฉด ํ–ˆ๋‹ค)

๊ฐœ๋ฐœ์ž๊ฐ€ ๋‘ ๋ช…๋ฟ์ด๋ผ ๋ฉด์ ‘๊ด€์œผ๋กœ ์ฐธ์—ฌํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค.
(์‰ฝ๊ฒŒ ๊ฒฝํ—˜ํ•  ์ˆ˜ ์—†๋Š” ๋ถ€๋ถ„์ด๋ผ์„œ ๊ฐœ์ธ์ ์œผ๋กœ ์ข‹์€ ๊ฒฝํ—˜์ด์—ˆ๋‹ค ๐Ÿ˜Ž )
์—ฌ๋Ÿฌ ๋ฒˆ ์ง„ํ–‰๋œ ๋ฉด์ ‘์„ ํ†ตํ•ด ์ง€์›์ž๊ฐ€ ์•„๋‹Œ '๋ฉด์ ‘ ๋‹ด๋‹น์ž' ๋กœ ์ž„ํ•˜๋ฉด์„œ ๋งŽ์ด ๋Š๋ผ๋ฉด์„œ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์—ˆ๋‹ค.

9์›” ์ฏค.

10์›”์— ๋ฐฑ์—”๋“œ ์‹œ๋‹ˆ์–ด ๊ฐœ๋ฐœ์ž ํ•œ ๋ถ„๊ป˜์„œ ํŒ€ ํ•ฉ๋ฅ˜ํ•˜๊ธฐ๋กœ ๊ฒฐ์ •๋‚ฌ๋‹ค. (๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘ )
์ •๋ง ํž˜๋“  ์ƒํ™ฉ์†์—์„œ ๋น›์ด ๋ณด์ธ๋‹ค๊ณ  ํ•ด์•ผ ๋ ๊นŒ? ๐Ÿคฉ
๋ฐ์ดํ„ฐ ๊ฐœ๋ฐœ์ž๋ถ„๊ณผ ํ•จ๊ป˜ ๊ธฐ์จ์„ ๋‚˜๋ˆด๋‹ค ๐Ÿ‘Š

10์›”, 11์›”, 12์›”


'์ผ๊ณผ ํœด์‹'

๋‘ ๋ฒˆ์งธ OKR ๋ถ„๊ธฐ๊ฐ€ ์‹œ์ž‘๋˜์—ˆ๋‹ค.
์ด๋ฒˆ ๋ถ„๊ธฐ์—๋„ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ํŒ€์›๋“ค๊ณผ ๋ฏธํŒ…ํ•˜๋ฉฐ OKR์„ ์„ธ์› ๊ณ , ๋ชฉํ‘œ๋ฅผ ์ด๋ฃจ๊ธฐ ์œ„ํ•ด ํŒ€์›๋“ค๊ณผ ํ™”์ดํŒ…ํ–ˆ๋‹ค.
๋‘ ๋ฒˆ์งธ OKR์ธ ๋งŒํผ ์ฒ˜์Œ๋ณด๋‹ค๋Š” ์‰ฝ๊ฒŒ OKR์„ ์„ธ์šธ ์ˆ˜ ์žˆ์—ˆ๊ณ ,
์ด๋ฒˆ ๋ถ„๊ธฐ OKR์—์„œ๋Š” ๋‹ด๋‹นํ•  KR์ด ๋” ๋งŽ์•„์กŒ์ง€๋งŒ ์ฃผ๋กœ ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์ž‘์—…๋“ค์„ ์ง„ํ–‰ํ–ˆ๋‹ค.
(๋ถˆํ•„์š”ํ•œ KR ๋‚ด์šฉ์€ ์ƒ๋žตํ–ˆ๊ณ , ๋‚ด์šฉ๋„ ๋‘๋ฃจ๋ญ‰์‹คํ•˜๊ฒŒ)

  • ์ง€๋‚œ OKR์—์„œ ์ง„ํ–‰ํ•˜์ง€ ๋ชปํ•œ ์ž‘์—…๋“ค
  • ์„œ๋น„์Šค ์ „์ฒด์ ์ธ UI/UX ์ˆ˜์ •
  • AI ๊ฐœ๋ฐœ๊ณผ ์—ฐ๋™

์ƒˆ๋กœ์šด ํŒ€์›์ด ํ•ฉ๋ฅ˜ํ–ˆ๋‹ค! ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘
์ด๋ฒˆ ๋ถ„๊ธฐ๋Š” ์„œ๋ฒ„ ๊ฐœ๋ฐœ์ž๋ถ„๊ป˜์„œ ๊ณ„์…”์„œ ์ˆ˜์›”ํ•˜๊ฒŒ ์—…๋ฌด๊ฐ€ ์ง„ํ–‰๋˜์—ˆ๋‹ค.
3๋ถ„๊ธฐ์— ์ผ์— ์น˜์—ฌ์„œ ๊ณผ๋ถ€ํ•˜๊ฐ€ ๊ฑธ๋ ธ๋˜ ๋‚˜์—๊ฒŒ ์กฐ๊ธˆ์ด๋‚˜๋งˆ ์ˆจ ์‰ด ์‹œ๊ฐ„์„ ๊ฐ€์งˆ ์ˆ˜ ์žˆ์—ˆ๋‹ค.

ํ•˜์ง€๋งŒ ํœด์‹์€ ์ง‘์—์„œ...
์ฝ”๋กœ๋‚˜๊ฐ€ ์‹ฌ๊ฐํ•ด์ ธ์„œ ๋Œ€๋ถ€๋ถ„ ์ง‘์ฝ•ํ•˜๋Š” ์‹œ๊ฐ„์ด ๋” ๋งŽ์•„์กŒ๋‹ค.
์ง‘์—์„œ ๋“œ๋ผ๋งˆ๋งŒ ๋ณธ๊ฑฐ ๊ฐ™๋‹ค.
๊น€๊ณผ์žฅ, ๋‹ฅํ„ฐํ”„๋ฆฌ์ฆˆ๋„ˆ, ์กฐ์ž‘ ๋“ฑ์„ ๋ณด๋ฉด์„œ ๋‚จ๊ถ๋ฏผ ๋ฐฐ์šฐ๋‹˜์˜ ํŒฌ์ด ๋๋‹ค. ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘
ํ˜„์žฌ๋Š” ๋‚ฎ๊ณผ๋ฐค์„ ๋ณด๋Š” ์ค‘์ด๋‹ค.

2020๋…„์€ ์ „์ฒด์ ์œผ๋กœ ๋งŽ์ด '์•„์‰ฌ์šด ํ•ด' ๋‹ค.(์ฝ”๋กœ๋‚˜ ๋•Œ๋ฌธ)
์„œ์šธ์—์„œ ํ•ด๋ณด๊ณ  ์‹ถ์€ ์ผ๋“ค์ด ๋งŽ์•˜๋Š”๋ฐ ๊ฐœ์ธ์ ์œผ๋กœ ์•„์‰ฌ์› ๋‹ค.

๊ผญ ํ•˜๊ณ  ์‹ถ์€ ๊ฒƒ๋“ค

  • ์Šคํ„ฐ๋””
  • ์†Œ๋ชจ์ž„
  • ๊ณต์—ฐ ๊ด€๋žŒ
  • ๋ง›์ง‘ ํƒ๋ฐฉ

2021๋…„์—๋Š” '์Šคํ„ฐ๋””' ๋งŒ์ด๋ผ๋„ ๊ผญ ํ•ด๋ณด๊ณ  ์‹ถ๋‹ค.
ํšŒ์‚ฌ์—์„œ ํ˜ผ์ž์„œ ํ”„๋ก ํŠธ์—”๋“œ๋ฅผ ๋‹ด๋‹นํ•˜๋‹ˆ ๋ฐฐ์šฐ๋Š”๋ฐ ํ•œ๊ณ„๋ฅผ ์กฐ๊ธˆ์”ฉ ๋Š๋ผ๋Š” ๊ฒƒ ๊ฐ™๋‹ค.
๊ฐœ์ธ์ ์œผ๋กœ ์Šคํ„ฐ๋””๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ ๋งŽ์€ ์‚ฌ๋žŒ๋“ค๊ณผ ์†Œํ†ตํ•˜๋ฉฐ ์„ฑ์žฅํ•˜๊ณ  ์‹ถ๋‹ค :)

๋น ๋ฅธ ์‹œ์ผ ๋‚ด ์ฝ”๋กœ๋‚˜๊ฐ€ ์—†๋Š” ์„ธ์ƒ์ด ์™”์œผ๋ฉด ์ข‹๊ฒ ๋„ค์š”.
๋ชจ๋‘ 2020๋…„ ๊ณ ์ƒ ๋งŽ์œผ์…จ์Šต๋‹ˆ๋‹ค :)
2021๋…„์€ ํ–‰๋ณตํ•œ ๋‚ ๋“ค๋งŒ ๊ฐ€๋“ํ•˜์„ธ์š”.

๋ฏธ๋””์—„์—์„œ๋„ ๊ธ€์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์–ด์š” :D
https://dev-seung2.medium.com/%ED%9A%8C%EA%B3%A0-2020-6bbafe51342e

profile
Frontend Engineer

0๊ฐœ์˜ ๋Œ“๊ธ€