CSS 선택자 중요!⭐⭐

이런식으로 css선택자 사용하면 간결하고 명확하게 쓸 수 있음!

관련언어(맥스 3개까지만)<br>
JS<input type="checkbox" name="n_skill" value="js" onclick="f3ck(this)">
Java<input type="checkbox" name="n_skill" value="java" onclick="f3ck(this)">
Oracle<input type="checkbox" name="n_skill" value="oracle" onclick="f3ck(this)">
HTML<input type="checkbox" name="n_skill" value="html" onclick="f3ck(this)">
CSS<input type="checkbox" name="n_skill" value="css" onclick="f3ck(this)"><br>

// 체크박스를 어캐할 건지, dataArr[i].skills 있는 내용이 자동 체크되어야 함!
  // css 선택자를 잘 쓰면 프로그램이 심플하고 명확해짐
  let ckArr = dataArr[i].skills;
  for(let j=0; j<dataArr[i].skills.length; j++){
      **document.querySelector(`[value=${ckArr[j]}]`).checked=true;**
  }

다른 버전 속성태그에 임의의 이름주고 사용 (hgt)

관련언어(맥스 3개까지만)<br>
JS<input type="checkbox" name="n_skill" value="js" onclick="f3ck(this)">
Java<input type="checkbox" name="n_skill" value="java" onclick="f3ck(this)">
Oracle<input type="checkbox" name="n_skill" value="oracle" onclick="f3ck(this)">
**HTML<input type="checkbox" hgt name="n_skill" value="html" onclick="f3ck(this)">**
**CSS<input type="checkbox" hgt name="n_skill" value="css" onclick="f3ck(this)"><br>**

alert(document.querySelectorAll("[hgt]")[1].value);