๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ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.

loading