190403 ํฐ์คํ ๋ฆฌ ์คํจ #11 ์ ์ ์ผ์ง
์๋ฌด๋๋ ํฐ์คํ ๋ฆฌ ๋ฉ๋ด๋ฐ๋ฅผ ๊ทธ๋ฅ ๋ณด์ฌ์ฃผ๋ ๊ฑด ์ ๋ณ๋ก์ธ ๊ฒ ๊ฐ์ ์์ ํ์ต๋๋ค. ํ๋กํ ๋ฉ๋ด์์ ์ ๋๋๋ค์ด ๋ฉ๋ด๋ก ๋ณด์ฌ์คฌ์ง๋ง, ์ด์ ์ผ์ชฝ ๋๋ก์์ ๊ฐ์ ๋ฐฉ์์ผ๋ก ํ์๋ฉ๋๋ค.๋ง์ฐฌ๊ฐ์ง๋ก ๋ค๋ก ๊ฐ๊ธฐ ๋ฒํผ์ ๋๋ฅด๋ฉด ์ฌ๋ผ์ง๋๋ค. ๊ธฐํ- ํ์ด์ง๋ฅผ ์ต์ด๋ก ๋ถ๋ฌ์ฌ ๋ ์ ๊น ํ์ด์ง๊ฐ ๋ฒ๋ฒ
์ธ๋จ ๋๋์ ๋ฐ์๋๋ฐ, ์์ธ์ด ์ ํ๋ธ ์ธ๋ค์ผ์ ๋ถ๋ฌ์ค๋ ์คํฌ๋ฆฝํธ์์ต๋๋ค. ์ผ๋จ ํด๋น ์คํฌ๋ฆฝํธ๋ฅผ ๊ป๋ค ์ผค ์ ์๋ ๋ฐฉํฅ์ผ๋ก ์์ ํ์ต๋๋ค.- ์ปค๋ฒ์ ๋์ค๋ ์ ํ๋ธ ์์์ ์กฐ๊ธ ๋ ํธํ๊ฒ ์์ ํ ์ ์๋๋ก ์์ ํ์ต๋๋ค.- ๋๋ก์๋ฅผ ์ฌ๋ ๋ฒํผ์ ์ ๋๋ฉ์ด์
์ ์ ์ฉํ์ต๋๋ค.- ๊ธฐํ ์ก๋คํ ์ค๋ฅ๋ฅผ ์์ ํ์ต๋๋ค.
190327 ํฐ์คํ ๋ฆฌ ์คํจ #11 ์ ์ ์ผ์ง
๊ธ, ์นดํ
๊ณ ๋ฆฌ๋ง๋ค ํ
๋ง๋ฅผ ๋ฐ๋ก ์ง์ ํ ์ ์๋๋ก ์
๋ฐ์ดํธํ์ต๋๋ค. ๋จผ์ , ์ง๊ธ ๋ธ๋ก๊ทธ์ ์ ์ฉ๋ ํ
๋ง๋ Lovely Heart์ง๋ง ์ด ๊ธ์ Cool Summer๋ก ํ์๋๊ณ ์์ต๋๋ค. ๋, ๊ฐค๋ฌ๋ฆฌ ์นดํ
๊ณ ๋ฆฌ๋ก ๊ฐ๋ณด์๋ฉด ์นดํ
๊ณ ๋ฆฌ์ ๊ธ ๋ชฉ๋ก์ด๋, ์นดํ
๊ณ ๋ฆฌ์ ํฌํจ๋ ๊ธ์ ๋ชจ๋ Dark ํ
๋ง๊ฐ ์ ์ฉ๋์ด ์์ต๋๋ค. ์์ ์ ์์
ํ ์นดํ
๊ณ ๋ฆฌ๋ง๋ค ๊ธ ๋ชฉ๋ก์ ๋ชจ์์ ๋ค๋ฅด๊ฒ ํ์ํ๋ ๊ฒ๊ณผ ๋๋ถ์ด ๊ฐ ์นดํ
๊ณ ๋ฆฌ์ ์กฐ๊ธ ๋ ์๋๊ฐ์ ๋ถ์ด๋ฃ์ ์ ์๊ฒ ๋๋ค์. ์๋ง ์ด๋์ด ํ
๋ง๋ก ์ ์ฉ๋๊ฒ ํ๋ ๊ฑด ์์ฃผ ์ฌ์ฉํ์ง ์์๊น ์ถ์ต๋๋ค ใ
ใ
ใ
190314 - ํฐ์คํ ๋ฆฌ ์คํจ #5 ์ ์ ์ผ์ง
๊ฝค ์ค๋ซ๋์ ์๊ณ ์ค๋ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํด์ ๊ธฐ๋ถ์ด ์ข๋ค์. ์์ง ์๋ฒฝํ ์์ฑ๋ ์คํฌ๋ฆฝํธ๋ ์๋๋๋ค๋ง, ์ด์ ๋๋ ๋๊ธ์ ๋ณ๊ฒฝ์ด ์๊ฒจ๋ ์ฐฝ์ ์๋ก ๊ณ ์นจ ํ์ง ์์ต๋๋ค. ์์ ์ ์ฌ์ฉํ๋ ์คํฌ๋ฆฝํธ์๋ ๋ฌธ์ ๊ฐ ํ๋ ์์๋๋ฐ, ์ด์ ๋๊ธ์ ๋ถ๋ฌ์ค๋ฉด ์ด์ ๋๊ธ์ ์คํฌ๋ฆฝํธ๊ฐ ์๋ํ์ง ์๊ฑฐ๋(๋ต๊ธ ๋ฒํผ ๋ณต์ฌ X, ์๊ฐ ํ์ ๋ณ๊ฒฝ X, ์ด๋ฏธ์ง / ๋น๋์ค ๋ฑ ์๋ ๋ณ๊ฒฝ X), ์ด์ ๋๊ธ์ ๋ถ๋ฌ์ค์๋ง์ ํ์ด์ง๋ฅผ ์๋ก ๊ณ ์ณ๋ฒ๋ฆฌ๊ฑฐ๋ ๋ ์ค ํ๋๋ฅผ ํํด์ผ ํ์ต๋๋ค. ์ด์ ๊ทธ๋ด ํ์ ์์ด ์ด์ ๋๊ธ์ ๋ถ๋ฌ์๋ ์คํฌ๋ฆฝํธ๊ฐ ๋๊ฐ์ด ์๋ํฉ๋๋ค. ๋ค์ผ๋ก ์ธํฐ๋ท ์ต์คํ๋ก๋ฌ์์ ๋ฌดํ ์๋ก ๊ณ ์นจ ๋๋ ์ค๋ฅ๋ ํด๊ฒฐ๋์ต๋๋ค. ์์ฑ๋์ง ์์ ์คํฌ๋ฆฝํธ๋ผ ๊ธฐ๋กํ ์ด์ ๋, ์ง๊ธ์ ์ด ์คํฌ๋ฆฝํธ๊ฐ ๋ฐฑ๊ทธ๋ผ์ด๋์์ 500ms๋ง๋ค 1ํ์ฉ ์๋ํฉ๋๋ค. ๋ฌผ๋ก ์คํฌ๋ฆฝํธ๊ฐ..
190307 ํฐ์คํ ๋ฆฌ ์คํจ #5 ์ ์์ผ์ง
์ค๋ฅ ์์ ๋ฐ ๊ฐ๋จํ ์ต์ ํ๊ฐ ๋๋ถ๋ถ์
๋๋ค. ๋๊ธ ๋์์ธ ๋ณ๊ฒฝ ๋๊ธ ๋์์ธ์ ์ด์ง ๋ณ๊ฒฝํ์ต๋๋ค.๋์ฐ๋ฏธ๊ฐ ๊ต์ฅํ ์ข์ง ์๊ณ ์์ผ ๋ฐ๊ฒฌํ๊ธฐ ํ๋ค๊ธด ํ ํ
๋ฐ, ์์ ์ ๋งํ์ ๊ผฌ๋ฆฌ๊ฐ ์ง์ ์ผ๋ก ์ด๋ค์ ธ ์์์ผ๋, ์ด์ ๋ถ๋๋ฌ์ด ๊ณก์ ์ผ๋ก ์ด๋ค์ ธ ์์ต๋๋ค. ์ ํ๋ธ ์์ ์ผ์์ ์ง์ด์ ์ธ๋ฑ์ค ํ๋ฉด์ ์ ํ๋ธ ์์์ ์๋ฆฌ๊ฐ ๊บผ์ ธ ์๋ค๋ฉด, ์์์ด ์คํฌ๋กค ๋ฐ์ผ๋ก ๋๊ฐ๋ ์๊ฐ ์ผ์ ์ ์ง๋ฉ๋๋ค. ์ค๋ฅ ์์ ์ธํฐ๋ท ์ต์คํ๋ก๋ฌ์์ ๊ณ ์ ๋(fixed) ์์๋ค์ ์์ง์์ด ๋ถ์์ฐ์ค๋ฌ์ด ๊ฒ์ ํด๊ฒฐํ์ต๋๋ค. ์์ง ๋ชจ๋ ์์์ ์์
ํ์ง ์์๊ณ , ๋ฐฐ๋์ ํค๋์๋ง ์๋ฒ์ ์ผ๋ก ์ ์ฉํ์ต๋๋ค.์ ํ๋ธ ์ธ๋ค์ผ์ ๋ถ๋ฌ์จ ํ์ ๊ฐํ์ ์ผ๋ก masonry๊ฐ ์ฌ์ ๋ ฌ๋์ง ์๋ ์ค๋ฅ๋ฅผ ํด๊ฒฐํ์ต๋๋ค.์ปค๋ฒ ์ฌ๋ผ์ด๋์ ์ ํ๋ธ ์ธ๋ค์ผ์ ๋ถ๋ฌ์ค์ง ๋ชปํ๋ ์ค๋ฅ๋ฅผ ํด๊ฒฐํ์ต๋๋ค.๊ฐํ์ ์ผ..
190301 ํฐ์คํ ๋ฆฌ ์คํจ #5 ์ ์ ์ผ์ง - ์ก๋คํ ๊ธฐ๋ฅ ์ถ๊ฐ
๋ง๋ฌด๋ฆฌํ๋ค๊ณ ์๊ฐํ๋๋ฐ, ์ ๊ตํจ์ ๋ถ์กฑํ ์ ์ด ๋ง์ด ๋ณด์ด๊ธฐ๋ ํ๊ณ ์ด๋์ ๋ ๋ ์์๊ฒ ํ ์ ์์๊น ๊ณ ๋ฏผํ๋ค ์
๋ฐ์ดํธ๋ฅผ ์ข ํด๋ดค์ต๋๋ค.๊ฐ๋ฒผ์ด ๋ง์์ ์์ํ๋๋ฐ, ๊ท๋ชจ๊ฐ ์๊ฐ๋ณด๋ค ์ปค์ก์ต๋๋ค; ๋จผ์ ์ฐ์ธก์ ์๋ ์ฌ์ด๋๋ฐ๋ฅผ ์ ๊ฑฐํ๊ณ , ๊ทธ๋๋ง ์ธ๋งํ ์ต์
๋ค๋ง ์๋๋ก ์ฎ๊ฒผ์ต๋๋ค. ๋๋ฌด ์ธ๋ชจ์๋ ์์๋ ๋ง์๋ฐ, ์ธ๋ฐ์์ด ๊ณต๊ฐ์ ์ฐจ์งํ๋จ ๋๋์ด ๊ฐ์๊ธฐ ๋ค์ด ์ญ์ ํ๊ฒ ๋์ต๋๋ค.์์งํ ์์นด์ด๋ธ ๊ฐ์ ๊ธฐ๋ฅ์ ์ ๋ ์ ์ฐ๋๋ฐ ๋๊ฐ ๊ทธ๊ฑธ ๋๋ฌ๋ณผ๊น ์ถ์ด.. 1๋จํ / 2๋จํ ์ต์
์ด ์ฌ๋ผ์ง ๋์ ์๋ก์ด ์ต์
์ด ๋ค์ด์์ต๋๋ค. '์นดํ
๊ณ ๋ฆฌ ํ์'๋ ์ต์
์
๋๋ค.์์ ๊น์ง Masonry๋ฅผ ์ฌ์ฉํ ๋์์ธ ๋ฑ ํ๋๋ง ์ฌ์ฉํ ์ ์์์ต๋๋ค๋ง, ์ด์ ์ธ ๊ฐ์ง ์ต์
์ ์ ํํ ์ ์์์ ๋ฌผ๋ก , ํน์ ์นดํ
๊ณ ๋ฆฌ์๋ง ํน์ ๋์์ธ์ ์ฌ์ฉํ ์๋ ์์ต๋๋ค. ..
190225 ํฐ์คํ ๋ฆฌ ์คํจ ์ ์ ์ผ์ง - ๋!
์ด๋ฆ์ ๊ทธ๋ฅ Summer Nights๋ก ๊ณ์ ๊ฐ๊ธฐ๋ก ํ์ต๋๋ค. ๋ฌ๋ฆฌ ๋พฐ์กฑํ ์ด๋ฆ์ด ์๊ฐ๋์ง ์๋ค์. ์ด๋ ์นดํ
๊ณ ๋ฆฌ๋ฅผ ๋ณด๊ณ ์๋์ง ํค๋ ์นดํ
๊ณ ๋ฆฌ์ ํ์๋ฉ๋๋ค. ์ฌ์ด๋๋ฐ์ ์๋ ์นดํ
๊ณ ๋ฆฌ์์ ํ์ ์นดํ
๊ณ ๋ฆฌ์ ๋ง์ฐ์ค๋ฅผ ์ฌ๋ฆฌ๋ฉด ํด๋น ์นดํ
๊ณ ๋ฆฌ์๋ง ์ข์ธก์ ์ ์ด ์๊น๋๋ค. ์์ ๋ชจ์ต ๊ธ ๋ชฉ๋ก์ ๋งํ์ ์ฒ๋ผ ์ผ๊ฐํ์ ํ๋ ์ถ๊ฐํด๋ดค์ต๋๋ค. ํ
๋ง ์ถ๊ฐ๋ฅผ ๋ง์ณค์ต๋๋ค. ๋จผ์ , ์ข์ธก ํ๋จ์ ๊ณ ์ ๋์ด ์๋ ์ฌ๋ผ์ด๋ ์์ดํ
์ ์ ๋ณด๋ฅผ ์ค์์ ์ ๋ ฌ๋๋๋ก ํ์ต๋๋ค. ํ์ด์ง ์ต์๋จ์ ๊ณ ์ ๋ ์ฌ๋ผ์ด๋์ ๊ทธ๋ ์ง ์์ ์ฌ๋ผ์ด๋์ ์ธ๋ค์ผ ๋ชฉ๋ก ์์น๋ฅผ ์กฐ์ ํ์ต๋๋ค.ํ์ด์ง ์ต์๋จ์ ๊ณ ์ ๋์ง ์์ ์ฌ๋ผ์ด๋๋ 6์ ๋ฐฉํฅ์ ๋ง์ฐ์ค๊ฐ ํ์๋ ํ์๊ฐ ์๊ธฐ์ ์ธ๋ค์ผ ๋ชฉ๋ก์ด ์กฐ๊ธ ๋ ์๋์ ์์ต๋๋ค. ์ปค์คํ
์คํฌ๋กค ๋ฐ๊ฐ ์์น๋ฅผ ์ค์๊ฐ์ผ๋ก ๊ฐฑ์ ๋ชปํ๋ ์ค๋ฅ๊ฐ ์์์ต..
190224 ํฐ์คํ ๋ฆฌ ์คํจ ์ ์ ์ผ์ง
์ด์ ์ด ์คํจ๋ ์ผ์ถ ๋๋์ง ์์๋ ์ถ์ต๋๋ค. ํค๋ ๋ชจ์์ ๋ณด์๋ฉด ์์๊ฒ ์ง๋ง, ์ธ๋ฑ์ค ํ์ด์ง์์ ์ต์๋จ์ ๊ณ ์ ๋ ์ฌ๋ผ์ด๋๊ฐ ์๋๋๋ค. ์์ ์ ์ฌ๋ผ์ด๋๋ฅผ ๋จ ํ๋๋ฐ์ ์ฌ์ฉํ ์ ์์๋๋ฐ, ์ฌ๋ฌ ๊ฐ์ ์ฌ๋ผ์ด๋๋ฅผ ์ฌ์ฉํ ์ ์๋๋ก ์คํฌ๋ฆฝํธ์ css๋ฅผ ์๋ดค์ต๋๋ค. ๋ํ, ํ์๋ 3๊ฐ์ง ์์์ ์์น๋ฅผ ์ ์ ํ ์์ ํ์ฌ, ์ถฉ๋ํ๋ ์ผ์ด ์๋๋ก ํ์์ต๋๋ค. ์์ ํ ๋ด์ฉ ์ธ์๋ ์์ํ ๋ณํ๊ฐ ๊ฝค ์์๊ณ , ์ด์ ์ฌ๋ผ์ด๋๋ ์์ฑํ์ง ์๋ ์ถ์ต๋๋ค. ํ์ด์ง ์ต์๋จ์ ๊ณ ์ ๋ ์ฌ๋ผ์ด๋๋ฅผ ์ต๊ทผ ๊ธ์์ ํธ์์ด์ค์ Dance the Night Away์ ๋ฎค์ง๋น๋์ค๋ก ๋ณ๊ฒฝํ์ต๋๋ค. ์๋ Yes or Yes๋ฅผ ์ฌ์ฉํ ์์ ์ด์์ผ๋... ํ๋ฉด ๋น์จ์ด ์ด ๋ชจ์์ด๋ผ, 16:9์ ํ๋ฉด์ ๋ง์ถ๋ ค๊ณ ํ๋ ํ์ง์ด ๋ง๋ ์ ๋์ค๊ฒ ๊นจ์ ธ์...๊ทธ๋ฅ DTN..
190221 ํฐ์คํ ๋ฆฌ ์คํจ #5 ์ ์์ผ์ง
ํค๋ ์นดํ
๊ณ ๋ฆฌ ์์ ์ ํ์ ์นดํ
๊ณ ๋ฆฌ๊ฐ ์๋ ์นดํ
๊ณ ๋ฆฌ์ ํ์ ์นดํ
๊ณ ๋ฆฌ๊ฐ ์๋ ์นดํ
๊ณ ๋ฆฌ์ ๋๋น๊ฐ ๋ฌ๋๋๋ฐ, ๋๋น๊ฐ ๋๊ฐ์์ง๋๋ก ์์ ํ์ต๋๋ค. ํ์ ์นดํ
๊ณ ๋ฆฌ๊ฐ ์๋ ์นดํ
๊ณ ๋ฆฌ๋ 5๊ฐ์ ๊ธ์ ๋ถ๋ฌ์ค๊ณ ํ์ ์นดํ
๊ณ ๋ฆฌ๊ฐ ์๋ ์นดํ
๊ณ ๋ฆฌ๋ 6๊ฐ์ ๊ธ์ ๋ถ๋ฌ์ต๋๋ค. ํค๋ ํค๋ ์นดํ
๊ณ ๋ฆฌ๊ฐ ์ค์์ ๋ ฌ๋๋๋ก ๋ณ๊ฒฝํ์ต๋๋ค. ์ฌ๋ผ์ด๋ ๋ชจ์๋ง ๋๊ฐ์ด ์ ์งํ๊ณ ์คํฌ๋ฆฝํธ๋ ์์ ๋ฏ์ด๊ณ ์ณค์ต๋๋ค. ์์ ์ ์ฌ๋ผ์ด๋ ์์ ๋ค์ด์๋ ํญ๋ชฉ์ ๋ชจ๋ 1์ด ํก๋๋ก ๋ฐฐ์นํ๊ณ ์ปจํ
์ด๋์ left ๊ฐ์ ์์ ํ๋ฉฐ ์ฌ๋ผ์ด๋์ ํญ๋ชฉ์ด ํ๋์ฉ ํ์๋๋๋ก ํ๋๋ฐ, ์ด๋ฒ์ ์ฌ๋ผ์ด๋ ํญ๋ชฉ์ class๋ฅผ ์์ ํ๋ ๋ฐฉ์์ผ๋ก ๋ณ๊ฒฝํ์ต๋๋ค. ๋ ์ค ์ด๋ ๊ฒ ๋ ๋ณด๊ธฐ ์ข์์ง๋ ์์ง ์ํ ์ค์
๋๋ค. ์์ ์คํฌ๋ฆฝํธ๋ณด๋ค ์ฉ๋์ 1/3 ์ ๋๋ก ์ค์์ต๋๋ค.
190220 ํฐ์คํ ๋ฆฌ ์คํจ #5 ์ ์์ผ์ง
๊ฝค ์ค๋ซ๋์ ์์ฑํ์ง ์์ ๊ธด๊ฐ๋ฏผ๊ฐํ ๊ฒ ๋ง์๋ฐ, ๋ญ ์ ๋๋ก ์๊ฐ๋์ง ์๋ ๊ฑด ํฌ๊ฒ ์ค์ํ ๊ฒ ์๋๋ผ ๊ทธ๋ฐ ๊ฑฐ๊ฒ ๊ฑฐ๋ ํ๊ณ ๋์ด๊ฐ๋ ต๋๋ค. ์ ๋ฒ ์ ์์ผ์ง์ ์๋ก์ด ์ด๋ฆ์ ๋ถ์ด๊ฒ ๋ค๊ณ ์๊ธฐํ๊ณค ์์ง ์๊ฐ๋ ๊ฒ ์๋ค์; ๊ธ ๋ชฉ๋ก ํ๋ฉด ๊ธ ๋ชฉ๋ก ํ๋ฉด์์ ๊ธ ๋ชฉ๋ก ๋ค์ ์๋ ํฐ์ ๋ฐฐ๊ฒฝ์ ์ง์๋ดค์ต๋๋ค. ์์ง ์ด๋ค ๊ฒ ๋ ๋์์ง ์ ํํ๊ฒ ๋ชจ๋ฅด๊ฒ ๋ค์. 404 ํ์ด์ง ์ฌ์ง ํ๋ ๋จ๋ 404ํ์ด์ง๋ฅผ ์๋กญ๊ฒ ๋ฐ๊ฟจ์ต๋๋ค.์ฌ์ง์ ๋ถ๋ฌ์ค๋๋ฐ ์๊ฐ์ด ๊ฑธ๋ฆฌ๊ธฐ๋ ํด์ ๊ทธ๋ฅ ์ฌ์ง ์์ด ๊ตฌ์ฑํ์ต๋๋ค. ์์ ์ '5์ด ํ ๋ฉ์ธ ํ์ด์ง๋ก ๋์๊ฐ๋๋ค.'๋ ๋ฌธ๊ตฌ๋ก ๊ณ ์ ๋์ด ์์๋๋ฐ, ์ด์ ์ด๊ฐ ์ค์ด๋๋ ๊ฒ ํ์๋ฉ๋๋ค. background-image ์์ ์ด๋ ๊ฒ ์ธ๋ค์ผ์ด ๋ฐฐ๊ฒฝ์ผ๋ก ๋ค์ด๊ฐ๋ ์์๋ค ์ฐ์ธก์ ๊ฒ์ ์ ์ด ์กฐ๊ทธ๋งฃ๊ฒ ๋จ์์๋ ์ค๋ฅ๋ฅผ ์ต์ง๋ก ์์ ํ..