일단 classList 가 무엇인지 알아야겠다. Method classList의 특성은 읽기 기능의 특성이라고 보면된다. 사용가능한 속성으로는 add, remove, toggle 이 세가지가 있다. add는 class 를 추가 하는것 remove는 class 제거 하는 것 toggle은 추가 제거 하는 것. add 사용법은 간단하다. 다음 적어 놓을 부분을 유심히 보면 되겠다. 저렇게 사용하면 개발자 모드본 결과 newButton.classList.add(); 로 인해 class 안에 class1, class22, class55 요소가 생성 된 것을 확인 할 수 있다. revmove는 간단해서 생략하겠다. toogle 토글 기능은 말 그래도 추가 하였다가, 제거 하도록 하는 기능이다. this.class..

솔직하게 이것도 약간 입맛에 맛게 사용하는 것 같다. Method 다음을 간략하게 설명 해보자면 href 는 HTML에 주요 사용하는 페이지 이동하는 기술이다. 를 이용해서 사용한다. 반면 data-url 은 href와 마찬가지로 페이지간 이동이 가능하지만 자바스크릡트 코드에서 사용하는 용도이다. 그리고 data-url 은 커스텀 데이터를 저장하여 독단적으로 사용하는 것으로 표준 HTML 방식은 아니다. 그래서 HTML에서 사용할 때는 사실 href가 맞는 것 같다. 자바스크립트 코드에서 사용할 때는 data-url 이 맞고, 아무튼 그렇다. To be continue..

둘의 쓰임은 비슷한 것 같다. 검색해보니까 다음과 같이 나왔다. Method 다음 예시를 보면 확실하게 쓰임이 다르지 않을 것을 확인 해 볼 수 있다. 그런데 One key difference between these two methods is that the append method is available on all modern browsers, while the appendChild method is only available on older browsers. Therefore, if you want your code to be compatible with older browsers, you may want to use the appendChild method instead of the append..

일단 자바스크립트의 innerHTML 사용법에 대해서는 이제는 확실히 좀 와닿는것 같다. Method 우선 다음과 같이 테이블을 생성해주는 버튼 그리고 테이블 을 만들어준다. 테이블의 구조는 굳이 다 잡아줄 필요는 없다. 그냥 여기까지만 적어주어도 무방하다. 그리고 자바스크립트 파일에는 버튼을 인식시켜줄 객체를 하나 만들어준다. 나는 makeTable 이라고 하겠다. 그리고 함수를 하나 만들어준다. 사용방법은 다음에 한번에 설명해 두었다. 이렇게 적용시켜 놓으면 만든대로 잘 작동 시킬 수 있다. To be continue..

하루에 하나씩 자바스크립트를 내 것으로 만들어서 서둘러 성장을 해야 겠다. 파이팅이다 ... 그럼 바로 innerHTML Method jsp 단에서는 다음과 같이 선언을 해준다. 근데 다음과 같은 코드 습관은 좋지 않은게 일단 짜여진것 자체가 예쁘게 짜여져 있지 않을 뿐더러, 다음처럼 사용해서 callback 해주는 방법이 가장 예쁜 방식이다. callback 사용하면 좋은 이유는 언제든지 꺼내 먹듯이 본인이 필요할 떄 사용하면 된다. 똑같이 잘 작동한다. 짬뽕해서 한번 사용해보자.... 이렇게 되면 버튼을 눌렀을 때 글씨가 나타나게하는 효과를 줄 수 있게된다.. 굿.... To be continue..

간단하게 자바스크립트를 공부하려고 WEB-INF 안에다가 자바스크립트를 만들어서 두었다가 한 시간을 하맸다...... Method 이 사실을 뒤늦게 알았다... 드디어 200 호출 하기 시작했따...... 절대로 자바스크립트 파일을 WEB-INF 안에다가 넣지 말 것... Te be continue..