본문 바로가기

분류 전체보기528

[JavaScript] 자바스크립트 console.stop() 사용방법 자바스크립트를 중간에 멈추게 만들고 싶으면 console.stop(); 다음 이벤트를 사용하면 된다. Method 다음처럼 아래에 새로 만들어질 요소들이 있는데, console.stop(); 을 만나게 되면 아래로 넘어가지 않고 멈추지게 된다. 이제 여기서 진짜 콘솔스탑이 들어오게 되면 다음과 같이 작동을 하게되고 바로 끝나게 되는 프로세스가 나타난다. 그러면 다음과 같이 버튼이 하나 없어진것을 확인 할 수 있다. To be continue.. 2022. 12. 15.
[JavaScript] 자바스크립트 contains 사용방법 바로 들어가자 Method 간략하게 설명을 해보자면 contains 란 녀석은... 맞으면 실행, 틀리면 실행하지마 이런 역할을 하는 속성을 지녔다. contains contains 의 경우 삼항연산자를 굳이 사용하지 않아도 된다. 다음 처럼 if 문을 사용하여도 상관은 없다. on이 없으니까 innerHTML 에서 off 를 띄우고 on이 생기니까 참 값이니 on이 생긴다. To be continue.. 2022. 12. 14.
[JavaScript] 자바스크립트 classList 사용방법 일단 classList 가 무엇인지 알아야겠다. Method classList의 특성은 읽기 기능의 특성이라고 보면된다. 사용가능한 속성으로는 add, remove, toggle 이 세가지가 있다. add는 class 를 추가 하는것 remove는 class 제거 하는 것 toggle은 추가 제거 하는 것. add 사용법은 간단하다. 다음 적어 놓을 부분을 유심히 보면 되겠다. 저렇게 사용하면 개발자 모드본 결과 newButton.classList.add(); 로 인해 class 안에 class1, class22, class55 요소가 생성 된 것을 확인 할 수 있다. revmove는 간단해서 생략하겠다. toogle 토글 기능은 말 그래도 추가 하였다가, 제거 하도록 하는 기능이다. this.class.. 2022. 12. 14.
[HTML] href와 data-url의 차이 솔직하게 이것도 약간 입맛에 맛게 사용하는 것 같다. Method 다음을 간략하게 설명 해보자면 href 는 HTML에 주요 사용하는 페이지 이동하는 기술이다. 를 이용해서 사용한다. 반면 data-url 은 href와 마찬가지로 페이지간 이동이 가능하지만 자바스크릡트 코드에서 사용하는 용도이다. 그리고 data-url 은 커스텀 데이터를 저장하여 독단적으로 사용하는 것으로 표준 HTML 방식은 아니다. 그래서 HTML에서 사용할 때는 사실 href가 맞는 것 같다. 자바스크립트 코드에서 사용할 때는 data-url 이 맞고, 아무튼 그렇다. To be continue.. 2022. 12. 14.
[IT] 우클릭 지연현상 해결하는 완쾌한 방법 자..그럼 바로 시작! Method 참 우클릭이 뭐라고 사람 가슴을 울리는지 모르겠다... 나는 우클릭 속성이 나오려면 15초 이상 기다려야했다... window + R 누르면 탐색기 나온다. 다음과 같이 검색 이렇게 찾아들어오면 Desktop 안에 MenuShowDelay 있음 이거 더블클릭해서 400 -> 0 으로 변경해주면 된다. 그리고 재부팅 그럼 우클릭이 엄청 빨라져있을 것이다.. 그럼 20000.... 이게 안되면 다시 서칭시작하시길./.. To be continue.. 2022. 12. 13.
[JavaScript] append vs appendChild 차이점 둘의 쓰임은 비슷한 것 같다. 검색해보니까 다음과 같이 나왔다. 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.. 2022. 12. 13.
[JavaScript] 자바스크립트 innerHTML 응용하여 사용 일단 자바스크립트의 innerHTML 사용법에 대해서는 이제는 확실히 좀 와닿는것 같다. Method 우선 다음과 같이 테이블을 생성해주는 버튼 그리고 테이블 을 만들어준다. 테이블의 구조는 굳이 다 잡아줄 필요는 없다. 그냥 여기까지만 적어주어도 무방하다. 그리고 자바스크립트 파일에는 버튼을 인식시켜줄 객체를 하나 만들어준다. 나는 makeTable 이라고 하겠다. 그리고 함수를 하나 만들어준다. 사용방법은 다음에 한번에 설명해 두었다. 이렇게 적용시켜 놓으면 만든대로 잘 작동 시킬 수 있다. To be continue.. 2022. 12. 13.
[JavaScript] 자바스크립트 innerHTML 사용방법 하루에 하나씩 자바스크립트를 내 것으로 만들어서 서둘러 성장을 해야 겠다. 파이팅이다 ... 그럼 바로 innerHTML Method jsp 단에서는 다음과 같이 선언을 해준다. 근데 다음과 같은 코드 습관은 좋지 않은게 일단 짜여진것 자체가 예쁘게 짜여져 있지 않을 뿐더러, 다음처럼 사용해서 callback 해주는 방법이 가장 예쁜 방식이다. callback 사용하면 좋은 이유는 언제든지 꺼내 먹듯이 본인이 필요할 떄 사용하면 된다. 똑같이 잘 작동한다. 짬뽕해서 한번 사용해보자.... 이렇게 되면 버튼을 눌렀을 때 글씨가 나타나게하는 효과를 줄 수 있게된다.. 굿.... To be continue.. 2022. 12. 12.

티스토리툴바