๊ด€๋ฆฌ ๋ฉ”๋‰ด

๐Ÿฆ• ๊ณต๋ฃก์ด ๋˜์ž!

์ •๋ฆฌ ๋ณธ๋ฌธ

Development/React

์ •๋ฆฌ

Kirok Kim 2022. 1. 10. 03:35
let [ํŽ˜์ด์ง€์ œ๋ชฉ, ํŽ˜์ด์ง€์ œ๋ชฉ๋ณ€๊ฒฝ] = useState("์ฃผ์‹ ๊ฒŒ์‹œํŒ");
>>> ๋ฐ์ดํ„ฐ ๋ณ€๊ฒฝ์‹œ ์›น ์•ฑ ๋ฐ ์•ฑ์—์„œ ๋ฐ˜์‘์ด ๋น ๋ฆ„

๋ชจ๋“  ๋ณ€์ˆ˜์˜ ์ ‘๊ทผ์€{}๋กœ ๊ฐ€๋Šฅ ํ•จ์ˆ˜ ๋˜ํ•œ ๊ฐ€๋Šฅ
<em className="em">{๊ณต๊ฐ์ˆ˜()}</em>

์ด๋ฏธ์ง€ ํƒœ๊ทธ์˜ ์ ‘๊ทผ ๋ฐ ์‚ฝ์ž…
import listHateLogo from "./listHateLogo.png";
<img className="listLike" src={listHateLogo}></img>

hrํƒœ๊ทธ์˜ ์ƒ‰๋ณ€๊ฒฝ 
hr {
  border-color: #8cbaff;//safari
  background: #8cbaff;//chrome
}

a ํƒœ๊ทธ ๋ฐ‘์ค„ ์ œ๊ฑฐ ๋ฐ ๋ฐฉ๋ฌธ๊ธฐ๋ก ์ƒ‰
hover์‹œ ์•ฝ๊ฐ„ ์ง„ํ•˜๊ฒŒ
a {
  text-decoration: none;
}
a:visited {
  color: #737171;
}
a:hover,
a:active,
a:focus {
  color: black;
  text-decoration: none;
}
/*eslint-disable*/
๋ฌธ๋ฒ•์  warning ์—†์• ๋Š” ๊ฒƒ

 

๋ฐ˜์‘ํ˜•

'Development > React' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

React...1  (0) 2022.01.11
Comments