JAVASCRIPT (66) 썸네일형 리스트형 JAVASCRIPT ) 배열 배열은 단위값으로 취급되며 아래와 같은 형태를 가진다.배열의 index값은 요소의 길이를 반환하는것이 아니다. offset 값이다. (.length 페이지에서 자세하게)배열은 동형의 자료모임이고, 요소의 자료형이 다른 모임은 list이다. 하지만 자바스크립트에서는 이 모두를 배열이라 한다. const array = ['a', 'b', 'c']; --- --- --- index 0 1 2 alert(array[0]); //aalert(array[1]); //balert(array[2]); //c 배열은 1차원배열, 2차원배열, 3차원배열 등으로 표현할 수 있으며문자(String)는 유사배열이기 때문에 아래와 같이 사용할 수 있다.숫자형은 배열이 .. JAVASCRIPT ) 함수 함수는 선언문이다.따라서 함수를 호출해줘야 한다.함수를 실행하지않으면 함수 자체를 값으로 처리한다. //함수 선언function 함수명( [인자...[,인자]] ){ 코드 return 반환값}//함수 호출함수명(); 파라미터(parameter)와 아규먼트(argument) 매개변수function 함수명( 파라미터a, 파라미터b ){ 코드 return 반환값}함수명(아규먼트a, 아규먼트b); 함수 자체가 아규먼트가 되어 파라메터로 받을수있다. function anyFu() { document.write("zard");}function runFu(inFu) { inFu();}runFu(anyFu); 아규먼트가 없을경우 파라메타의 디폴트값을 설정할 수 있다.아규먼트는 순서대로 파라메타로.. JAVASCRIPT ) 반복문 for(초기화; 반복조건; 증감){ 반복 실행될 코드} while (종료조건){ 반복 실행할 코드}do { 반복 실행할 코드} while(종료조건) let xV=0;let yV=0;for (let i=0; i");}// 반복횟수 : (종료값 - 초기값) / 증감값// 0// 1// 2// 3// 4// 5// 6// 7// 8// 9 for문은 예측가능한 주기일때 사용하는 반복문이다.즉 반복횟수가 명확하게 보이는 경우 for문을 사용한다. 반복횟수를 예측하기 어려운 복잡한 구조일 경우 while문을 사용한다. 그러나 브라우저에서 for문을 읽는 속도보다 while문을 읽는 속도가 빠르기때문에 실무에서는 while문을 권장하는 경우가 있다. break문은 break; 를 적어준 곳에서 해당 조.. JAVASCRIPT ) if 조건문 if ( 조건문 ) { true 일때 실행문 }; if ( 조건문 ) { true 일때 실행문 } else { false 일때 실행문}; if ( 조건문1 ) { true 일때 실행문 } else if ( 조건문2 ) { true 일때 실행문} else { false 일때 실행문} 예제const inV1 = parseInt( prompt('숫자1') );if ( inV1 > 10 ) { document.write("커");} else { document.write("작아");} // 같은 값은 안들어간다는 가정하에 const inV1 = parseInt( prompt('숫자1') );const inV2 = parseInt( prompt('숫자2') );if.. JAVASCRIPT ) 연산자 사칙 연산자+더하기-빼기*곱하기/나누기%나머지 대입 연산자=대입 비교 연산자==같다>크다>=크거나 같다작다작거나 같다!=같지 않다===진짜 같다alert(1=='1'); //truealert(1==='1'); //false 1과 '1'은 값은 같지만 1은 숫자고 '1'은 문자여서 완전히 같지는 않다. const myV1 = ""; // 문자열 변수const myV2 = 0; // 숫자형 변수const myV3; // const myV4 = null; // 널 값을 담음 alert(null == undefined); //truealert(null === undefined); //false JAVASCRIPT ) 변수 변하지않는 값은 const로 변하는 값은 let으로 선언한다. 문자열 숫자로 변환하기문자 --> 정수 parseInt()문자 --> 실수 parseFloat()문자 --> 숫자 Number()const value1 = 3.12345;document.write( parseInt( value1 ) ); 위의 예제는 값은 출력되나 잘못된 코드다. 왜냐하면 parseInt()는 문자를 정수로 바꾸는 함수인데 value1은 숫자이기때문이다. 따라서 올바르게 코드를 작성하면 아래의 코드처럼value1을 String()을 사용하여 문자로 변환한뒤 parseInt()로 정수로 바꿔야한다. const value1 = 3.12345;document.write( String( parseInt(value1) ) ); 헝가리.. JAVASCRIPT ) 숫자 & 문자 숫자(number) / 문자(string) 인식자바스크립트에는 숫자와 문자가 있는데 숫자는 그냥 작성하고 문자는 "" 또는 ''로 묶어서 작성한다. document.write(1 + 2); //3document.write(1 + "2"); //12document.write(1 + 2 + "2" + 3 +4); //3234document.write((1 + 2) + "2" + (3+4)); //327 문자열 이후의 +는 더하기가 아닌 접합으로 인식된다. 숫자 함수Math.pow(3,2); // 9, 3의 2승Math.round(10.6); // 11, 10.6을 반올림Math.ceil(10.2); // 11, 10.2를 올림Math.floor(10.6);.. HTML<canvas>, 자바스크립트로 그림판 만들기 01 먼저 html 파일에 를 만들고 js파일을 연결한다. 의 크기는 css으로 작성해도되지만 퀄리티를 위해 자바스크립트로 정의하는것이 좋다. 마우스가 눌러졌을때 (mousedown) ispainting을 true 하여 작동하게 하고, 마우스를 땟을때(mosueup) ispainting을 false하여 작동을 멈춘다. 마우스가 움직일때 ispainting이 true면 {}안의 내용이 수행되고, false면 움직이기만(moveTo) 한다. const canvas = document.querySelector("canvas"); const ctx = canvas.getContext("2d"); canvas.width = 800; canvas.height = 800; //선 굵기 ctx.lineWidth = 2; l.. 이전 1 ··· 3 4 5 6 7 8 9 다음 목록 더보기
