๐จ ๋์น์ง ๋ง์์ผ ํ <br class="hidden-xs hidden-sm">์์์น ๋์์ธ๋ชจ๋ ๊ฟ๊ธฐ๋ฅ! 2ํ
2021. 10. 07
2021. 10. 07
์ง๋ <๋์น์ง ๋ง์์ผ ํ ๋์์ธ๋ชจ๋ ๊ฟ๊ธฐ๋ฅ> ๋ด์ค๋ ํฐ๋ฅผ ํตํด ๋ชฐ๋๋ ์์์น ๋์์ธ๋ชจ๋ ๊ธฐ๋ฅ๋ค์ ์๊ฒ ๋์ด ์ ์ฉํ๋ค๋ ํผ๋๋ฐฑ์ ๋ง์ด ๋ณด๋ด์ฃผ์ จ๋๋ฐ์. ์น์ฌ์ดํธ ๊ตฌ์ฑ์ ํฐ ๋์์ด ๋์ จ๋ค๋ ๋ถ๋ค๋ ๋ง์์ ์์์น ๋ง์ผํ ํ๊ณผ UXํ์ ์ ๋ง ๋ฟ๋ฏํ๋ต๋๋ค๐ ์์์น ๊ณ ๊ฐ๋๋ค์ ์ด๋ค ์ฑ์์ ๋น ๋ฅด๊ฒ ๋ณด๋ตํ๊ณ ์ 2ํ์ ์ค๋นํด์์ต๋๋ค! ์ด๋ฒ ๋ด์ค๋ ํฐ์๋ ๋์น์ง ๋ง์์ผ ํ ๋์์ธ๋ชจ๋ ๊ฟ๊ธฐ๋ฅ๋ค์ ๋ชจ์์์ด์๐
*๋์์ธ๋ชจ๋ > ์์ ฏ ์ค๋ฅธ์ชฝ ๋ฒํผ ํด๋ฆญ > ์ค์ > ๋งํฌ ์ค์
์์ ฏ์ ๋ค์ํ ๋งํฌ๋ฅผ ์ฝ์ ํ์ฌ ์น์ฌ์ดํธ ๋ฐฉ๋ฌธ์์ ํ๋์ ์ ๋ํ ์ ์์ด์. ๋ฐฉ๋ฌธ์๊ฐ ๋ด ์น์ฌ์ดํธ๋ฅผ ์์ ์ ๊ณต์ ํ๊ฒ ํ๊ณ ์ถ๋ค๋ฉด ์์ ๊ณต์ ๋งํฌ๋ฅผ, ์ฐ์ปดํฌ์ธํธ๋ ์ฟ ํฐ ๋ฑ์ผ๋ก ๊ฐ์ ์ ์ ๋ํ๊ณ ์ถ๋ค๋ฉด ๋งํ์ ๋งํฌ๋ฅผ ์ ์ฉํด ๋ณด์ธ์!
๋์์ ๋งํฌ๋ฅผ ํ์ฉํ๋ค๋ฉด ๋ธ๋๋ ์๊ฐ ์์๊ณผ ๊ด๊ณ ์์์ ์ฒจ๋ถํ ์๋ ์๊ฒ ์ฃ ?๐
โ ๏ธ ์ฃผ์ : ์์ ๊ณต์ ๋งํฌ์ ์นด์นด์คํก ๋งํฌ ์ฌ์ฉ์ ์ํ ๊ฒฝ์ฐ [ํ๊ฒฝ์ค์ > ์์ ๋ก๊ทธ์ธ/API ์ค์ ]์์ ์นด์นด์ค ๋งํฌ API ๊ฐ์ ์ ๋ ฅํด์ผ ํฉ๋๋ค. ๋์์ ๋งํฌ์ ๊ฒฝ์ฐ ์ ํ๋ธ์ ๋น๋ฉ์ค ๋งํฌ ์ฐ๊ฒฐ์ด ๊ฐ๋ฅํฉ๋๋ค.
*๋์์ธ๋ชจ๋ > ์ผ์ชฝ ์๋จ ๋ฉ๋ด ๊ด๋ฆฌ ํด๋ฆญ > ๋ฉ๋ด ์ค๋ฅธ์ชฝ โ ์์ด์ฝ ํด๋ฆญ > ๋ฉ๋ด ๋ํ์ด๋ฏธ์ง ์ค์
๊ฒ์์์ง ๋๋ SNS์ ๋ฉ๋ด ๋งํฌ๋ฅผ ๊ณต์ ํ์ ๋ ํ์๋๋ ๋ํ์ด๋ฏธ์ง๋ฅผ ๋ณ๊ฒฝํ๊ณ ์ถ๋ค๋ฉด ๋ฉ๋ด ๋ํ์ด๋ฏธ์ง๋ฅผ ์ค์ ํด ๋ณด์ธ์! ์ผ์์ ์ผ๋ก ์์ฑํ ์ด๋ฒคํธ ๋ฉ๋ด์ ํ๋ณด์ฉ ์ฌ๋ค์ผ์ ์ค์ ํ ์๋ ์์ด์๐
Tip. ์น์ฌ์ดํธ ๋ํ ์ด๋ฏธ์ง๋ [ํ๊ฒฝ์ค์ > ๊ธฐ๋ณธ์ค์ ]์์ ์ค์ ๊ฐ๋ฅํฉ๋๋ค.
*๋์์ธ๋ชจ๋ > ๊ฐค๋ฌ๋ฆฌ ์์ ฏ ์ค๋ฅธ์ชฝ ๋ฒํผ ํด๋ฆญ > ๊ฐค๋ฌ๋ฆฌ ์ค์ > ๋์์ธ ํญ > ๋ค๋ฅธ ๋์์ธ
๊ฐค๋ฌ๋ฆฌ ์์ ฏ์ ์ฌ๋ฌ ์ด๋ฏธ์ง๋ฅผ ์ถ๊ฐํ๊ณ ์ถ์ ๋ ํ์ฉํ๊ธฐ ์ข์ ์์ ฏ์ด์ฃ . ์ปจ์ ์ ๋ง๋ ๊ฐค๋ฌ๋ฆฌ ์คํ์ผ์ ์ ์ฉํ์ฌ ์น์ฌ์ดํธ๋ฅผ ๊พธ๋ฉฐ๋ณด์ธ์.
โ ๊ฐ๊ฒฐํ ๋๋์๋ ๊ทธ๋ฆฌ๋ ๊ฐค๋ฌ๋ฆฌ ์คํ์ผ์ ์ ์ฉํด ๋ณด์ธ์. ์ง์ ํ ๋น์จ์ ๋ง์ถฐ ์ด๋ฏธ์ง๋ค์ด ๋ฐ๋ํ์ฒ๋ผ ์ผ์ ํ ๋ชจ์์ผ๋ก ์์ฑ๋ฉ๋๋ค.
โ Masonry ๊ฐค๋ฌ๋ฆฌ ์คํ์ผ์ ์ ์ฉํ๋ฉด ์ด๋ฏธ์ง ์๋ณธ ๋น์จ์ ๋ง์ถฐ ์ถ๋ ฅ๋ฉ๋๋ค.
โ ์ฌ๋ฌ ์ฅ์ ์ด๋ฏธ์ง๋ฅผ ์ฌ๋ผ์ด๋ ํ์์ผ๋ก ๋ณด์ฌ์ฃผ๊ณ ์ถ์ ๋, ์ฌ๋ผ์ด๋ ๊ฐค๋ฌ๋ฆฌ ์คํ์ผ์ ํ์ฉํด ๋ณด์ธ์.
์์์น ๋์์ธ๋ชจ๋ ๊ณณ๊ณณ์๋ ์ ์ฉํ ๊ธฐ๋ฅ๋ค์ด ์์ฃผ ๋ง์๋ฐ์! ์ด ๊ธฐ๋ฅ๋ค์ ํ์ฉํด๋ณด์ ๋ค๋ฉด ์น์ฌ์ดํธ ๋ถ์๊ธฐ๋ ํ์ธต ๋ ์ ๋๋๊ณ ํธ๋ฆฌํด์ง ๊ฑฐ์์. ์ด๋ฒ ๋ด์ค๋ ํฐ์์ ์๊ฐํด๋๋ฆฐ ๊ธฐ๋ฅ๋ค๋ ํ ๋ฒ์ฉ ๊ผญ ์ฌ์ฉํด๋ณด์ธ์๐
by ๋ง์ผํ ์ ์ง