👨‍💻 Web Development/HTML | CSS | JS | jQuery 검색 결과

23 개의 검색 결과가 있습니다.

👨‍💻 Web Development/HTML | CSS | JS | jQuery

[Day5] JS 5 - 주민번호, 달력, 슬라이드쇼, 수학객체, 부울, 제어문, scrollheight

[Day5] JS 5 [11/24] --복습-- 1. 로또 번호 발생기 버튼을 클릭하면 로또 번호가 p 태그에 출력되도록 js 코딩 하세요 ( 조건 : 오름차순 정렬 해서 출력 ) 로또 번호 발생기 $("button").click( function (){ // alert("1") // js 배열 선언 var lotto = []; var n ; while ( lotto.length a-b ); $("#demo").html( "" + lotto.join("") +" "); }); /..

2022. 11. 24. 23:09

👨‍💻 Web Development/HTML | CSS | JS | jQuery

[Day4] JS 4 - 문자열 검색, 숫자, 배열, 날짜

[Day4] JS 4 [11/23] js 문자열 : 검색 문자열 일치 let str = "안녕하세요, 홍길동 입니다. - 홍길동 왈 -"; console.log( str.indexOf("홍길동", 0) ); // 7 console.log( str.indexOf("홍길동") ); // 7 //console.log( str.lastIndexOf("홍길동", from) ); // 7 console.log( str.lastIndexOf("홍길동") ); // 18 // 찾는 문자열이 없는 경우 : -1 반환 // indexOf(), lastIndexOf()와 search()의 차이점 : 정규표현식 console.log( str.search(/홍길동/) ); // 7 console.log( str.match("김..

2022. 11. 24. 10:29

👨‍💻 Web Development/HTML | CSS | JS | jQuery

[Day3] JS 3 - 테이블체크, 함수, undefined, null, 객체, 엄격모드, this, 이벤트 처리, 문자열

[Day3] JS 3 [11/22] --복습-- 1. test01.html 페이지에서 select 태그의 option을 선택하면 test01_ok.jsp 페이지로 submit 되어서 radio 버튼이 체크되도록 js로 코딩하세요~ [sample01.html] -html- 선택하세요. 국어 영어 수학 체육 -(form 태그 있어야 입력해서 get, post 가능!) -js- // 1. selsubject 의 option을 선택했을 때 서브밋(submit) // 2. 모든 입력태그들은 form 태그 안에 있어야 한다. // 3. ?파라미터이름=값&파라미터이름=값 X document.getElementById("selsubject").onchange = function (){ var svalue = this...

2022. 11. 22. 18:38

👨‍💻 Web Development/HTML | CSS | JS | jQuery

[Day2] JS 2 - 변수, 연산자, 자료형, 키보드

[Day2] JS 2 [11/21] --복습-- 1. 모두 선택 체크박스 처리 모두 선택 모두 선택이라는 체크 박스를 체크하면 나머지 모든 체크 박스를 체크하도록 코딩하세요. -js- -jquery- // $(":checkbox:first-of-type").click(function (){ $(":checkbox").eq(0).click(function (){ // $(":checkbox:not:(first-of-type)") // filter로 첫번째가 아닌 것들 확인 $(":checkbox").filter(function(index){ return index >=1; }) .click(function() { $(this).hide(); }); }); // 진짜코딩 $(":checkbox") .filt..

2022. 11. 22. 01:17

👨‍💻 Web Development/HTML | CSS | JS | jQuery

[Day1] JS 1 - 개요

[Day1] JS 1 [11/18] [자바스크립트(javascript)] 1. 객체 기반의 웹 프로그래밍 언어 ( OOP ) 2. 목적 : 웹 페이지의 사용자의 반응 처리. 사용자의 특정 이벤트나 입력값을 받아서 동적으로 처리할 목적으로 고안된 언어. 3. html5 - 웹 페이지 구조 정의 css3 - 웹 페이지의 스타일 정의 js - 웹 페이지의 동작 처리 정의 + jquery ㄱ. html 내용 변경 days01.ex01_02.html - click 하면 h 내용 바뀌게 ex01_02.html 메시지 입력 : Click Me! hover를 js, jquery로 구현 ㄴ. html 속성 변경 ex01_03.html - Turn on 버튼을 누르면 전구에 불을 켜도록 할 예정 - img 요소의 src ..

2022. 11. 21. 00:11

👨‍💻 Web Development/HTML | CSS | JS | jQuery

[Day6] CSS 6 - 텍스트효과, 웹글꼴, 2D 3D, 전환, 애니메이션, 툴팁, 뷰포트, 미디어쿼리

[Day6] CSS 6 [11/17] --복습-- * 스크롤 내려서 sticky css 텍스트 효과 1. 텍스트 오버플로( text-overflow ) 2. 자동 줄 바꿈 ( word-wrap ) - 하나의 단어가 너무 길이서 너비 보다 오버플로워 발생. - 강제 줄 바꿈 시켜야 겠다. 3. 줄바꿈 규칙 ( word-break ) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro adipisci! Dolor asperiores doloribus amet architecto sint et eius provident quisquam! Dolorum deserunt ducimusquoconsequunturalias esse ex quaerat d..

2022. 11. 18. 01:09