์ ์ฒด ๊ธ111 [JavaScript] ํ์ด์งpage ์์ ๋ฒํธ์ ๋ง์ง๋ง ๋ฒํธ ๊ตฌํ๊ธฐ ํ๋ก๊ทธ๋๋ฐ ์ธ๊ณ๋ฅผ ํ๊ตฌํฉ์๋ค. [๋ฌธ์ ] ํ ํ์ด์ง์ ๋ํ๋๋ ๊ฒ์๋ฌผ์ ์๊ฐ 10๊ฐ์ด๊ณ , 1ํ์ด์ง์ ๊ฒ์๋ฌผ ๋ฒํธ๋ฅผ 1๋ฒ~10๋ฒ์ด๋ผ๊ณ ํ์ ๋, 17ํ์ด์ง์ ๊ฒ์๋ฌผ ์์ ๋ฒํธ์ ๋ง์ง๋ง ๋ฒํธ๋ฅผ ๊ตฌํ์์ค. [ํ์ด] let ํ์ด์ง = 17; let ๋ง์ง๋ง๋ฒํธ = ํ์ด์ง * 10; let ์์๋ฒํธ = ๋ง์ง๋ง๋ฒํธ - 9; console.log(์์๋ฒํธ, ๋ง์ง๋ง๋ฒํธ); JavaScript์์ ํ์ด์ง ๋ฒํธ๋ฅผ ๊ตฌํ๋ ๋ฐฉ๋ฒ์ ๊ณฑํ๊ธฐ์ ๋นผ๊ธฐ๋ฅผ ์ด์ฉํ๋ ๊ฒ์ ๋๋ค. ๊ณฑํ๊ธฐ๋ฅผ ๊ตฌํ๋ ์ฐ์ฐ์๋ *์ด๊ณ , ๋นผ๊ธฐ๋ฅผ ๊ตฌํ๋ ์ฐ์ฐ์๋ -์ ๋๋ค. ๋ฐ๋ผ์, let ๋ง์ง๋ง๋ฒํธ = ํ์ด์ง * 10; ์ ์ํด ๊ฒ์๋ฌผ ์์ ๋ฒํธ๋ 161, let ์์๋ฒํธ = ๋ง์ง๋ง๋ฒํธ - 9; ์ ์ํด ๊ฒ์๋ฌผ ๋ง์ง๋ง ๋ฒํธ๋ 170 ๊ฒฐ๊ณผ๊ฐ์ด ๋์ต๋๋ค. ์๋ ์ฐ์ ์ฐ์ฐ์.. 2023. 8. 31. [JavaScript] (์๊ฐ) ์ด๋ฅผ ๋ถ๊ณผ ์ด๋ก ๋ณํํ๊ธฐ ํ๋ก๊ทธ๋๋ฐ ์ธ๊ณ๋ฅผ ํ๊ตฌํฉ์๋ค. [๋ฌธ์ ] 239์ด๋ฅผ ๋ถ๊ณผ ์ด๋ก ๋ณํํ์ฌ๋ผ. [ํ์ด] let ์๊ฐ = 239; let ๋ถ = parseInt(์๊ฐ / 60); let ์ด = ์๊ฐ % 60; console.log(`${๋ถ}๋ถ ${์ด}์ด`); ๋๋๊ธฐ ( / ) ์ฐ์ฐ์์ ๋๋จธ์ง (%) ์ฐ์ฐ์๋ฅผ ํ์ฉํ๋ฉด ๋ฉ๋๋ค. ๋ํ ๋ฌธ์์ด์ ์ ์๋ก ๋ณํํด์ฃผ๋ ํจ์ parseInt๋ฅผ ํ์ฉํ๋ฉด ์ ์๊ฐ์ ๊ตฌํ ์ ์์ต๋๋ค. ๋ฐ๋ผ์, let ๋ถ = parseInt(์๊ฐ / 60); ์ ์ํด 3๋ถ let ์ด = ์๊ฐ % 60; ์ ์ํด 59์ด์ ๊ฒฐ๊ณผ๊ฐ์ด ๋์ต๋๋ค. console.log๋ ๋ณ์๋ฅผ ํ์ํ๊ณ ์ถ๋ ฅํ๋ ํจ์์ ๋๋ค. ์๋ ์ฐ์ ์ฐ์ฐ์ ํ๋ฅผ ์ฐธ๊ณ ํ์๊ธฐ ๋ฐ๋๋๋ค. [์ฐ์ ์ฐ์ฐ์ ํ] ์ข ๋ฅ ์ค๋ช ์์ + ํผ์ฐ์ฐ์ ๊ฐ ๋ํ๊ธฐ c = a .. 2023. 8. 31. [JavaScript] ๋ชซ๊ณผ ๋๋จธ์ง ๊ตฌํ๊ธฐ ํ๋ก๊ทธ๋๋ฐ ์ธ๊ณ๋ฅผ ํ๊ตฌํฉ์๋ค. [๋ฌธ์ ] 23์ 5๋ก ๋๋์์ ๋์ ๋ชซ๊ณผ ๋๋จธ์ง๋ฅผ ๊ตฌํ์ฌ๋ผ. [ํ์ด] JavaScript์์ ๋ชซ์ ๊ตฌํ๋ ๋ฐฉ๋ฒ์ ๋ชซ๊ณผ ๋๋จธ์ง๋ฅผ ๋ฐ๋ก ์ฐ์ฐํ๋ ๊ฒ์ ๋๋ค. ๋ชซ์ ๊ตฌํ๋ ์ฐ์ฐ์๋ / ์ด๊ณ , ๋๋จธ์ง๋ฅผ ๊ตฌํ๋ ์ฐ์ฐ์๋ % ์ ๋๋ค. ๋ฐ๋ผ์, let ๋ชซ = 23 / 5;์ ์ํด ๋ชซ = 4 let ๋๋จธ์ง = 23 % 5;์ ์ํด ๋๋จธ์ง = 3 ๊ฒฐ๊ณผ๊ฐ์ด ๋์ต๋๋ค. ์๋ ์ฐ์ ์ฐ์ฐ์ ํ๋ฅผ ์ฐธ๊ณ ํ์๊ธฐ ๋ฐ๋๋๋ค. [์ฐ์ ์ฐ์ฐ์ ํ] ์ข ๋ฅ ์ค๋ช ์์ + ํผ์ฐ์ฐ์ ๊ฐ ๋ํ๊ธฐ c = a + b - ํผ์ฐ์ฐ์ ๊ฐ ๋นผ๊ธฐ c = a - b * ํผ์ฐ์ฐ์ ๊ฐ ๊ณฑํ๊ธฐ c = a * b / ํผ์ฐ์ฐ์ ๊ฐ ๋๋๊ธฐ c = a / b % ํผ์ฐ์ฐ์ ๊ฐ์ ๋๋ ํ ๋ชซ c = a % b ++ ํผ์ฐ์ฐ์ 1 ์ฆ๊ฐ a++ -- ํผ์ฐ.. 2023. 8. 31. [CSS] ์ฐ์ ์์ ํ๋ก๊ทธ๋๋ฐ ์ธ๊ณ๋ฅผ ํ๊ตฌํฉ์๋ค. (1) ์คํ์ผ ์ฐ์ ์์ ์คํ์ผ ์ ์ฉ ์ฐ์ ์์ 1. !important ↓ 2. ์ธ๋ผ์ธ ์คํ์ผ ↓ 3. id ์คํ์ผ ↓ 4. ํด๋์ค ์คํ์ผ ↓ 5. ํ์ ์คํ์ผ ์ ํ์ ์ ๋ณด๋ ์ ํฌ์คํ ์ฐธ๊ณ 2023.08.25 - [๋ถ๋ฅ ์ ์ฒด๋ณด๊ธฐ] - [CSS] ์ ํ์ [CSS] ์ ํ์ CSS๋ HTML ๋ฌธ์๋ฅผ ๋์์ธํ๋ ์ธ์ด์ ๋๋ค. ์์ฑํ HTML์ ํ ์คํธ, ์ด๋ฏธ์ง, ๋ฐฐ๊ฒฝ ํฌ๊ธฐ, ๋ฐฐ์น ๋ฐฉ๋ฒ ๋ฑ์ ์์๋ฅผ ์ค์ ํ ์ ์์ต๋๋ค. CSS์คํ์ผ์ ๊ธฐ๋ณธ ํ์์ ๋๋ค. ์ ํ์ { ์์ฑ1: ์์ฑ๊ฐ: ์์ฑ: ์์ฑ ityranno.tistory.com (2) ์คํ์ผ ์์ ์ ํ์ HTML ์ฝ๋ CSS ํํ ํ์ a b { } ์์ a > b { } ํ์ a ~ b { } ์ธ์ ํ์ a + b { } ๊ฐ์ํด๋์ค b.. 2023. 8. 25. ์ด์ 1 ยทยทยท 24 25 26 27 28 ๋ค์