IT21 ํฐ์คํ ๋ฆฌ ๏ฝ์ต๊ทผ๊ธ, ์ธ๊ธฐ๊ธ ๊ธ์ ๋ชฉ ์ ์ฒด ๋ค ๋์ค๊ฒ ํ๋ ๋ฐฉ๋ฒ ํฐ์คํ ๋ฆฌ๋ ์ฌ์ด๋๋ฐ์ ์ต๊ทผ๊ธ๊ณผ ์ธ๊ธฐ๊ธ์ ๋ณด์ด๋๋ก ์ค์ ํ ์ ์์ต๋๋ค. ๊ทธ๋ฐ๋ฐ ์ ๋ชฉ์ด ์ ์ฒด ๋ค ๋ณด์ด์ง ์๊ณ ์๋ฆฌ๋ ํ์์ด ๋ํ๋๋๋ผ๊ตฌ์. ์ ์ฒ๋ผ ๊ธ ์ ๋ชฉ์ด ์๋ฆฌ๋ ๋ถ๋ค์ ์ด ๊ธ์ ๋ฐ๋ผํ์๋ฉด ์ ์ฒด ๋ค ๋์ค๊ฒ ์ค์ ํ์ค ์ ์์ต๋๋ค. ์ต๊ทผ๊ธ, ์ธ๊ธฐ๊ธ ๊ธ ์ ๋ชฉ ์ ์ฒด ๋ค ๋์ค๊ฒ ํ๊ธฐ ๋ธ๋ก๊ทธ ๊ด๋ฆฌ์์ ๊พธ๋ฏธ๊ธฐ - ์ฌ์ด๋๋ฐ ํญ์ ๋ค์ด๊ฐ๋๋ค. ๋ฐ์ผ๋ก ๋ด๋ ค์ ์ฌ์ด๋๋ฐ ์ค์ ์ ๋ณด๋ฉด ์ต๊ทผ ๊ธ์ ํ์๋ ๊ธ์์๋ฅผ ์ ํ ์ ์์ต๋๋ค. ์ต๊ทผ ๊ธ ์ค์ ์ ์ต๊ทผ ๊ธ๊ณผ ์ธ๊ธฐ ๊ธ์ ์ ์ฉ๋ฉ๋๋ค. ์ ๋ ๋๋ํ๊ฒ 100์ผ๋ก ์ค์ ํ์ต๋๋ค. 100์ผ๋ก ์ค์ ํ๋ ์๋ ค๋ณด์ด๋ ๊ธ ์ ๋ชฉ์ด ์ ์ฒด ๋ค ๋์ค๊ณ ์์ต๋๋ค. ์ฌ๊ธฐ๊น์ง ํฐ์คํ ๋ฆฌ ์ต๊ทผ๊ธ, ์ธ๊ธฐ๊ธ ๊ธ์ ๋ชฉ ์ ์ฒด ๋ค ๋์ค๊ฒ ํ๋ ๋ฐฉ๋ฒ์ ์์๋ณด์์ต๋๋ค. 2021. 10. 5. ์์ดํฐ ๏ฝ ์ฌํ๋ฆฌ ์ฃผ์์ฐฝ ํญ ๋ง๋ ์๋ก ์ฌ๋ฆฌ๋ ๋ฒ ์๋ ํ์ธ์, ์ด๋ฒ ios15 ์ ๋ฐ์ดํธ๋ก ๋ง์ ๊ฒ๋ค์ด ๋ณํ๋๋ฐ์. ์ฌํ๋ฆฌ ํญ ๋ง๋ ์์น๋ ์๋จ์์ ํ๋จ์ผ๋ก ๋ณ๊ฒฝ๋์์ต๋๋ค. ๊ฐ์ธ์ ์ผ๋ก ๋ฐ์ผ๋ก ๋ด๋ ค์จ ๊ฒ์ด ๋ ๋น ๋ฅด๊ณ ํธํ๋ค์. ๊ทธ๋ผ ์ฌํ๋ฆฌ ์ฃผ์์ฐฝ ํญ ๋ง๋ ์์ ๋ฒ์ ์ผ๋ก ๋๋ฆฌ๋ ๋ฒ ๋ ๊ฐ์ง๋ฅผ ํฌ์คํ ํ๊ฒ ์ต๋๋ค. 1. ์ฌํ๋ฆฌ์์ ๋ณ๊ฒฝํ๊ธฐ ์ฌํ๋ฆฌ ์ผ์ชฝ ํ๋จ ๊ฐ๊ฐ๋ฅผ ์ ํํ๊ณ ์๋จ ์ฃผ์ ๋ง๋ ๋ณด๊ธฐ๋ฆ ์ ํํฉ๋๋ค. ๊ทธ๋ผ ๋ณด์๋ ๋ฐ์ ๊ฐ์ด ์์ ์ฒ๋ผ ์ฃผ์์ฐฝ์ด ์๋ก ์ฌ๋ผ๊ฐ ๊ฒ์ ๋ณผ ์ ์์ต๋๋ค. ๋ค์ ๋ด๋ฆฌ๋ ค๋ฉด ๋๊ฐ์ด ๊ฐ๊ฐ๋ฅผ ๋๋ฌ์ ๋ณ๊ฒฝํ๋ฉด ๋ฉ๋๋ค. 2. ์ค์ ์์ ๋ณ๊ฒฝํ๊ธฐ [์ค์ ] - [safari] - [ํญ] - [๋จ์ผ ํญ] ‘ํญ ๋ง๋’๋ ์ ๋ฐ์ดํธ ๋ฒ์ ์ด๊ณ ‘๋จ์ผ ํญ’์ด ์๋ ๋ฒ์ ์ ๋๋ค. ๋์์ด ๋์ จ๊ธธ ๋ฐ๋๋๋ค^^ 2021. 9. 22. ํฐ์คํ ๋ฆฌ ๏ฝ ๋ฌด์ง๊ฐ๋งํฌ ํจ๊ณผ์ฃผ๊ธฐ ์ด๋ค ๋ถ๋ค ํฐ์คํ ๋ฆฌ์ ๋ค์ด๊ฐ๋ณด๋ฉด ๊ธ์จ๊ฐ ๋ฐ์ง๋ฐ์ง๊ฑฐ๋ฆฌ๋ ํจ๊ณผ๊ฐ ๋ํ๋๊ณค ํฉ๋๋ค. ํฐ์คํ ๋ฆฌ ๊ธฐ๋ณธ ํ๋ฌ๊ทธ์ธ์์ ์ด์ ๊ฐ์ ๋ฌด์ง๊ฐ๋งํฌ ํจ๊ณผ๋ฅผ ์ค ์ ์์ต๋๋ค. ๋ค์ ๊ธ์์ CSS๋ก ํจ๊ณผ์ฃผ๋ ๋ฒ๋ ๊ฐ์ ธ์ค๊ฒ ์ต๋๋ค. 1. ๋ฌด์ง๊ฐ ๋งํฌ ํจ๊ณผ์ฃผ๊ธฐ [์ค์ ] - [ํ๋ฌ๊ทธ์ธ] - [๋ฌด์ง๊ฐ ๋งํฌ] - [์ ์ฉ] ํ๋ฌ๊ทธ์ธ์ ์ค์ ํ๊ณ ๋๋ฉด ์๋ GIFํ์ผ์ฒ๋ผ ๋ฌด์ง๊ฐ ๋งํฌ ํจ๊ณผ๋ฅผ ๋ผ ์ ์์ต๋๋ค. 2. ์ ๋ชฉ์ ๋ฌด์ง๊ฐ ํจ๊ณผ ์ ์ฉ ์ ๋ ๋ ๋ค๋ฅธ ๋งํฌ๋ ๋ค ์ ์ ์ฉ๋๋๋ฐ ๊ธ ์ ๋ชฉ์๋ง ๋ฌด์ง๊ฐ ๋งํฌ ์ ์ฉ์ด ์๋์ด์. ์ด๋ด ๋ CSS ํธ์ง์์ .list-type-thumbnail .post-item .title ๋ฐ์ ์๋ color๋ฅผ ์ญ์ ํด์ฃผ๋ฉด ๋ฉ๋๋ค. 2021. 9. 10. ํฐ์คํ ๋ฆฌ ๏ฝ ๋ณธ๋ฌธ ํ์ดํผ๋งํฌ ์์ ๋ณ๊ฒฝ ๋ฐ ๋ฐ์ค ์์ฑํ๊ธฐ ํ์ดํผ๋งํฌ ์์ ๋ณ๊ฒฝ ๋ธ๋ก๊ทธ ํธ์ง CSS์์ .entry-content a ๋ฅผ ์ฐพ๋๋ค. ๋ด ๋ธ๋ก๊ทธ๋ ์ด๊ฒ์ ๊ฒ ์ถ๊ฐํด์ 1467๋ฒ ์ค์ ์์นํ๊ณ ์๋ค. .entry-content a๋ ํ์ดํผ๋งํฌ ๊ธ์จ์ค์ ์ด๊ณ .entry-content a:hover๋ ํ์ดํผ๋งํฌ์ ๋ง์ฐ์ค๋ฅผ ์ฌ๋ ธ์ ๋ ๋ฐ์ ์ค์ ์ด๋ค. hover์ฝ๋๋ ๋ถํด๋ฆฝ์ ์์ด์ ๋ด๊ฐ ๋ฐ๋ก ๋ฃ์๋ค. 1 2 3 4 5 6 7 8 9 .entry-content a { color: #04beb8; font-weight: bold; text-decoration: none; } .entry-content a:hover { color: #F06161 !important; font-weight: bold; } cs ์ ์ฝ๋๊ฐ ๋ด๊ฐ ์ํ๋ ์ค์ ์ ์๋๋ฐ ๋ด ์ค๋ ฅ์ผ๋ก๋ ์ด.. 2021. 9. 8. ์ด์ 1 2 3 4 5 6 ๋ค์ ๋ฐ์ํ