javascript 썸네일형 리스트형 [JSP] JSP BMI 구하는 프로그램을 JavaScript와 Java의 Servlet을 사용해서 만들고 있는데Java에서 Js를 표현하려면 코드를 비효율적으로 짤 수 밖에 없다. out.print(""); out.print(""); out.print(""); out.print("BMI 결과 "); out.printf("이름 : %s",name); out.printf("키 : %.1f",height * 100); out.printf("몸무게 : %.1f",weight); out.printf("BMI : %.2f",bmi); out.printf("당신은 %s입니다", result); out.printf("", image);out.print(""); out.print(""); 이런식으로 out.print안에 JS코드를 일일.. 더보기 [JS] 배열 배열은 순서가 있는 리스트를 말합니다.JS의 배열은 [ ] 대괄호로 표현합니다. let students = ["곽두팔", "이춘식", "김추호"]; 이런 식으로 대괄호 안에 요소를 집어 넣을 수 있습니다.이때 인덱스는 0부터 시작합니다.배열은 문자뿐만 아니라, 숫자, 객체, 함수를 전부 포함할 수 있습니다. let arr = ["비버", 3, false{name : "비붜",age : 7},function(){console.log('test');}] 배열의 예시입니다. 배열의 기능을 알아보겠습니다배열뒤에 .과 기능이름을 붙여서 사용할 수 있습니다. length : 배열의 길이를 나타냄push : 배열 끝에 요소 추가 (여러개 가능)pop : 배열 끝의 요소를 제거함shift, unshift : 배열의 .. 더보기 [JS] 객체 JavaScript에서 객체는 객체는 중괄호를 표현하고중괄호 안에는 속성이 들어있는데쉼표로 구분 짓습니다. dog = {name : '마루',age : 5,}위처럼 속성은 key와 value로 구성되어 있으며마지막 속성에는 쉼표가 없어도 되지만,나중에 수정할 것을 생각하면쉼표를 적어 놓는 것도 좋은 선택입니다. 속성에 접근하는 방법은 총 2가지 방법으로 접근할 수 있습니다. 객체 이름.속성명 객체이름['속성명'] 객체에 속성을 추가하고 싶다면같은 접근 방식으로 수정하면 됩니다. 객체이름.속성명 = "바꿀이름";객체이름["속성명"] = "바꿀이름"; 으로 바꿀 수 있습니다.삭제는 delete 속성명.이름; 으로 삭제할 수 있습니다.찾는 속성이 있는지 확인할 수도 있는데이때는 in을 사용합니다. consol.. 더보기 [JS] Function 같은 기능이 반복될 때매번 새롭게 만들지 말고 자주 사용하는 기능을하나로 묶어서 쓰는게 편리합니다.이 묶는 기능을 함수라고 하는데요.JavaScript에도 함수 기능이 있습니다.구조는 이렇습니다. function 함수명 (파라미터) {}이떄 파라미터는 생략될 수 있습니다. function showError(){alert("에러 발생 !!!!");}showError(); 파라미터가 없는 함수의 예시입니다.function sayHello(name){let msg = `hello, ${name}`;alert(msg);}sayHello("David"); 그리고 파라미터가 있는 함수입니다.이 함수에 파라미터를 넣지 않고 실행하면 어떻게 될까요? sayHello(); 이 경우에는 undefined가 출력됩니다.그래.. 더보기 [JS] 테이블 만들기 JavaScript에서는 Java와 반복문의 형식이 같습니다.따라서 복습해본다고 생각하고 테이블을 만드는 기능을 만들어보겠습니다. h1>자동 테이블 생성기 + 자동 숫자 카운트h1>button onclick = "makeTable();">테이블 생성button> 테이블 생성 버튼을 누르면행과 열을 입력받고해당 행과 열 사이즈에 맞게테이블을 만드는 기능을 구현해보겠습니다.해당 작업은 html 파일 내에서 수행할 것이므로script태그 내에서 구현합니다.그리고 함수로 구현하겠습니다. //prompt로 행의 갯수, 열의 갯수를 입력하면//행 x 열의 테이블이 만들어지고,//각 td들에 숫자가 1부터 카운팅 되어서 값이 나오게 script type = "text/javascript"> function makeT.. 더보기 [JS] 조건문 이전 언어에서도 조건문을 다뤄봤는데요.조건문은 어떤 조건에 따라서 이후에 실행이 달라지게하는 문법을 말합니다.조건문에는 if문, switch-case문 등이 있는데요.if문부터 구조를 살펴겠습니다. if문 (Java와 구조가 같음)if(조건 A){조건 A가 성립하면 해당 블록을실행 } else if (조건 B){조건 A가 아니고 조건 B가 성립하면해당 블록을 실행}else{위의 조건들에 모두 해당하지 않는 나머지의 경우 해당 블록을 실행} 다음은 switch-case문입니다.case가 다양할 때, if문보다 간결하게 나타낼 수 있다는 메리트가 있습니다.구조는 다음과 같습니다.변수의 값에 따라 해당 case문의 내용을 실행하고default로 기본값도 설정할 수 있습니다.switch (변수){case 값1:.. 더보기 이전 1 2 3 다음 목록 더보기
