https://beta.freecodecamp.org/en/challenges/data-visualization-with-d3/change-styles-based-on-data
๋ฒ ํ ๋ฒ์ ์ D3 ์ฑ๋ฆฐ์ง๋ฅผ ํตํด "์๋ณ์ '๋ฐ์ดํฐ ์ธํธ'๊ฐ ์ด๋ฏธ ์ ์ธ๋์์ต๋๋ค."๋ผ๋ ์ค๋ฅ๊ฐ ํญ์ ํ์๋๋ ์ฌ๋ฌ ์ฑ๋ฆฐ์ง๊ฐ ์์ต๋๋ค. const dataset
ํ์ ์ฃผ์ ์ฒ๋ฆฌํ๋ฉด ์๋ฃจ์
์ด ์๋ํ๊ธฐ ๋๋ฌธ์ ๋ฒ๊ทธ๋ก ๋ณด์
๋๋ค.
์ด๊ฒ์ ํฌ๋กฌ์์ ๋ฐ์ํ์ต๋๋ค. Firefox ํํ ์์ ์ด ์ค๋ฅ๋ฅผ ํ์ธํ์ง๋ง ์ฌํํ ์ ์์ต๋๋ค.
<body>
<script>
const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
d3.select("body").selectAll("h2")
.data(dataset)
.enter()
.append("h2")
.text((d) => (d + " USD"))
// Add your code below this line
// Add your code above this line
</script>
</body>
๋๋ ์ด๊ฒ์ ํ
์คํธํ๊ณ ์ดํ ๋ฒ์ ์ Chrome(62 ๋ฐ 63)์์ const dataset
๋ฅผ ์ฌ์ฉํ๋ ๋ช ๊ฐ์ง ๋ค๋ฅธ ๊ฒฝ์ฐ๋ฅผ ํ
์คํธํ์ง๋ง ์ค๋ฅ๊ฐ ๋ฐ์ํ์ง ์์์ต๋๋ค.
์ด ๋ฌธ์ ๋ ์ด PR์ ์ผ๋ถ๋ก ์์ ๋์๋ค๊ณ ์๊ฐํฉ๋๋ค. #16149
ํ ์คํธ๋ ์ด์ ์๋ก์ด ํ๋ ์์์ ์คํ๋์ด ์ด์ ์คํ์ ๋ฒ์์์ ์ถฉ๋์ ๋ฐฉ์งํฉ๋๋ค.
๋ค, ํ์ธํด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
๋๋ ์ด๊ฒ์ ํ ์คํธํ๊ณ ์ดํ ๋ฒ์ ์ Chrome(62 ๋ฐ 63)์์
const dataset
๋ฅผ ์ฌ์ฉํ๋ ๋ช ๊ฐ์ง ๋ค๋ฅธ ๊ฒฝ์ฐ๋ฅผ ํ ์คํธํ์ง๋ง ์ค๋ฅ๊ฐ ๋ฐ์ํ์ง ์์์ต๋๋ค.