๐Ÿ’ก๋ชจ๋‹ฌ ์œ„์— ๋ชจ๋‹ฌ(Nested Modals)์˜ ๋ฌธ์ œ์™€ ์ด๋ฅผ ๋Œ€์ฒดํ•  Pattern ์ œ์•ˆ ์˜ค๋Š˜ ์†Œ๊ฐœํ•˜๋Š” ์ด ์•„ํ‹ฐํด์—์„œ๋Š” ๋””์ž์ด๋„ˆ๋ผ๋ฉด ํ•œ ๋ฒˆ์ฏค์€ ๋“ค์–ด๋ดค์„ ๋ฒ•ํ•œ ๋“œ๋ฆฌ๋ธ” https://dribbble.com/์—์„œ ๋ณผ ์ˆ˜ ์žˆ๋Š” nested modal์˜ ์‚ฌ๋ก€๋ฅผ ํ†ตํ•ด ์‚ฌ์šฉ์ž๊ฐ€ ๊ฒช์„ ์ˆ˜ ์žˆ๋Š” ๋ฌธ์ œ๋ฅผ ์ œ์‹œํ•˜๊ณ , ์–ด๋–ค ํ•ด๊ฒฐ์ฑ…์ด ์žˆ์„์ง€ ์ œ์•ˆํ•ฉ๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž๊ฐ€ ์ œํ’ˆ์„ ์‚ฌ์šฉํ•˜๋Š” ๊ณผ์ •์—์„œ ๋ชจ๋‹ฌ ์œ„์— ๋ชจ๋‹ฌ์„ ๋งŒ๋‚˜๊ฒŒ ๋˜๋Š” ๊ฒฝ์šฐ, ์‚ฌ์šฉ์ž๋Š” - ์ž์‹ ์˜ ๊ฒฝํ—˜์„ ์ œ์–ดํ•˜๊ธฐ ์–ด๋ ค์›Œ์ง€๊ณ , - ์–ด๋–ป๊ฒŒ ์ œํ’ˆ์„ ์‚ฌ์šฉํ•ด์•ผ ํ•˜๋Š”์ง€ ํ˜ผ๋ž€์Šค๋Ÿฌ์›Œ์ง€๊ณ , - ์ด๋กœ ์ธํ•ด ์ธ์ง€ ๋ถ€ํ•˜๊ฐ€ ์ƒ๊ธฐ๋Š” ๋“ฑ์˜ ์–ด๋ ค์›€์„ ๊ฒช์„ ์ˆ˜ ์žˆ์ฃ . ์ผ๋ถ€๋Ÿฌ ์‚ฌ์šฉ์ž๊ฐ€ ํ˜ผ๋ž€์— ๋น ์ง€๋„๋ก ์„ค๊ณ„ํ•œ๊ฑด ์•„๋‹ˆ๊ฒ ์ง€๋งŒ, ์ด๋Ÿฐ ๊ฒฝ์šฐ๊ฐ€ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์„ ํ…๋ฐ์š”. ๊ทธ๋ž˜์„œ ์ด ๊ธ€์˜ ์ €์ž๋Š” Nested Modal ๋Œ€์‹  ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์—ฌ๋Ÿฌ ๋Œ€์•ˆ์„ ์ œ์‹œํ•ฉ๋‹ˆ๋‹ค. ์›๋ฌธ์—์„œ ํ”„๋กœํ† ํƒ€์ž…๊ณผ ํ•จ๊ป˜ ๊ฐ ํŒจํ„ด์˜ ํŠน์ง•์„ ํ™•์ธํ•ด๋ณด์„ธ์š”๐ŸŒŸ - Infinite Modal - Sidebar - Inline Edit - Inline Reveal - Popovers - Tabbed Modal

Removing Nested Modals From Digital Products

Medium

Removing Nested Modals From Digital Products

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

๋˜๋Š”

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

2021๋…„ 2์›” 6์ผ ์˜คํ›„ 1:29

๋Œ“๊ธ€ 2

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

ใ€Š์„ ํƒ ์‚ฌํ•ญ์œผ๋กœ์„œ์˜ ๊ณ ํ†ตใ€‹

P

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

ใ€Š๋•…์— ์“ฐ๋Š” ์‹œ, ์กฐ๊ฒฝํ•˜๋Š” ๋งˆ์Œใ€‹

์ด

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

ํƒ€์ž… ์•ˆ์ „ํ•œ API ๋ชจํ‚น์œผ๋กœ ํ”„๋ก ํŠธ์—”๋“œ ์ƒ์‚ฐ์„ฑ ๋†’์ด๊ธฐ

์ด๋ฒˆ์— ์šฐ์•„ํ•œํ˜•์ œ๋“ค ๊ธฐ์ˆ  ๋ธ”๋กœ๊ทธ์— "ํƒ€์ž… ์•ˆ์ „ํ•œ API ๋ชจํ‚น์œผ๋กœ ํ”„๋ก ํŠธ์—”๋“œ ์ƒ์‚ฐ์„ฑ ๋†’์ด๊ธฐ"๋ผ๋Š” ์ƒˆ ๊ธ€์„ ๋ฐœํ–‰ํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

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

ChatGPT ๋ฒ„์ „๋ช… ์„ค๋ช…

ChatGPT ์‚ฌ์šฉํ•  ๋•Œ ์–ด๋–ค ๋ชจ๋ธ์„ ์„ ํƒํ•ด์•ผํ• ์ง€ ๋ง์„ค์—ฌ์ง‘๋‹ˆ๋‹ค. ๋ชจ๋ธ๋ช…๋งŒ ๋ด์„œ๋Š” ์–ด๋–ค๊ฒŒ ์ข‹์€์ง€ ๋ชจ๋ฅด๊ฒ ๋”๋ผ๊ณ ์š”.

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

โŸช๋””์ž์ธ์˜ ์—ญํ• ์€ ํ”„๋กœ์„ธ์Šค์—์„œ ๋‚ญ๋น„๋ฅผ ์ค„์ด๊ณ  ์ƒ์‚ฐ์„ฑ์„ ๊ฐœ์„ ํ•˜๋Š” ๊ฒƒโŸซ

์˜

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

๊ณต๊ณต๋””์ž์ธ, ์ค‘์•™์ •๋ถ€๋ฅผ ๋„˜์–ด - ์˜๊ตญ ๋””์ž์ธ์นด์šด์Šฌ, 2025

www.designdb.com

๊ณต๊ณต๋””์ž์ธ, ์ค‘์•™์ •๋ถ€๋ฅผ ๋„˜์–ด - ์˜๊ตญ ๋””์ž์ธ์นด์šด์Šฌ, 2025

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

1

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

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

2

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

์œ„๋กœ

3

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

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

4

๋‹ฌ๋ ˆ Apollo GraphQL Software Engineer

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

5

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

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