Front/JavaScript27 [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. [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. [JavaScript] 자바스크립트 WEB-INF 에 두면 인식 불가 간단하게 자바스크립트를 공부하려고 WEB-INF 안에다가 자바스크립트를 만들어서 두었다가 한 시간을 하맸다...... Method 이 사실을 뒤늦게 알았다... 드디어 200 호출 하기 시작했따...... 절대로 자바스크립트 파일을 WEB-INF 안에다가 넣지 말 것... Te be continue.. 2022. 12. 9. [JavaScript] 자바스크립트 프레임워크 종류와 순위 이제야 내가 어떤 프레임워크를 사용하고 어떤 자바스크립트를 사용 하고 있는지 개념이 제대로 잡히게된것 같다.. 그래도 이제 와서라도 뒤 늦게 잡히게 되어서 오히려 다행이라고 생각이 된다.. Method https://hackr.io/blog/best-javascript-frameworks 10 Best JavaScript Frameworks to Use in 2022 [Recommended] JavaScript is one of the most popular programming languages and there’s no shortage of frameworks. We list the 10 best JavaScript frameworks in 2022 here. hackr.io (자바스크립트 순위와 설.. 2022. 12. 8. [JavaScript] 자바스크립트의 종류 자바스크립트 코드 짜면서 내가 짜고 있는 코드가 어떤 스크립트 인지도 모르고 짜고 있었다... 일반적으로 내가 가지고 노는 스크립트는 바닐라 스크립트였다.... 그리고 제이쿼리... Method 자바스크립트의 종류는 크개 다섯가지로 분류 해볼 수 있다. 더 많이 있지만, 보편적으로 사용하는 것들만 위주로 이야기를 해보겠다. 다음표를 보면 알 수 있다. 보편적으로 우리가 document.addEventListener('click', aa) 이런식으로 사용하는 방식이 바닐라 스크립트 이다.. 물론 다 할줄 알면서 좋겠지만 하나라도 전문적으로 아는 것이 더 중요하다고 생각한다. To be continue.. 2022. 12. 8. 이전 1 2 3 4 다음
