fetch 가 ES6 부터 내장으로 들어왔다.
2022. 9. 24. 03:08
JavaScript
그 동안 jQuery 에 종속되어 있었기 때문에, 무조건 ajax 를 사용 해 왔는데 이번에 자바스크립트 공부를 시작하면서 fetch 가 ES6 부터 내장함수로 들어온 걸 알 수 있었다. ajax 와 마찬가지로 vo, List, Map 등등 모든 데이터를 잘 가져왔고, 다루기 또한 쉬웠다. promise 객체 이기 때문에 코드 작성도 용이 할 것으로 보인다, 복습하면서 앞으로 fetch 를 쓰도록 노력하자 /** * fetch test * @type {string} */ const url ='/test/test/test/test'; const option = { method : 'POST', header : {'Accept' : 'application/json','Content-Type' : 'appli..
Node.insertBefore()
2022. 9. 16. 00:29
JavaScript
상황 : 버튼을 눌러 어떤 것을 선택하면, 버튼의 앞에 요소를 추가 해야 함 let element = document.createElement('input') element.setAttribute("id","element_id") let new_element_area = document.querySelector('#new_element_area'); new_element_area.insertBefore(element,new_element_area.firstChild) => 내가 생성한 element 가 내가 원하는 위치 new_element_area 의 첫 번째 요소로 들어 간다. => Node.insertBefore() 의 두번째 인자를 변경함으로서 다른 활용 또한 가능
document.createElement
2022. 9. 16. 00:07
JavaScript
HTML 요소를 자바스크립트로 생성 한다. 내가 만약 input 태그를 하나 생성하고자 한다면, let element = document.createElement('input'); 속성추가 생성한 element 에 element_id 라는 id 추가하기 element.setAttribute("id","element_id")
엄격한 비교연산자 ===
2022. 9. 14. 13:04
JavaScript
지금까지는 같을경우 == 를 통해 비교를 하였다. 하지만 더욱 엄격한 === 를 사용하는 것이 좋을 것 같다. let a = 1; let b = '1'; console.log(a==b) // 숫자 1과 스트링 1은 다름에도 true가 리턴된다. // === 를 사용하면 타입까지 체크 해 준다. console.log(a===b) // false 가 리턴된다.