์๋ ํ์ญ๋๊น, ๋ฏผํธ์ ๋๋ค. ๐ ์ง์ํ๋ ํ๋ก๊ทธ๋ผํผ 9๊ธฐ ๊ณผ์ ์ ๋ํ ์งง์ ํ๊ธฐ๋ฅผ ๋จ๊ฒจ๋ณด์์ต๋๋ค.
ํ๋ก๊ทธ๋ผํผ 9๊ธฐ์ ์ง์ํ์๋ค. ๊ทธ๋ฆฌ๊ณ 1์ 29์ผ ์๋ฅ ํฉ๊ฒฉ์ ๋ํ ์ฐ๋ฝ๊ณผ ํจ๊ป ๊ณผ์ ๋ฅผ ๋ฐ์๋ค! ์ฒ์์ผ๋ก ๋ฐ์๋ณด๋ ๊ณผ์ ๋, ๊ทธ์ ๋ง๋งํ๋ค. ๊ทธ๋์ ์ด๋ฌํ ๊ฒ๋ ๊ณต๋ถํด๋ณด์ง ์๊ณ ๋ญํ๋, ๋ ์์ ? ๋๋๊ฒ๋ ์ฒ์์ผ๋ก ์ฌ์ฉํด๋ณด๋ collectionView์๋ค. ๋๋น๋๋น๋๋น๋ก. collectionView์ ๊ณต์๋ฌธ์, ์์ ๋ ๋ฏ์ด๋ดค์ง๋ง.. ๊ฐ๋จํ ๊ตฌํ๋ ํด๋ดค์ง๋ง... ์ปค์คํ ํด์ ํ๋ก์ ํธ์ ์ ์ฉํ๋ค๊ณ ์๊ฐํ๋ ์ฌ์ฅ์ด ๋๊ทผ๊ฑฐ๋ ธ๋ค. ์ผ์ฃผ์ผ ์ด๋ผ๋ ์๊ฐ ๋ด๋ก ๋ค ํ ์ ์์๊น?! ์ผ๋จ ๋๋ ๊ณณ๊น์ง๋ ์ ๋ถ ๊ตฌํํ์!
์ด๋ฒ ๊ณผ์ ๋ฅผ ์์ํ๋ฉด์ ์ค์ค๋ก ์ ํ ๊ฒ์ด ํ๋ ์์๋ค. ์ธ๋ถ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ฌ์ฉ ์์ด, ํ์ํ๋ค๋ฉด ์ ๋ถ ๊ตฌํํ์๊ณ . ์ผ๋ ๋ฑ๋ ๋ฌด์์ ์ผ์ฃผ์ผ์ ์จ์ ํ ์ฝ๋ ๊ตฌํ์ ์์๋ถ์ผ๋ฉด ๋ ๊ฒ์ด๋ผ๊ณ ์๊ฐํ๋ ๋ด ์์ผํจ์ ๊ณง ์์ฒญ๋ ๊ณ ํต์ผ๋ก ๋์์๋ค. ์ด๋ฒ ๊ณผ์ ๋ Unsplash Clone ์ฑ์ ๊ตฌํํ๋ ๊ฒ์ด์๋ค. ํน์ด์ ์, pinterest layout์ ๊ตฌํํด์ผ ํ๋ ์ ๋? ๊ทธ๋ฆฌ๊ณ ๋ฐ๋ก ์ด ๋ถ๋ถ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ ์ง๋ง์ง ์ง์งํ๊ฒ ๊ณ ๋ฏผ๋๋ ์ง์ ์ด์๋ค.
[iOS] UICollectionViewFlowLayout์ผ๋ก Pinterest Layout ๊ตฌํํ๊ธฐ
์ฒ์ ๊ณผ์ ๋ก ๋ฐ์ ํผ๊ทธ๋ง์ Pinterest๋ก ๊ตฌํ๋ View๋ฅผ ๋ณด๊ณ , Compositional๋ก ๋์ ํด์ผ์ง! ๋ผ๊ณ ํธ๊ธฐ๋กญ๊ฒ ์๊ฐํ๋ค. ๊ทธ๋ฌ๋ Compositional์ ๋ฒฝ์ ๋์๊ณ .. item๊ณผ group, section์ผ๋ก ํฌ๊ธฐ๋ฅผ ์ฃผ๋ ๊ฒ์์ item ํฌ
mintraum.tistory.com
์ด๋ป๊ฒ๋ Pinterest๋ ๊ตฌํ์ ์ฑ๊ณต..! ๊ทธ๋ฌ๋ ๊ทธ ์ธ์ ๋ค๋ฅธ ์ ๋๋ฉ์ด์ ๊ตฌํ์ ์๊ฐ ๋ด์ ๊ตฌํํ๋ ๊ฒ์ ์คํจ ํด ์์ฌ์์ด ๋จ์๋ค.
โ ๋ผ์ ธ๋ฆฌ๊ฒ ๋๋ ๋ ๊ฐ์ง
1. ์ฝ๋ ์์ฑ ์ ์ ๊ธฐ๊ฐ์ ๋ง์ถฐ ๋จ๊ณ๋ฅผ ์ ๋ฆฝํด ๋์.
Pinterest layout๋ถํฐ ๋ง๋๋ ค๋ค๊ฐ ๋๋ต์ ์ธ ๊ตฌ์์ ํด๋๊ณ ํ๋ ค๋ค~ ๊ฐํก์งํก ํ๋ ๋ชจ๋ ๊ธฐ๋ฅ๋ค์ด ์กฐ๊ธ์ฉ์ ๋์ด ์์ง๋ง ์๋ฃ๋ ๋์ง ์์ ํท๊ฐ๋ฆฌ๋ ์ผ๋ค์ด ๋ง์๋ค. ์ด๋์ ๋ ์ด๋ฐ ์์๋ก ํด์ผ์ง~ ๋ผ๊ณ ๋ง ์๊ฐํด๋ ๋ง์ ๊ตฌํํ๋ค๋ณด๋ฉด ํ์ด์ง๋ ์ผ์ด ๋ง๋ค. ์ด๋์ ์ฌ๋๋ค์ด ์ด์๋ฅผ ํตํด ์์ ์ ๊ด๋ฆฌํ๋ ๊ฑธ๊น? ๋ค ์ด์ ๊ฐ ์๋ ๊ฒ์ด์๋ค...!
2. ํต์ฌ ๋ก์ง์ Test๋ฅผ ํตํด ๊ฒ์ฆํด ๋์.
๋ฌผ๋ก ์๊ฐ์ ์ซ๊ฒผ๊ณ .. ์ซ๊ธฐ๋ค๋ณด๋ฉด ์์ฐ์ค๋ฝ๊ฒ ๋ท์ ์ผ๋ก ๋ฐ๋ฆฌ๋ ๊ฒ์ด Test์ง๋ง... ์ด ๊ธฐ๋ฅ์ด ํ์คํ๊ฒ ๋์ํ๋์ง ์๋์ง๋ฅผ ์๊ณ ์๊ณ ์๊ณ ๋ ๋ค์ ์์ ์ ์ํํ๋ ๊ฒ์ ํฌ๋ํฐ ์ํฅ์ ๋ฏธ์น๋ค...! ์ธ์ ๋ ์ง ์๊ฐ์ด ์กฐ๊ธ์ด๋ผ๋ ๋๋ค๋ฉด, Test๋ฅผ ํ๋ ๊ฒ์ด ์ข์ ๊ฒ ๊ฐ๋ค. ์ญ์ ์ฌ๋๋ค์ด Test๋ผ๋ ๊ฒ์ ์ค์์ ํ๋ ๊ฒ๋ ๋ค~ ์ด์ ๊ฐ ์๋ ๊ฑฐ์๋ค.
โ ๊ณผ์ ํฉ๊ฒฉ & ๋ฉด์
๋คํํ ๊ฒฐ๊ณผ๋ ๊ณผ์ ํฉ๊ฒฉ! ๋ฉด์ ์ ๋ณด๊ฒ ๋์๋ค. ๋ฉด์ ์ ์จ๋ผ์ธ์ผ๋ก ์งํ๋์๋ค. ๊ธฐ์ ์ ๋ํ ์ด์ผ๊ธฐ๋ณด๋ค๋ ํ์ ์ ๋ํ ์ด์ผ๊ธฐ๊ฐ ๋ง์๋ค.
๊ธฐ์ ๊ด๋ จ์ ๊ณผ์ ์ ๋ํ ์ง๋ฌธ๋ค์ด ์ฃผ๋ฅผ ์ด๋ค๋ค.
- ์ธ๋ถ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ์ง ์์ ์ด์ ๊ฐ ์๋์ง
- MVC์ UIKit๋ง ์ฌ์ฉํ๋๋ฐ, rxSwift๋ SwiftUI ๋ฑ์ ์ฌ์ฉํ ์๊ฐ์ด ์๋์ง
ํ์ ์ด๋ ๊ฐ์ธ์ ์ธ ์ง๋ฌธ์ด ํจ์ฌ ๋ง์๋ค.
- ๊ฐ๋ฑ ๊ฒฝํ ๋ฐ ๋์ฒ๋ฐฉ์
- ํ์์ ๋ณดํต ์ด๋ค ์ญํ ์ ๋งก๋์ง
- ์ด๋๋ ํธ์ธ์ง ๋ฐ๋ผ๊ฐ๋ ํธ์ธ์ง
- ํ๋ก๊ทธ๋ผํผ ์ง์ ์ด์
- ํ๋ก๊ทธ๋ผํผ๋ฅผ ํฌํจํ์ฌ ์์ผ๋ก์ ์ผ์ ์ด ์ด๋ป๊ฒ ๋๋์ง
โ ์ต์ข ํฉ๊ฒฉ!
15๋ถ์์ 30๋ถ ๊ฑธ๋ฆฐ๋ค๊ณ ์๋ด๋ ๋ฉด์ ์๊ฐ์ด 20๋ถ๋ง ๊ฑธ๋ ค์ ๋ถ์ํ๋๋ฐ ๋คํํ๋ ํฉ๊ฒฉํ๋ค!! ๋๋ฌด ๊ธฐ๋ปค๋ค~~
ํ์์ iOS๋ฅผ ํผ์์ ํ ๊ฒ์ด ๊ฑฑ์ ๋์ง๋ง ๊ทธ๋งํผ ๋ค์ํ ์ง๊ตฐ๋ค๊ณผ ๋ชจ๋ ์์ ์ ํจ๊ปํ๋ฉฐ ๋ฐฐ์ธ ์๊ฐ์ ํ๋ ๋๋ฌด ๊ธฐ๋๋๋ค.
๋นจ๋ฆฌ ํ์ด ๋์์ผ๋ฉด ์ข๊ฒ ๋ค~
'๐ ํ๊ณ ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[Prography] ํ๋ก๊ทธ๋ผํผ 9๊ธฐ ์ค๊ฐ ํ๊ณ (0) | 2024.07.05 |
---|---|
[์ผ๊ณฐ ์์นด๋ฐ๋ฏธ]์ปค๋ฆฌ์ด ์คํํฐ 9๊ธฐ ํ๊ณ (0) | 2023.11.20 |