Daily coding

* 진수의 변환은 자바에서의 방식과 비슷하다. var number = 12; 1. 10진수 -> 2진수, 8진수(String), 16진수(String) * toString 사용하기 number.toString(2) ---> number라는 변수를 2진수로 변환 number.toString(8) ---> number라는 변수를 8진수로 변환 (String 타입) number.toString(16) ---> number라는 변수를 16진수로 변환 (String 타입) 2. 2진수, 8진수, 16진수 -> 10진수 var bin = 11001010; // 2진수 var oct = "24"; // 8진수 var hex = "ab"; // 16진수 * parseInt 사용하기 parseInt(bin,..

String 타입의 메소드들 indexOf : 특정 문자열이 처음 나오는 위치를 인덱스 값으로 출력 str = str.indexOf("dummy"); lastIndexOf : 특정 문자열이 마지막으로 나오는 위치를 인덱스 값으로 출력 str = str.lastIndexOf("dummy"); search() : 검색 str = str.search("dummy"); substring (처음인덱스, 마지막+1 인덱스) : 문자열을 자르기 str = str.substring(0,4); split(특정문자) : 특정 문자를 기준으로 문자열을 잘라줌 str = str.split("-"); charAt(인덱스) : 문자열의 인덱스에 해당하는 문자 출력 str = str.charAt(0); trim( ) : 문자열의 ..

setInterval : 일정한 간격으로 특정 함수를 호출하는 함수 setInterval("함수명", 초); ---> 초단위는 1/1000초 단위로, 1000을 입력하면 1초 간격으로 함수가 갱신된다. - 변수를 하나 선언하여 interval의 값을 저장하고 초기화 및 타이머 종료가 가능하도록 한다. ex > var time = setInterval ( "func()", 1000 ); ---> func() 함수를 1초간격으로 갱신해준다 * interval을 설정하기 전에, 변수를 초기화 시켜주도록한다 (이전 타이머 값을 초기화) ex > clearInterval ( time ); ---> time에 들어있는 interval값을 초기화시킨다 ( =종료시킴) * 특정 횟수만큼 반복 시키기 위해서 count ..

* Javascript에서 id, class, name id : 객체의 이름을 부여할 때 중복값을 허용하지 않는다(하나의 파일에는 반드시 1개의 아이디만 인식) Javascript에서 html 태그의 값을 가져오거나 내보낼 때 이용한다. class : 객체의 이름을 부여할 때 중복값을 허용한다. css에서 주로 사용한다. name : jsp 등 외부로 값을 던질 때 사용한다. * id, name : input 태그에서 많이 사용함 * 특징 - class 와 name은 중복이 가능하다 - id는 자바스크립트에서 확인용, name은 jsp 전송용으로, 같은 이름을 주고 _등의 기호로 구분하여 사용함 - id 처리 : getElementById var text = document.getElementById("..

체크박스를 선택하면 금액만큼 합계가 더해지는 로직 만들기: 1. 첫번째 방법 : document.getElementById 이용하기 var total = parseInt(document.getElementById("sum").value); function nightlight() { var result = parseInt(document.getElementById("ck1").value); var checked = document.getElementById("ck1").checked;

Date() 1. 날짜 선언하기 오늘 날짜 : var d = new Date(); 2. 날짜 설정하기 (setter) * 1번 방법 var d = new Date ("October 12, 2020 12:32:33"); * 2번 방법 var d = new Date (2020,4,4,6,10,32,0); // 년 월 일 시 분 초 밀리세컨 // --> 2020년5월4일 6:10:32:00 - 설정한 부분의 월은 0~11까지 존재하므로, 원하는 월을 출력하려면 -1로 입력해준다. 3. 날짜 값 불러오기 (getter) - 각각의 값을 불러오기 document.getElementById("demo").innerHTML

Timer ( setInterval ) : 정해진 시간간격으로 함수를 호출한다 function displayDate() { document.getElementById("demo").innerHTML = Date();

parseInt : 문자열을 숫자로 바꿔야할 때는 parseInt h3 Tag p Tag 입력: 버튼

자바스크립트 함수의 타입 1. 매개변수와 반환값이 없는 함수 (일반 함수) function btnClick() { // alert("btnClick"); // 항상 이벤트 확인하고 다음 작업하는것이 좋음 document.getElementById("demo").innerHTML = "버튼을 누름"; } ---> onclick함수 : 버튼을 누를 때 실행됨 2. 매개변수가 있는 함수 function btnClick1( num ) { document.getElementById("demo").innerHTML = num * 6; } ---> 매개변수로 들어온 값에 6을 곱해 demo 태그에 출력하는 함수 3. return(반환값)이 있는 함수 function func( x, y ) { return x * y;..

변수 Variable var : int, double, String, Object, character 등이 모두 Variable(var)로 통합 * 자바 변수(객체) 선언방법 MyClass cls = new MyClass(); 또는 Object obj = new MyClass(); 사용할때 -> ((MyClass)obj).method(); 위 처럼 자바스크립트도 편리하게 사용하기 위해 var로 변수가 통합됨 1. 일반 변수 var pi = 3.141592; var name = "홍길동"; var answer = "Yes | No"; var number = 123; var updown = true; var per = "일지매", num = 123 + 1; // 앞의 변수는 String, 뒤의 변수는 숫자 ..