Java Script (31) 썸네일형 리스트형 문자열 다루기 //글자 위치 숫자로 표현 1. let pos = str.indexOf("이"); document.getElementById("demo").innerHTML = pos; 2. pos = str.search("의원"); document.getElementById("demo").innerHTML = pos; //4번지부터 9번지 전까지 잘라서 가져오기 1. pos = str.slice(5, 10); document.getElementById("demo").innerHTML = pos; 2. pos = str.substring(5, 10); document.getElementById("demo").innerHTML = pos; 문자열의 비교 let str1, str2; str1 = 'hello'; str2 =.. 버튼 눌러 현재 시간 출력하기(타이머ver), 시간 set/get 버튼 누르면 타이머 출력 / 셋팅하기 지금시간은? 스크립트 //현재 시각을 getter(연도 월 일 시 분 초 ms) (id = demo로 생성 후 스크립트창에 ) let d = new Date(); //시간을 setter 1. d = new Date(2020, 10-1, 26, 6, 5, 20, 0); document.getElementById("demo").innerHTML = d; /* 주의사항 : 월은 0부터 11까지여서 원하는 달을 (달 - 1)로 설정해야 한다 */ 2. d = new Date("Octocer 12, 2020 12:33:17"); document.getElementById("demo").innerHTML = d; //현재시각 각각 get하기 document.getElementB.. 입력창에 입력받아 화면에 출력 입력창에 숫자를 입력하면 자동으로 +2가 계산되어 입력되고 입력창은 +2의 값으로 자동 셋팅됨 h3 tag id h3demo p tag id pdemo 입력 : 클릭 스크립트 버튼클릭하여 원하는 값 출력 Id를 2개 생성해도 버튼을 클릭했을 때 입력되는 것은 하나. 버튼 생성 p tag id demo p tag id demo button 버튼 버튼 자바스크립트로 설정(함수) JS변수 var/let 선언과 차이 var로 선언 (int, double, String, Object, char, class 통용) 최근엔 let로 선언 let : var은 출력 후 선언 가능하지만, let은 java와 동일하게 선언 후 출력 var var num = 123; var pi = 3.141592; name1 = "홍길동";//var name의 선언은 나중에 해도 됨 var name1; var name2 = '일지매';//문자열은 따옴표 둘다 가능 var answer = true; var human = "홍길동", number = 234 +1; //다중선언 가능 console.log(human); console.log(number); //숫자를 문자로 변경 가능 number = '일지매'; console.log(number); .. 기초 소스 범위설정 메세지 박스(창) alert("Java Script 실행"); 콘솔창에 입력 console.log("Java Script 실행되었음"); 변수선언 var v; function func() { let num = 128; //2진수 변환 //let result = num.toString(2); //8진수 //let result = num.toString(8); //16진수 let result = num.toString(16); alert(result); HTML return값 받기 (아래 document 는 HTML문서 지칭 ) //getter로 사용 v = document.getElementById("demo").innerHTML //setter document.getElementById("dem.. 구성 Java Script : 100% Client 코드. Front * 목적 : 웹브라우져의 Tag를 접근하기 위한 스크립트. (기존 태그 내용 취득, 수정 등 -> ID로 접근) 보조프로그래밍적인 요소이다. 화면을 제어하기 위한 요서이다. 컴파일을 하지 않는다. -> 가볍다 -> 속도가 빠르다 * Java Script를 간략화 해놓은 언어 : JQuery * 자바스크립트로 만들어진 언어 : Vue, reAct, angler 예) 회원가입 -> 빈칸을 조사. ID글자수를 조사. PW에 숫자포함 체크 * CSS에 대해서 제어 및 구현 가능. * Timer를 설정해서 특수효과 처리가 가능하다. * JS는 아래 모두 접근 가능 접근하기 위한 속성(Attribute) - Property id -> 1개 class .. 이전 1 2 3 4 다음
