728x90 반응형 > IT 노트22 [JS] 다크모드 설정하기 다크 모드 만들기 Dark var count = 0; $('.badge').on('click', function(){ count += 1; if (count % 2 == 1) { $('.badge').html('Light'); } else { $('.badge').html('Dark') } }); 변수(count) 에 클릭 몇 번 했는지 그 숫자를 담아준다. 그리고 숫자를 .badge 라는 클래스를 가진 버튼을 클릭할 때마다 count + 1 해주므로 숫자를 +1 씩 증가시켜준다. if 문 사용 ) 그리고 2로 나눠 떨어지지 않고 1이라는 나머지가 나오면 Light 로 글자 변경 그게 아니면 ( 2로 나눠 떨어지지 않고 1이라는 나머지가 나오지않으면 ) html 을 Dark 로 변경 1 을 2 로 나누면.. 2024. 3. 23. [JS] 아이디, 비번 입력 확인 (공백체크) 아이디 입력 확인 HTML 전송 닫기 JS $("form").on("submit", function (e) { if (document.getElementById("email").value == "") { alert("아이디입력안함."); e.preventDefault(); } }); e.preventDefault(); 사용해서 폼 전송 막기. 아이디와 비번확인 공백체크 JS $("form").on("submit", function (e) { if (document.getElementById("email").value == "") { alert("아이디입력안함."); e.preventDefault(); } if (document.getElementById("pw").value == "") { alert(".. 2024. 3. 22. 제이쿼리가 작동하지 않았던 이유 Navbar An item A second item A third item A fourth item And a fifth one 안녕 안녕 안녕 버튼 function 알림창열기(구멍) { document.getElementById("alert").style.display = 구멍; } function 아이디알림창() { document.getElementsByClassName("title1").innerHTML = "아이디입력하셈"; document.getElementById("alert").style.display = "block"; } function 비번알림창() { document.getElementById("title").innerHTML = "비번입력하셈"; document.getElement.. 2023. 11. 29. 자바스크립트 중급 강좌 #12 setTimeout / setInterval setTimeout 일정시간이 지난 후 함수 진행 - 두 개의 매개변수 받음 1) 일정 시간이 지난 뒤 진행하는 함수 2) 시간 (ex: 3000) 두 개 모두 동일한 코드. 인수 활용 Mike - 함수의 첫 번째 인수로 전달. clearTimeout - 예정된 작업을 없앰. function showName(name){ console.log(name); } const tId = setTimeout(showName,3000,'Mike'); clearTimeout(tId); setTimeout 은 time Id 를 반환 이것을 이렇게 스케쥴링 취소할 수 있도록 이용할 수 있음. 3 초가 지나기 전에 저 코드가 실행돼서 (clearTimeout) 아무일도 일어나지 않음. setInterval 일정시간 간격으로.. 2023. 9. 14. [유노코딩] 타이머 만들기 setTimeout setInterval clearInterval setTimeout 메소드 setTimeout 이 시작되고, 1000밀리초가 지나서야 console 에 재미있다 출력이 나타나게됨. setInterval 메소드 일정한 시간 간격에 따라 함수를 반복 실행할 수 있도록 해주는 메소드 setTimeout 메소드과의 차이점은 주어진 함수를 주어진 시간마다 실행해준다. 0.5 초마다 콘솔에 계속 안녕하세요 메시지 출력. clearInterval 메소드 0 이 아닌 숫자를 반환 (= 타이머의 아이디) setInterval메소드로 반복시켜놓은 동작을 멈추게 할 수 있다. setTimeout 메소드 이름이 있는 함수 또는 익명함수를 넣어준다. 익명함수가 2초 뒤에 실행된다는 뜻. 딱 한 번만 실행된다. 2초 뒤에 1234 가 출력됨. 이것을 setInterval 메소.. 2023. 9. 14. 훈훈한 Javascript (12) 질문 Q: 5:29 대에서 숫자 0이 i에 들어가고 0 번째 인덱스 값을 가진 요소 1을 갖고 올 수 있고, 코드 실행해주고 i(0)이 1 증가되니 arr.length = 길이가 5 니까 i < 5 를 조건식으로 해석해서 i[0] ~ i[4] 까지 인덱스를 기준으로 출력하므로 (arr[0] ~ arr[4] 를 의미한건데 잘못 표현) 1,2,3,4,5 가 출력 되는게 제가 맞게 이해한 걸까요? A: Q: for ( let i = 0; i < timeKeys.length; i = i + 1 ) { console.log (timeKeys[i]) } 에서 timekeys도 배열이고 똑같이 길이(length) 갖고 있으니까, 길이만큼 반복 하는 거니까 ( 길이 =4 ), timeKeys[0] timeKeys[1] ti.. 2023. 9. 11. 훈훈한 Javascript (7) 질문 Q: const counterMaker = function () { const targetDateInput = dateForMaker(); console.log(targetDateInput); 이 부분에서 console.log(dateForMaker()); 을 사용함으로서 dateFormat 데이터를 호출했는데, 왜 괄호안에 변수명(dateFormat)을 쓰지않고 함수명(dateForMaker)을 적어준 것이 헷갈려요.. 원래 return 시킨 변수명을 쓰는게 아니라 함수명을 적는건가요? A1: A2: 2023. 9. 6. [ERD] 생성과 작성 방법 1. 화면 로그인 ERDCloud ERDCloud Draw ERD with your team members. All states are shared in real time. And it's FREE. Database modeling tool. www.erdcloud.com 상단의 링크를 통해 가입 2. ERD 생성 우측 상단 프로필 왼쪽에 ERD 생성 클릭 제목 (ex: 프로젝트 명 ) 등등 작성해주기 3. 엔티티 생성 좌측 4번째 아이콘 클릭 : 새로운 엔티티 추가 노란색 + 버튼: PK 생성 4. ERD 설정 생성할 ERD 설정해주기 흰 체크표시가 비어있는 체크 5. 엔티티 내용 입력 아이콘 i 표시 눌러서 내용 입력 가능 6. PK,FK 연결 6번째 아이콘으로 연결 가능 식별 / 비식별 관계 설정 .. 2023. 4. 19. [SQL] 유저 생성 메모 이름을 시스템으로 하지말고 시스템쪽은 비밀번호 비워두기 시스템에 있는 사용자 가서 hr은 쓸 수 있으니까 체크박스 다 해제하고 hr hr 만들어주기 유저 생성해주기 (시스템에서) 2023. 4. 17. 이전 1 2 3 다음 728x90 반응형
