HTML3 DOM조작법 CRUD에 대해 알아보자 DOM DOM은 Document Object Model의 약자로 HTML요소를 Object처럼 조작할수있는 Model이다 console.dir DOM구조를 조회할때는 console.dir를 사용하자 DOM을 객체의 모습으로 출력해준다. CRUD (Create, Read, Update and Delete) document 객체를 통해 HTML엘리먼트를 만들고, 조회하고, 갱신하고, 삭제하는 방법에 대해 알아보자 CREATE - createElement document.createElement('div') // 를 만들 수 있다 // 매번 div 태그를 만드는것이 귀찮을 경우 변수에 담아서 사용하면 편리하다 const box = document.createElement('div') 이때 box 라는 변수는 .. 2022. 1. 3. map 간단히 html 소스로 퍼와서 사용하기 웹페이지에 map를 넣고싶을때 google이나 kakao 지도에서 원하는 위치를 검색한 후 간단히 웹사이트로 가져오는 법에 대해 알아보자 google map 원하는 장소 검색 후 공유버튼 클릭 ! 지도 퍼가기 - HTML 복사 클릭 ! 원하는 웹사이트 소스에 붙여넣기하여 사용하면 된다. kakao map 카카오도 구글과 마찬가지로 원하는 위치 검색 후 장소클릭 ! HTML 태그 복사하기 누른 후 원하는 웹사이트 소스에 넣어주면 된다. 2021. 8. 5. Form 태그 Form 태그란 ? form 안에 있는 각각의 컨트롤들의 사용자가 입력한 정보를 submit 버튼을 눌렀을때 action 속성이 가리키는 서버로 쿼리스트링 형태로 데이터를 전송하는 기능 method="get" 혹은 생략 URL : 🪓주소에 데이터가 포함되어있다면 사용자에 의해 서버에 있는 데이터의 정보가 수정되거나 삭제될수 있음 서버에서 데이터를 get할때 즉 가져올때는 쿼리스트링을 쓰고, 서버에 데이터를 추가하거나 수정할때에는, 데이터를 URL로 보내지않고, 눈에 보이지않는 방식으로 보냄 method="post" 추가 URL : 2021. 5. 9. 이전 1 다음
