IT21 ํฐ์คํ ๋ฆฌ ๏ฝ ๋ธ๋ก๊ทธ ๋ฐฉ๋ฌธ์ ์ ์จ๊ธฐ๊ธฐ ์ด๋ฒ ํฌ์คํ ์์ ๋ค๋ค๋ณผ ๋ด์ฉ์ ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ ๋ฐฉ๋ฌธ์ ์ ์จ๊ธฐ๊ธฐ์ ๋๋ค. ๋ถํด๋ฝ ๊ธฐ๋ณธ ์คํจ์ ๊ธฐ๋ณธ์ ์ผ๋ก ๋ฐฉ๋ฌธ์ ์๊ฐ ๋ณด์ด๋๋ก ๋์ด ์์ต๋๋ค. ๋ฐฉ๋ฌธ์ ์๋ฅผ ์จ๊ฒจ์ ๋ธ๋ก๊ทธ๋ฅผ ๋ ๊น๋ํ๊ฒ ๋ง๋ค์ด ๋ณด๋๋ก ํ๊ฒ ์ต๋๋ค. ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ ๋ฐฉ๋ฌธ์ ์ ์จ๊ธฐ๋ ๋ฐฉ๋ฒ 1. [ํฐ์คํ ๋ฆฌ] - [๊ด๋ฆฌ] - [๊พธ๋ฏธ๊ธฐ] - [์คํจํธ์ง] - [htmlํธ์ง] 2. ctrl+F๋ฅผ ๋๋ฌ "๋ฐฉ๋ฌธ์"๋ฅผ ๊ฒ์ํฉ๋๋ค. ์ ๋ธ๋ก๊ทธ๋ 744๋ฒ ์ค์ ์๋ค์. 3. ์ ์ฒด ๋ฐฉ๋ฌธ์ ์์ ์ ๋ฐ์์ ๋ฅผ ์ฐพ์์ค๋๋ค. 4. ์ฃผ์์ ๋ฌ๊ธฐ ์ํด ๊ดํธ ์์์ ์๋ค๋ก '!--'์ '--'๋ฅผ ์ฝ์ ํฉ๋๋ค. 5. ์ฌ๊ธฐ๊น์ง ์ ๋ฐ๋ผ์ค์ จ์ผ๋ฉด ์ค๋ฅธ์ชฝ ์๋จ [์ ์ฉ]์ ๋๋ฌ ๋ฐฉ๋ฌธ์ ์ ํ์๊ฐ ์ฌ๋ผ์ง ๊ฒ์ ํ์ธํ ์ ์์ต๋๋ค. ํฐ์คํ ๋ฆฌ ๊ด๋ จ ๊ธ โถ ํ ํ๋ฉด ๊ธ ์ ๋ชฉ ๋๊ป๊ฒ ๋ณ๊ฒฝํ๋ ๋ฒ .. 2021. 7. 17. ํฐ์คํ ๋ฆฌ ๏ฝ ๋ธ๋ก๊ทธ ์ด๋ฆ๊ณผ ๊ตฌ๋ถ์ ์ฌ์ด ์ฌ๋ฐฑ ์ค์ด๊ธฐ ์ด๋ฒ ํฌ์คํ ์์ ๋ค๋ค๋ณผ ๋ด์ฉ์ ๋ธ๋ก๊ทธ ์ด๋ฆ๊ณผ ๊ตฌ๋ถ์ ์ฌ์ด ์ฌ๋ฐฑ ์ค์ด๋ ๋ฐฉ๋ฒ์ ๋๋ค. ํฐ์คํ ๋ฆฌ ์นดํ ๊ณ ๋ฆฌ๋ ๋์ค์ ์ ๊ฐ ์ค์ ์ ๋ณ๊ฒฝํ ๋ ๊ธฐ์ตํ๊ธฐ ์ํจ๊ณผ ์ง์ ๊ณต์ ๋ชฉ์ ์ ์นดํ ๊ณ ๋ฆฌ์ ๋๋ค. ํฐ์คํ ๋ฆฌ ๊ด๋ จ๊ธ์ ํฐ์คํ ๋ฆฌ ํ๊ทธ ๊ฒ์์ผ๋ก ํ ๋ฒ์ ๋ณผ ์ ์์ต๋๋ค. ๐ ๋ธ๋ก๊ทธ ์ด๋ฆ ์์น ๋ธ๋ก๊ทธ ์ด๋ฆ์ ๋ถํด๋ฝ ์คํจ ์์ ๊ธฐ์ค์ผ๋ก ์ผ์ชฝ ์๋จ์ ์์นํ๊ณ ์๋ค. ์ต์ ํ๋ฅผ ์ํด ์ด๊ฒ์ ๊ฒ ๋ง์ง๋ค ๋ฉ๋ด๋ฅผ ์ญ์ ํ๋ค. ๋ฉ๋ด๋ฅผ ์ญ์ ํ๋ ๋ธ๋ก๊ทธ ์ด๋ฆ๊ณผ ๋ณธ๋ฌธ ์ฌ์ด์ ๊ตฌ๋ถ์ ๊ฐ๊ฒฉ์ด ๋๋ฌด ๋์ ๊ฒ์ด๋ค. ๋นจ๊ฐ ์ ์ด ๊ฐ๊ฒฉ์ ํ์ํ ๊ฒ์ด๋ค. ๐ ๊ฐ๊ฒฉ ์กฐ์ ํ๋ ๋ฐฉ๋ฒ [๋ธ๋ก๊ทธ ํธ์ง] - [css]์์ #gnb๋ฅผ ๊ฒ์ํ๋ค. ๋ด ๋ธ๋ก๊ทธ์์๋ 293๋ฒ์งธ ์ค์ ์๋ค. 294๋ฒ ์ค height 66px๋ฅผ ์ํ๋ ๋งํผ ์ค์ฌ์ค๋ค. ๋๋ ๋์ด๊ฐ์ 20px๋ก ์ค์๋ค. .. 2021. 7. 5. ํฐ์คํ ๋ฆฌ ๏ฝ์ ๋์ผ์ค ํ๋ฒ์ ํต๊ณผ, ์ ์ฒญ ํ๋ฃจ ๋ง์ ์น์ธ ๋ฐ๊ธฐ ํฐ์คํ ๋ฆฌ ์์ํ ์ด์ ์ทจ๋ฏธ๋ก ๋ค์ด๋ฒ ๋ธ๋ก๊ทธ๋ง 5๋ ์งธ ์ด์ํ๋ ๋ด๊ฐ ๊ฐ์์ค๋ ํฐ์คํ ๋ฆฌ๋ฅผ ์ด์ํ๊ธฐ๋ก ๋ง์๋จน์๋ค. ๋ค์ด๋ฒ์์ ํฐ์คํ ๋ฆฌ๋ก ์ฎ๊ธด ์ด์ ์ค ํ๋๋ ์ฃผ๋ณ ์ฌ๋๋ค์ ๋ธ๋ก๊ทธ ์ผํ, ์ฐ๋ฌ์ ํฌ์คํ ํ๋ฉด ๋ธ๋ก๊ทธ ์ด์๋คํํ ๋ฏธ์ํด์ ํฌ์คํ ์ ํ ๋ฒ์ ๋ง์ด ๋ชป ํ๋ ์ ๋ฑ์ด ์์๋ค. ๊ทธ์ค ๊ฐ์ฅ ํฐ ์ด์ ๋ ์ ๋์ผ์ค ์น์ธ์ ๋ฐ๊ธฐ ์ํด์์๋ค. ์ ๋์ผ์ค ์ ์ฒญ ๋ฐ ์น์ธ ๊ธฐ๊ฐ ํฐ์คํ ๋ฆฌ ์ด์๊ธฐ๊ฐ์ ๋ ๋ฌ์ด ์ฑ ์ ๋์๊ณ , ์ ์ฒญ ์ ๋ฐํ ๊ธ ์๋ 62๊ฐ์๋ค. ์ ๋๊ณ ์๋ฅผ ํ ๋ฒ์ ํต๊ณผํ๊ณ ์ถ์ด์ ๊ธ์ ๋ง์ด ์ฑ์ด ๋ค ์ ๋์ผ์ค๋ฅผ ์ ์ฒญํ๋ค. 1์ผ 1ํฌ์คํ ์ ํ๋ ค ํ์ผ๋ ๋ชฐ์์ ์์ฑํ๊ณ ๊ทธ๋ฌ๋ค. ์ ์ฒญ ํ๊ธฐ๋ 7์ 1์ผ์ ํ๋๋ฐ html์ ์ ๋์ผ์ค ์น์ธ ์ฝ๋ ๋ฃ์ด์ผ ํ๋์ง ๋ชฐ๋๋ค. 7์ 4์ผ์ ์ ๋์ผ์ค ์น์ธ ์ฝ๋๋ฅผ ๋ฃ์๊ณ ํ๋ฃจ๊ฐ ์ง๋ 5.. 2021. 7. 5. ํฐ์คํ ๋ฆฌ ๏ฝ ๋ถํด๋ฝ ์คํจ ์ ๋ชฉ ๋ฐ ๋ณธ๋ฌธ ๋ด์ฉ ์ค ๋๋ฆฌ๊ธฐ * ๋ณธ ํฌ์คํ ์ PC์ ์ต์ ํ ๋์ด ์์ต๋๋ค. ๋ชจ๋ฐ์ผ ์ด์ฉ ์, ๊ฐ๋ ์ฑ์ด ๋จ์ด์ง ์ ์์ต๋๋ค. * ๋ณธ ํฌ์คํ ์ ๋ถํด๋ฝ ์คํจ ์ ์ฉ ์์์ ๋๋ค. ํด๋น ์์น๋ฅผ ๋ญ๋ผ๊ณ ๋ถ๋ฅด๋ ์ง ๋ชฐ๋ผ์ ์ ๋ชฉ์ ๋ชป ์ ํ๊ฒ ๋ค์. ์ด๋ฒ ํฌ์คํ ์์ ๋ค๋ค๋ณผ ๋ด์ฉ์ ์๋์ฌ์ง์ ๋ณด์๋ฉด ๋ฉ๋๋ค. ์ฌ์ง์์ ๋ณด๋ฉด ์ ๋ชฉ ๋ฐ์ ๋ณธ๋ฌธ ๋ถ๋ถ ๊ธ์จ๊ฐ ์๋ ค์ ๋์ค๋ ๊ฒ์ ๋ณผ ์ ์์ต๋๋ค. ์คํจ์ ๋ฐ๊ฟจ๋ค๊ฐ ๋ค์ ๋์์๋๋ ์ค์ ์ ๋ค์ ํด์ผ ํ๋ ์ํฉ์ด์์. ๐จ ๋ธ๋ก๊ทธ ํธ์ง์์ ๋ฐ๊พธ๋ ๋ฒ [html ํธ์ง] - [css]์ ๋ค์ด๊ฐ์ ์๋ ๋ด์ฉ์ ์ฐพ์์ค๋๋ค. ๊ฒ์ ๋จ์ถ์ด : ctrl+F .list-type-thumbnail.post-item.excerpt ์ ๋ธ๋ก๊ทธ์์๋ 2312์ค์ ๋์ค๋๋ฐ ์ฌ๋๋ง๋ค ๋ค ๋ค๋ฆ ๋๋ค. 2314์ค height ์ซ์๋ฅผ ์กฐ์ ํด์ค๋๋ค. ์ซ.. 2021. 7. 4. ์ด์ 1 2 3 4 5 6 ๋ค์ ๋ฐ์ํ