자바스크립트 학습과 팁

자바스크립트 비동기 Ajax 기본코드

자바스크립트 비동기 통신에서 많이 사용하고 있는 Ajax 기본코드입니다. 이 코드를 기본으로 여기에서 살을 더 붙여 나가면 되는 것입니다. 서버에게 서버에 존재하는 cadalog.xml 이라는 파일의 내용을 보내달라는 내용입니다. 먼저 cadalog.xml 파일의 내용을 보겠습니다. <?xml version="1.0" encoding="UTF-8"?> <CATALOG> <CD> <TITLE>Empire Burlesque</TITLE> <ARTIST>Bob Dylan</ARTIST> <COUNTRY>USA</COUNTRY> <COMPANY>Columbia</COMPANY>…

0 Comments

자바스크립트 새창에 값 출력하는 방법 window.open()

자바스크립트로 브라우저의 새창을 만들어서 값을 출력하는 방법에 대해 알아봅니다. window.open() 을 사용하는 방법입니다. 기초중에 기초이니 고수님들은 얼른 나가주세요. const name = '홍길동'; const age = '25'; const hobby = '피아노 치기'; const win = window.open('','','width=700,height=500'); //새 윈도우 창을 만들고 win.focus(); // 포커스를 준다음에…

0 Comments

버튼이 작동하지 않아요 자바스크립트 – 초보주의

아래의 코드는 버튼을 누르면 교과목이 p태그로 추가되는 코드입니다. 그런데 작동하지 않아요. 왜 그럴까요? <body> <div class="wrap"> <h1>교과목</h1> <form> <input type="text" class="input"> <button class="btn">추가</button> </form> <div class="nameList"></div> </div> <script> let input = document.querySelector('.input').value; let btn = document.querySelector('.btn'); btn.addEventListener("click" , ()=>{ var tag = document.createElement('p');…

0 Comments

자바스크립트 배열 삭제하는 여러가지 방법

배열안에 오브젝트가 있을때 arr.forEach를 활용하여 삭제한다. // 배열중 김길동만 삭제하기 const arr =[ {name: '홍길동', age: 30}, {name: '김길동', age: 35}, {name: '박길동', age: 32} ]; arr.forEach((item,index) => { item.name === '김길동' ? arr.splice(index,1) : '' ; }) 단순 배열로 구성되어 있는 경우…

0 Comments