2022๋…„ ํšŒ๊ณ 

@kimnamsun ยท December 31, 2022

๐Ÿ‘

์Šค๋ฌด์‚ด ์•„๋‹˜

์–ด๋–ป๊ฒŒ ์ง€๋‚˜๊ฐ”๋Š”์ง€ ๋ชจ๋ฅผ 1๋…„์ด ์ง€๋‚˜๊ฐ”๋‹ค.
์˜ฌ ํ•œ ํ•ด๋Š” ์–ด๋–ป๊ฒŒ ์ง€๋ƒˆ๋Š”์ง€ ๋‚ด๊ฐ€ ๊ธฐ์–ตํ•˜๊ธฐ ์œ„ํ•ด์„œ ์ž‘์„ฑํ•˜๋Š” ํšŒ๊ณ !

๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป ํšŒ์‚ฌ & ์—…๋ฌด

์—ฌ๋ฆ„์ฏค๋ถ€ํ„ฐ ๊ฐœ๋ฐœํŒ€ ์œ„์— ๊ฐœ๋ฐœ์‹ค์ด ์ƒ๊ธฐ๊ณ , ํŒ€์˜ R&R์ด ์ •๋ฆฌ๋˜๋ฉด์„œ ํŒ€์ด ๋ฐ”๋€Œ์—ˆ๋‹ค.
๋ ˆ๊ฑฐ์‹œ ํ”„๋กœ์ ํŠธ๋ฅผ ์ƒˆ๋กœ์šด ํ”„๋กœ์ ํŠธ๋กœ ์ฒ˜์Œ๋ถ€ํ„ฐ ๋‹ค์‹œ ๋งŒ๋“œ๋Š” ํ”„๋กœ์ ํŠธ์˜€๋Š”๋ฐ ํŒจ๊ธฐ๋กญ๊ฒŒ ์†๋“ค๊ณ  ์ง€์›ํ–ˆ๋‹ค. ๐Ÿ™‹๐Ÿปโ€โ™€๏ธ

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

๐Ÿ“™ ํ”„๋กœ์ ํŠธ, ์Šคํ„ฐ๋””

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

๋ชจ์—ฌ ๋””์ž์ธ ์‹œ์Šคํ…œ
https://justcodeitstudy.github.io/moyeo-design-system/?path=/story/components-accordion--default

๐Ÿ’ช๐Ÿป ๊ฑด๊ฐ•

10์›”์— ์ฝ”๋กœ๋‚˜์— ๊ฑธ๋ ธ๋‹ค..๋‚˜๋Š” ์•ˆ ๊ฑธ๋ฆด ์ค„ ์•Œ์•˜์ง€.
์ƒ๊ฐ๋ณด๋‹ค ํฌ๊ฒŒ ์•„ํ”„๊ธฐ๋„ ํ–ˆ๊ณ , ๊ฒฉ๋ฆฌ ์ดํ›„์—๋„ ๊ฐ๊ธฐ๊ฐ€ ์˜ค๋ž˜๊ฐ€๊ณ  ๋ฉด์—ญ๋ ฅ์ด ๋–จ์–ด์ง€๋Š” ๋Š๋‚Œ์„ ๋ฐ›์•˜๋‹ค.
์˜์–‘์ œ ์ฑ™๊ฒจ ๋จน๊ณ  ์šด๋™๋„ ๊พธ์ค€ํžˆ ํ•˜๋ฉด์„œ ๊ฑด๊ฐ•๊ด€๋ฆฌ๋ฅผ ๋” ์—ด์‹ฌํžˆ ํ•ด์•ผ๊ฒ ๋‹ค. ๐Ÿค’
๋‚˜๋Š” ์‚ด๊ธฐ ์œ„ํ•ด ์šด๋™์„ ํ•˜๋Š” ํƒ€์ž…์ธ๋ฐ, ์˜ค๋žซ๋™์•ˆ ํ•ด์˜ค๋˜ ํ—ฌ์Šค์™€ ํ•„๋ผํ…Œ์Šค๊ฐ€ ์–ด๋Š ์ˆœ๊ฐ„ ์žฌ๋ฏธ๊ฐ€ ์—†์–ด์กŒ๋‹ค.
๋ฌด์–ธ๊ฐ€๋ฅผ ์•„์˜ˆ ๋ชจ๋ฅด๋Š” ์ƒํƒœ์—์„œ ๋ฐฐ์›Œ๋‚˜๊ฐ€๋Š” ์ฆ๊ฑฐ์›€์ด ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ๋‚ด๊ฐ€ ๋ชป ํ•˜๋Š” ์ˆ˜์˜์„ ๋ฐฐ์›Œ๋ณด๊ธฐ๋กœ ํ–ˆ๋‹ค.
์ •๋ง ์šด๋™๋Šฅ๋ ฅ์ด 0์— ์ˆ˜๋ ดํ•˜๋Š”์ง€, ๋ฐฐ์šด ์ง€ ์„ธ๋‹ฌ๋œ ์ง€๊ธˆ๋„ ์ž์œ ํ˜•์„ ์ž˜ ๋ชปํ•˜์ง€๋งŒ, ๊พธ์ค€ํžˆ ํ•˜๋ฉด ์–ธ์  ๊ฐ€๋Š” ๋‚˜๋„ ๋ฆฌ์กฐํŠธ ์ˆ˜์˜์žฅ์—์„œ ํ˜ผ์ž ์ž์œ ๋กญ๊ฒŒ ํ—ค์—„์น  ์ˆ˜ ์žˆ๊ฒ ์ง€ ๐Ÿ˜Œ

๐Ÿ›ซ ์—ฌํ–‰

์˜ฌํ•ด ๋‹ค๋…€์˜จ ์—ฌํ–‰

๋ถ€์‚ฐ

์„ธ๋ถ€

์ œ์ฃผ

๋‚ด๊ฐ€ ํƒœ์–ด๋‚˜๊ณ  ์ž๋ž€ ๊ณณ์—์„œ ๋– ๋‚˜ ๋‚˜๋ฅผ ์•„๋Š” ์‚ฌ๋žŒ์ด ์—†๋Š” ๊ณณ์œผ๋กœ ๋– ๋‚˜ ํ˜ผ์ž๊ฐ€ ๋œ ๊ธฐ๋ถ„์„ ๋Š๋‚„ ์ˆ˜ ์žˆ์–ด์„œ ์—ฌํ–‰์„ ์ข‹์•„ํ•œ๋‹ค.
2023๋…„์—๋„ ์—ฌํ–‰ ๋งŽ์ด ๋‹ค๋…€์•ผ์ง€.

โœ๐Ÿป ๊ธฐ๋ก

๋ธ”๋กœ๊ทธ ์—ด์‹ฌํžˆ ์“ฐ์ž๊ณ  ํ–ˆ๋Š”๋ฐ ์ž‘์‹ฌ ๋ช‡ ๋‹ฌ์ด ๋˜์–ด๋ฒ„๋ ธ๋‹ค.
๋œธํ•˜๋”๋ผ๋„ ๊พธ์ค€ํžˆ ์จ์•ผ๊ฒ ๋‹ค.
12์›” ๋˜์–ด์„œ๋Š” ์ผ๊ธฐ๋„ ์“ฐ๊ธฐ ์‹œ์ž‘ํ–ˆ๋‹ค.
๋‹ค์ด์–ด๋ฆฌ ๊พธ๋ฏธ๊ณ  ์ด๋Ÿฌ๋ฉด ๋ฉฐ์น  ๋ชป ๊ฐ€์„œ ์•ˆ ์“ฐ๊ฒŒ ๋  ๊ฑฐ๋ผ๋Š” ๊ฑธ ์•Œ์•„์„œ ๊ทธ๋ƒฅ ์˜ค๋Š˜ ์–ด๋–ค ์ผ์ •์ด ์žˆ์—ˆ๊ณ  ์–ด๋–ค ์ƒ๊ฐ์„ ํ–ˆ๋Š”์ง€ 5~6์ค„ ์ •๋„๋กœ ๊ฐ„๋‹จํžˆ ์ ๊ณ  ์žˆ๋‹ค.
2023๋…„์—๋Š” ๊ธฐ๋ก์„ ์ข€ ๋” ์ฆ๊ธธ ์ˆ˜ ์žˆ๋Š” ํ•œ ํ•ด๊ฐ€ ๋˜๊ธธ.

๐Ÿ‘‹๐Ÿป welcome 2023

1๋…„ ๋™์•ˆ ์—ด์‹ฌํžˆ ์‚ฐ ๊ฒƒ ๊ฐ™๊ธฐ๋„ ํ•˜๊ณ  ์•„๋‹Œ ๊ฒƒ ๊ฐ™๊ธฐ๋„ ํ•˜๋‹ค.
์ด๋Ÿฐ ์ƒ๊ฐ์ด ๋“ ๋‹ค๋ฉด 100% ํ™•์‹คํžˆ ์—ด์‹ฌํžˆ ์‚ฐ ๊ฑด ์•„๋‹ˆ๋ผ๋Š” ๋œป์ด๊ฒ ์ง€.
๋‚ด๋…„์—” ์ข€ ๋” ๋œ ๊ธด๊ฐ€๋ฏผ๊ฐ€ํ•œ ํ•œ ํ•ด๋ฅผ ์‚ด์•„์•ผ์ง€.
๋‚ด ์˜ฌํ•ด ๋™๊ธฐ๋ถ€์—ฌ๋Š” ์—ญ์‹œ๋‚˜ ๋‚จ๋“ค๋ณด๋‹ค ๋Šฆ์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ๋”๋” ์—ด์‹ฌํžˆ ๊ทธ๋ฆฌ๊ณ  ์ž˜ํ•ด์•ผ๊ฒ ๋‹ค๋Š” ์˜์ง€.
์•„์ง ๊ฒฐ๊ณผ๊ฐ€ ๋‚˜์˜ค์ง€ ์•Š์•„์„œ ์ ์„ ์ˆœ ์—†์ง€๋งŒ, 2023๋…„์— ์ค€๋น„ํ•˜๊ณ  ์žˆ๋Š” ๊ฒƒ๋„ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์—ด์‹ฌํžˆ ์ž˜, ๊ทธ๋ ‡์ง€๋งŒ ๋„ˆ๋ฌด ์ˆจ์ฐจ์ง€๋Š” ์•Š๊ฒŒ #๊ฐ€๋ณด์ž๊ณ 

@kimnamsun
frontend