๋ชฉ๋ก๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (62)

ram2 ๐Ÿš—

๋งฅ๋ถ ๊ฒ€์€ ํ™”๋ฉด/ํ™”๋ฉด ์•ˆ๋‚˜์˜ด

๐Ÿ’ป ๋ฌธ์ œ ๋งฅ์œผ๋กœ ๊ณผ์ œ๋ฅผ ํ•˜๋˜ ์ค‘ ๊ฐ‘์ž๊ธฐ ๋งฅ์ด ๊บผ์ง€๋Š” ํ˜„์ƒ์ด ๋ฐœ์ƒํ–ˆ๋‹ค. ์–ด๋Š ์ˆœ๊ฐ„ ๋ ‰์ด ๋ฐœ์ƒํ•˜๋”๋‹ˆ, ์•„์˜ˆ ๊ฒ€์€ ํ™”๋ฉด์ด ๋‚˜์˜ค๊ณ  ์•„๋ฌด๊ฒƒ๋„ ์‹คํ–‰๋˜์ง€ ์•Š์•˜๋‹ค. ๋„ˆ๋ฌด ๋‹นํ™ฉํ•ด์„œ ์ผ๋‹จ ์ „์› ๋ฒ„ํŠผ์„ ๊ธธ๊ฒŒ ๋ˆŒ๋Ÿฌ ๊ฐ•์ œ ์ข…๋ฃŒ ํ›„, 20๋ถ„์ •๋„ ๊ธฐ๋‹ค๋ฆฐ ๋’ค ๋‹ค์‹œ ์ „์›์„ ์ผฐ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์—ฌ์ „ํžˆ ๊ฒ€์€ ํ™”๋ฉด์ด์—ˆ๋‹ค. ํœด๋Œ€ํฐ์œผ๋กœ ๊ฒ€์ƒ‰ํ•œ ๊ฒฐ๊ณผ, ์ปดํ“จํ„ฐ ๋ถ€ํŒ…์ด๋‚˜, off๋˜๋Š” ๊ณผ์ •์—์„œ ํ”„๋กœ๊ทธ๋žจ์ด ๊ผฌ์—ฌ ๋ฐœ์ƒํ•œ ๋ฌธ์ œ์ž„์„ ์•Œ๊ฒŒ ๋˜์—ˆ๋‹ค. ๐Ÿ’ป ํ•ด๊ฒฐ๋ฐฉ๋ฒ• Control + option + shift + ์ „์› option + command + p + r ์ด๋ ‡๊ฒŒ ์ˆœ์„œ๋Œ€๋กœ ๋™์‹œ์— ๋ˆŒ๋Ÿฌ์ฃผ๋ฉด ๊ฐ‘์ž๊ธฐ ํ™”๋ฉด์ด ์•„์ฃผ ์‚ด์ง ๋ฒˆ์ฉ ํ•˜๋ฉฐ ์žฌ๋ถ€ํŒ… ๋˜๋Š” ๊ฒƒ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค. ์ฐธ๊ณ  ์‚ฌ์ดํŠธ : https://m.blog.naver.com/teddyjun/220333615605

๐Ÿ’ป else 2022. 7. 8. 00:25
Padding class

Padding class ์ •ํ•ด์ง„ padding์— ๋งž์ถฐ child๋ฅผ ๋„ฃ๋Š” ์œ„์ ฏ์ด๋‹ค. ์œ„ ์‚ฌ์ง„์€ ๊ณต๊ฐ„์ด ์ „ํ˜€ ์—†์–ด ๋‹ต๋‹ตํ•ด ๋ณด์ด์ง€ ์•Š์€๊ฐ€? ๊ฐ๊ฐ์˜ ์‚ฌ๊ฐํ˜• ์‚ฌ์ด์— ๊ณต๊ฐ„์„ ์กฐ๊ธˆ ๋‘๋ฉด ์–ด๋–จ๊นŒ? ์ด๋ ‡๊ฒŒ ๊ณต๊ฐ„ ์ฆ‰ ์—ฌ๋ฐฑ์ด ํ•„์š”ํ•  ๋•Œ ์šฐ๋ฆฌ๋Š” padding ์œ„์ ฏ์„ ์‚ฌ์šฉํ•˜์—ฌ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋‹ค. Padding ์œ„์ ฏ์„ ์‚ฌ์šฉํ•˜๋ฉด ๊ณต๊ฐ„์„ ๋งŒ๋“ค์–ด ๋ฐฐ์น˜ํ•  ์ˆ˜ ์žˆ๋‹ค. ๋‹ค์Œ์€ padding ์œ„์ ฏ์„ ์‚ฌ์šฉํ•˜์—ฌ ๊ณต๊ฐ„์„ ๋งŒ๋“  ๊ฒฐ๊ณผ์ด๋‹ค. ๊ทธ๋ ‡๋‹ค๋ฉด padding์€ ์–ด๋–ป๊ฒŒ ์‚ฌ์šฉํ• ๊นŒ? ์ด๋ ‡๊ฒŒ ์–ด๋Š ๋ถ€๋ถ„์— ์–ผ๋งˆ๋‚˜ ๊ณต๊ฐ„์„ ๋‘˜ ๊ฒƒ์ธ์ง€ ์ •ํ•˜๊ณ , padding์ด ์ ์šฉ๋  child๋ฅผ ๋„ฃ์–ด์ฃผ๋ฉด ๋œ๋‹ค. padding์„ ์ฃผ๋Š” ๋ฐฉ๋ฒ•์€ ๋‹ค์–‘ํ•˜๋‹ค. ์ด๋Š” EdgeInsets์˜ ์ข…๋ฅ˜์— ๋”ฐ๋ผ ๋ฐฉ๋ฒ•์ด ๋‚˜๋‰œ๋‹ค. 1. EdgeInsets.fromLTRB() LTRB๋Š” ์ˆœ์„œ๋Œ€๋กœ Left,..

๐Ÿ’ง flutter 2022. 7. 6. 00:50
[Flutter] Transform class ์ •๋ฆฌ

Transform class transform class๋Š” ์ง€๊ธˆ๊นŒ์ง€ ๋ณธ ์œ„์ ฏ๋“ค ์ค‘ ๊ฐ€์žฅ ์žฌ๋ฐŒ๊ณ  ์‹ ๊ธฐํ•˜๊ฒŒ ๋‹ค๊ฐ€์™”๋‹ค. ์šฐ๋ฆฌ๊ฐ€ ํ”ํžˆ ํŒŒ์›Œํฌ์ธํŠธ๋‚˜, ์˜์ƒ, ์•ฑ ์‚ฌ์šฉ ์ค‘ ๋ดค์„ ๋ฒ•ํ•œ ๊ธฐ๋Šฅ๋“ค์ด transform ์œ„์ ฏ์„ ์‚ฌ์šฉํ•œ ๊ฒƒ์ด๋‹ค. ์•„๋ž˜ ์ฒจ๋ถ€ํ•œ ์˜์ƒ์„ ๋ณด๋ฉด ๋‚˜๋„ ๋ชจ๋ฅด๊ฒŒ '์šฐ์™€' ํ•˜๊ฒŒ ๋  ๊ฒƒ์ด๋‹ค. transform์—๋Š” ์ •๋ง ๋งŽ์€ ๊ธฐ๋Šฅ๋“ค์ด ์žˆ๋Š”๋ฐ, ๊ทธ ์ค‘ 3๊ฐœ์˜ ๊ธฐ๋Šฅ์„ ์†Œ๊ฐœํ•˜๊ณ ์ž ํ•œ๋‹ค. 1. Transform.rotate child๋ฅผ ์›ํ•˜๋Š” ๊ฐ์œผ๋กœ ํšŒ์ „ํ•˜๋Š” ๊ฒƒ์ด๋‹ค. 2. Transform.scale child์˜ ํฌ๊ธฐ๋ฅผ ์›ํ•˜๋Š” ํฌ๊ธฐ๋กœ ์กฐ์ •ํ•˜๋Š” ๊ฒƒ์ด๋‹ค. 3. Transform.translate child์˜ ์œ„์น˜๋ฅผ ์›ํ•˜๋Š” ์œ„์น˜๋กœ ์ด๋™ํ•˜๋Š” ๊ฒƒ์ด๋‹ค. ์ด ์™ธ์—๋„ skew, 3D perspective ๋“ฑ ์šฐ๋ฆฌ๊ฐ€ ์‹ค์ œ๋กœ ๋ณธ ๊ฒฝํ—˜์ด ..

๐Ÿ’ง flutter 2022. 7. 6. 00:48