Daily coding

체크박스를 선택하면 금액만큼 합계가 더해지는 로직 만들기: 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, 뒤의 변수는 숫자 ..

* JavaScript : Function : 자바스크립트 함수 선언, 호출 1. 자바스크립트 함수 작성 1) html파일의 head 안에서 작성 2) html파일의 body안에서 작성 3) 외부에 js파일에 작성 후 호출하여 실행 - 외부에서 파일을 가져올 시, script의 attribute 중 src 를 사용하여 파일명이나 경로를 통해 불러옴 * -->

* Java Script : client 언어 (!= java (서버언어)) - 목적 : Front end 제어하기 위한 스크립트(logic) - 보조 프로그래밍적 요소, 화면 제어를 하기 위한 요소 -> JQuery-> Vue / React - 컴파일을 하지 않는다 (가볍고 버전이 없음) -> 속도가 빠름 빈칸을 조사. ID 글자수를 조사, pw에 숫자포함 체크 > - CSS 에 대해서 구현 - Timer 설정해서 특수효과 처리 가능함 - 차트, 그래프로 표현이 가능하다 - id (#,현 페이지에서 1개만 인식), class(. ,현페이지 다수인식, CSS), name(link를 연결해서 값을 넘겨줄 때 사용) : 접근하기 위한 속성 (attribute) - 자바스크립트는 자바와..

: jsp 파일에서의 주석문 * form으로 내보낸 데이터는 jsp파일을 통해 자바에서 출력하거나 DB에 입력할 수 있다. - 모든 데이터는 String으로 받아들이기 때문에 숫자나 다른 데이터형은 변환해야한다. String id = request.getParameter("form에서내보낸데이터의name"); String choice [] = request.getParameterValues("form에서내보낸데이터의name"); - 체크박스와 같이 여러 데이터를 받을 때는 getParameterValues를 통해 배열로 받도록 한다.

form event resource와 같이 많이 사용 입력 데이터 등을 전송할 수 있다 id : #, 현재 페이지에서 1개만을 인식. javaScript(=JQuery) 에서 많이 사용 class : . , 다중 인식. CSS(디자인), JavaScript(=JQuery) name : link용, 값을 전송할 때 변수의 역할. 데이터를 jsp파일 등으로 넘겨줄 수 있고 디비와 연결하여 사용할 수 있다. type ="submit" : submit 버튼을 생성한다 value : 특정 입력 타입을 만들고 안에 들어갈 텍스트 입력 submit : 이동, form하나당 submit은 하나만 존재 중간에는 입력 리소스들 존재 * input태그 1. button(submit) 2. checkBox 3. ..