๐Ÿ’ก๋ชจ๋‹ฌ ์œ„์— ๋ชจ๋‹ฌ(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




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

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

1

๊ณจ๋นˆํ•ด์ปค Chief Maker

์š” ๋ฉฐ์น  GPT-5 Reasoning - High ๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์ง„

2

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

๋‚ด๊ฐ€ ๊ฐ€๋ณธ ์šฐ๋ฆฌ๋‚˜๋ผ

3

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

ํ™•์‹ ์€ ์–ด๋””์—์„œ ์˜ค๋Š”๊ฐ€?

3

๊น€์„ ํ˜ธ ์—ฌ๊ธฐ์–ด๋•Œ์ปดํผ๋‹ˆ / User Behavior Team Lead

๋งค์šฐ ๊ณต๊ฐํ•˜๋Š” ๊ธ€. ์ข€ ๋” ์ฒจ์–ธํ•ด๋ณด์ž๋ฉด, - ๋ฌธ์ œ๊ฐ€ ๋ญ”์ง€ ์ •์˜ํ•˜

5

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

< ๋ชจ๋ฅธ๋‹ค๊ณ  ๋งํ•˜๋Š” ์ˆœ๊ฐ„, ๋‡Œ๋„ ๋ฉˆ์ถ˜๋‹ค >

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