1. ๋น ๊ณต๋ฐฑ๋ฌธ์๋ฅผ ํ๋ณํํ๋ ๋ฌธ์ ํด๊ฒฐ๊ณผ์
ํ๋ณํ
ํ๋ณํ ํ๋ ๊ณผ์ ์์ Number์ parseInt๋ฅผ ์ฌ์ฉํ๋ ๊ณผ์ ์์ ๋ํ๋ ๋ฌธ์ ์ ์ด๋ค.
console.log("Number๋ก ํ๋ณํ-------------------------------")
test = (Number)(fish.style.left.slice(0,-2));
console.log("test(Number) >>> " + test)
console.log("typeof(test) > "+typeof(test)); // Number๋ก ํ๋ณํ ํ์๋ ํ์
console.log("parseInt๋ก ํ๋ณํ -------------------------------")
test = (parseInt)(fish.style.left.slice(0,-2));
console.log("test(parseInt) >>> " + test)
console.log("typeof(test) > "+typeof(test)); // parseInt๋ก ํ๋ณํ ํ์๋ ํ์
๊ฒฐ๊ณผ
Number๋ก ํ๋ณํ-------------------------------
test(Number) >>> 0
typeof(test) > number
parseInt๋ก ํ๋ณํ -------------------------------
test(parseInt) >>> NaN
typeof(test) > numberNumberํ๋ณํ๊ณผ parseInt์ ๊ฒฐ๊ณผ๊ฐ ๋ค๋ฅด๊ฒ ๋์ด ๋ฌธ์ ์ ์ ์ฐพ์๋ณด์๋ค.
parseInt๋ ์ซ์(๊ณต๋ฐฑํฌํจ)๋ก ์์ํ์ง ์์ผ๋ฉด NaN์ ๋ฐํํ๊ณ
Number๋ 0, [], null์ ํฌํจํ๋ฉด 0์ผ๋ก ๋ฐํํ๋ค.
ํ์ง๋ง ๋ด๊ฐ ์๊ฐํ๋ ๊ฑด ๋ด๋ถ์คํ์ผ์ ์ ์ฉํ ์คํ์ผ ์์ฑ์ ๊ฐ์ ๊ฐ์ ธ์์ผ ํ๋๋ฐ ์ ๋ชป ๊ฐ์ ธ์จ ๊ฑด์ง ์ฐพ์๋ณด์๋ค.
2. ์คํ์ผ ์์ฑ ๊ฐ ๊ฐ์ ธ์ค๋ ๋ฌธ์ ํด๊ฒฐ๊ณผ์
์ธ๋ผ์ธ ์คํ์ผ
<body>
<h1 style:"font-size:50px;"> </h1>
</body>๋ด๋ถ ์คํ์ผ
<head>
...
</head>
<style>
h1{
font-size : 50px;
}
</style>์ด๋ฐ ์ฐจ์ด๊ฐ ์๋ค ๋ฌผ๋ก ์ธ๋ถ ์คํ์ผ๋ ์์ง๋ง ์ด๋ฒ ๊ธ์์๋ ์ ์ธํ๊ณ ์ค๋ช ํ๊ฒ ๋ค.
์ ํ์๋ก ๋ถ๋ฌ์ฌ ๋ ์ฃผ์ํด์ผ ํ ์ ์ด ์๋ค.
let test1 = document.querySelector("#id");
let test2 = document.getElementById("id");
//style vlaue ์ป๊ธฐ์๋
let styVal1 = test1.style.fontSize;
let styVal2 = test1.style.fontSize;
console.log(styVal1);
console.log(styVal2);๊ฒฐ๊ณผ
styVal1 : "";
styVal2 : "";๋ด๋ถ ์คํ์ผ๋ก ์ ์ฉํ๊ณ ๋์ id์ ํ๊ทธ ์คํ์ผ ์์ฑ ๊ฐ์ ๊ฐ์ ธ์ค๋ ๊ณผ์ ์ด๋ค. ๊ฒฐ๊ณผ๋ฅผ ๋ณด๋ฉด ์๋ฌด๋ฐ ๊ฐ๋ ์๋ค.
๋ด๋ถ์คํ์ผ์ด ์๋ ์ธ๋ผ์ธ ์คํ์ผ๋ก ์ ์ฉํด์ผ ์คํ์ผ ์์ฑ ๊ฐ์ ๊ฐ์ ธ์ฌ ์ ์๋ค.
์คํ์ผ ์์ฑ ๊ฐ์ ๊ฐ์ ธ์ค๋ ค๋ฉด ๋ค์๊ณผ ๊ฐ์ด ์ฌ์ฉํด์ผ ํ๋ค.
let styValue= window.getComputedStyle(element).fontSize;
console.log(styValue);๊ฒฐ๊ณผchrome-extension://alddllhhoalhongghdfhelgaabcnbfej/popup.html
50px๊ฐ์ ๊ฐ์ ธ์ฌ ์ ์๋ค.
์ ๋ฆฌํ์๋ฉด style์ ์ธ๋ผ์ธ์คํ์ผ์ด์์ ๋๋ง ์์ฑ๊ฐ์ ๊ฐ์ ธ์ค๊ณ
getComputedStyle์ ์ธ๋ผ์ธ, ๋ด๋ถ, ์ธ๋ถ ํ ๊ฒ ์์ด ๋ชจ๋ ์์ฑ๊ฐ์ ๊ฐ์ ธ์จ๋ค.
๋ค์ ์ฒ์์ผ๋ก ๋์์์ ํ๋ณํํ๋ ๊ณผ์ ์ ์ฐ๊ฒฐํ์ฌ ์คํ์ผ์ ์์ฑ ๊ฐ์ ๊ฐ์ ธ์ String -> Number๋ก ๋ณํํ๋ ๊ณผ์ ์ ์๋ฃํ์๋ค.
ํ์ง๋ง ์ฃผ์ํด์ผ ํ ์ ์ getComputedStyle์ ์ค์ง ์ฝ์ด์ค๋๊ฒ๋ง ๊ฐ๋ฅํ๊ธฐ๋๋ฌธ์ ์ฃผ์ํด์ผํ๋ค.
'๐ฆ๊ณต๋ถ ๋ฌธ์ ํด๊ฒฐ๊ณผ์ ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| mysql TCP/IP ์๊ฒฉ ์ ์ , TCP/IP Over SSH ์ ์ (0) | 2024.03.20 |
|---|
