728x90
๋ฐ˜์‘ํ˜•
 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๊ฐ•์˜/Framer

[๊ฐœ๋ฐœ์ž๊ฐ€ ์•Œ๋ ค์ฃผ๋Š” ํ”„๋ ˆ์ด๋จธ(Framer) #2] Stack ์ปดํฌ๋„ŒํŠธ ์™„๋ฒฝ์ •๋ฆฌ

1๊ฐ•์—์„œ๋Š” ํ”„๋ ˆ์ž„(Frame) ์ปดํฌ๋„ŒํŠธ์— ๋Œ€ํ•ด์„œ ๋‹ค๋ค„๋ดค์Šต๋‹ˆ๋‹ค. ํ”„๋ ˆ์ž„ ์ปดํฌ๋„ŒํŠธ ์ž์ฒด๋กœ๋„ ์ œ๊ณตํ•˜๊ณ  ์žˆ๋Š” ๊ธฐ๋Šฅ๋“ค์ด ์ •๋ง ๋งŽ๊ณ , ๋‹ค์–‘ํ•œ ๊ณณ์—์„œ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ์Œ์„ ํ™•์ธํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ ์†Œ๊ฐœ๋“œ๋ฆด ์Šคํƒ(Stack) ์ปดํฌ๋„ŒํŠธ๋„ ์ •๋ง ์œ ์šฉํ•˜๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์Šคํƒ(Stack) ? ์Šคํƒ ์ปดํฌ๋„ŒํŠธ๋ฅผ ํ™œ์šฉํ•˜๋ฉด ํ”„๋ ˆ์ž„์„ ์‚ฌ์šฉํ•˜์—ฌ ๋งค์šฐ ์œ ์—ฐํ•˜๊ณ  ์ž๋™์œผ๋กœ ๋ถ„์‚ฐ๋œ ๋ ˆ์ด์•„์›ƒ์„ ์‰ฝ๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์„ค๋ช…์œผ๋กœ๋Š” ์ž˜ ์ดํ•ด๊ฐ€ ์•ˆ๋˜์‹œ์ฃ . CSS์˜ flex ์†์„ฑ์„ ํ™œ์šฉํ•ด์„œ ์ž๋™์œผ๋กœ ๊ฐ„๊ฒฉ์ด๋‚˜ ์œ„์น˜๋ฅผ ์กฐ์ •ํ•ด์ค๋‹ˆ๋‹ค. ์Šคํƒ ์ปดํฌ๋„ŒํŠธ๋Š” ํ”„๋ ˆ์ž„์„ ๊ธฐ๋ฐ˜์œผ๋กœํ•˜๋ฏ€๋กœ ๋ชจ๋“  ํ”„๋ ˆ์ž„ ์†์„ฑ์„ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค! ์ข€ ๋” ์‰ฝ๊ฒŒ ์ดํ•ดํ•˜์‹œ๋ ค๋ฉด "ํ”„๋ ˆ์ž„์„ ์ข€ ๋” ๊ฐ„ํŽธํ•˜๊ฒŒ ๋ ˆ์ด์•„์›ƒ์„ ๊ตฌ์„ฑํ•˜๊ธฐ ์œ„ํ•ด์„œ ์Šคํƒ์ด ์กด์žฌํ•˜๋Š” ๊ตฌ๋‚˜" ๋ผ๊ณ  ์ƒ๊ฐํ•˜์‹œ๋ฉด ๋  ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์Šคํƒ์— ํ”„..

2020.07.20 ๊ฒŒ์‹œ๋จ

728x90
๋ฐ˜์‘ํ˜•