[Jquery] Jquery function List
2023. 2. 7. 16:38
Front/Jquery
var() : HTML 에 해당한 Elements 의 Value를 회수한다. To be continued..
[HTML] HTML <, > 키 텍스트로 바꾸는 명령어
2023. 1. 11. 10:44
Front/HTML
왼쪽 소괄호 : $lt! 오른쪽 소괄화 : $gt; To be continue..
[JavaScript] 자바스크립트 document.addEventListener("DOMContentLoaded", function() {} 사용하는 이유
2023. 1. 11. 10:42
Front/JavaScript
간단하다. Method 일반적으로 다음과 같이 쓰는데, 이유는 여기에 적혀있다. 모든 코드는 위에서 아래로 순차적으로 발동되는 성질이 있는데, Jquery 같은 경우에는 `${document}.ready()` 를 통해서 JavaScript 같은 경우에는 document.addEventListener("DOMContentLoaded", function() 이것을 통해서 HTML이 발동하고나서 js가 발동하도록 하는 의미이다. 여기에 적혀있다. HTML이 모두 Loaded가 될 때 까지 기다리고 시작하겠다는 명령이다. To be continue..
[JavaScript] 자바스크립트 로딩화면 만들기 (예제포함)
2022. 12. 30. 21:17
Front/JavaScript
자그마치 3시간 걸렸다. 아 ... 하다보니 이렇게 시간이 많이 흘렀다. 그래도 오늘은 새로 구매한 키보드로 타이핑하니까 기분이 매우~~ 조다~ 역시 집에서는 녹축을 쓰는게 좋지 않나....ㅎㅎ.. 그럼 바로 들어가보자 Method 이번엔 아무것도 알지 못하는 사람이 보았을 때도 쉽게 따라 할 수 있게 만들어 보겠따. 일단 파일 구조를 다음과 같이 잡아준다. 이제 코드를 짜줄것이다. index.jsp 설명을 읽어보면 되겠다. geo.js 이렇게 되면 Loading 페이지가 작동되었다가 0.6초 뒤에 display = 'none' 가 되어버리니 로딩 페이지가 로드가 된 뒤 자동으로 사라지는 역할을 하게된다. 이렇게 있다가 다음 로딩이 떳다가 사라지게 된다. 예제 코드는 아래 남겨두겠다. index.jsp ..
[JavaScript] 자바스크립트 동적 모달 창 만들기
2022. 12. 27. 17:52
Front/JavaScript
시간이 많이 없으므로 진짜 간략한 모달창을 만들었음으로.. 더 멋있는 모달창을 만들고 싶으신분은... 창의적으로 더 만들어보시길 권장합니다...ㅎㅎ.. Method 일단 모달 스타일은 다음 처럼 잡았습니다. .jsp에는 뭐 따로 추가 해준것은 없습니다. js const modalButton = document.createElement('button'); const modalContent = document.createElement('ul'); modalButton.innerHTML = '회원가입'; modalContent.innerHTML += ` 정말로 회원가입 하시겠습니까? `; modalContent.style.display = 'none'; const openModal = () => { modal..
[CSS] text-decoration 치명적인 요구사항
2022. 12. 27. 14:24
Front/CSS
CSS별로 우선순위가 있지만, 이런 경우도 있기 때문에 적어둔다 Method 다음과 같이 a 태그를 사용 중일 때 누간가 전역변수(global variable)로 통째로 스타일 잡아 놓았걸 그대로 전역변수 스타일을 그대로 가져가면서 a 테그에 따로 스타일을 주고 싶을 때가 있다. 그 때는 a 테그에서 text-decoration 를 사용하기 위해서는 someThing 스타일을 에 주면 text-decoration이 적용되지 않는다. 그래서 테그로 직접 text-decoration 를 넣어줘야 적용이 된다. 즉 직접 스타일 주어야한다. text-decoration = a 테그에 직접 To be continue..