본문 바로가기

분류 전체보기

 (185)
JAVASCRIPT ) 템플릿 리터럴 기존에는 ' '와 " "를 마구잡이로 쓸수없고 + 기호를 이용해서 변수와 문자를 구분하여 사용해야했는데템플릿 리터럴을 사용하면 ' '와 " "를 혼용하여 사용할 수 있으며변수를 적을때는 ${letName} 이나 ${1+1} 처럼 사용할 수 있다. const hiy = "hiy";const zard = "zard";document.write(`나는 ${hiy}이고 ${zard}는 가수이다`);
JAVASCRIPT ) 오브젝트 오브젝트는복제가 가능한 오브젝트 / 복제가 불가능한 오브젝트 로 나뉘고속성은 필드로도  불린다.오브젝트끼리는 메세지를 주고받는다. --> 함수/메소드의 매개변수를 통해 주고함수의 리턴값을 통해서 받는다.함수는 파라메터가 정의되어야한다.이러한 약속된 형태를 인터페이스라고 한다. 정보의 은닉-정보의 묶임-캡슐화 여러개의 묶임을 시스템이라 부르고시스템은 열린 시스템과 닫힌 시스템으로 나눈다열신시스템은 객체들의 이동이 자유로운 시스템닫힌시스템은 객체들의 이동이 부자연스러운, 오고갈수없는 시스템 함수는 함수의 의미도 갖지만 객체의 의미를 가지기도 하는데함수의 의미가 많아짐에따라 의미 구분하여 사용하기위해class문법이나 화살표함수가 등장한다. 객체안에 this는 객체 자기 자신을 가리킨다.객체밖에서 this가 사..
JAVASCRIPT ) this this는 함수가 어디서 호출되었느냐에 따라 그 값이 달라집니다. 이는 자바스크립트에서 유연하면서도 혼동될 수 있는 중요한 개념 중 하나입니다.this는 기본적으로 다양한 상황에서 가리키는 대상이 달라집니다. 객체안에서의 this객체안에서의 this는 객체 자신을 가리킵니다.const adder = { inV1: 1, inV2: 2, totalV: 0, print: function(){ this.totalV = this.inV1 + this.inV2; document.write(this.totalV); }}adder.print()//3 const adder = { inV1: 1, inV2: 2, totalV: 0, print: function(my..
HTML ) input 속성 tabindex는 tab키를 눌렀을때 이동하는 순서를 정할수있다낮은 숫자부터 높은 숫자 순으로 이동한다. autofocus는 처음 커서를 표시하도록 한다. required는 필수 입력값 출력
JAVASCRIPT ) 삼항연산자 삼항연산자는 조건별 변수 대입에 사용한다. 조건 ? 참일때 실행 : 거짓일때 실행  아래 예제는 if문을 삼항연산자로 변환한 코드이다. if(myV>1000){ document.write('커');} else { document.write('작아');} let myV = 999;let resultS = myV>1000 ? '커' : '작아'document.write(resultS);  삼항연산자는 조건별 변수 대입에 사용해야한다. 따라서 아래처럼 사용하면 안된다.물론 동작은 된다. (myV > 1000) ? document.write('커') : document.write('작아');  그럼 이렇게 사용하는건? document.write(myV>1000 ? '커' : '작아'); 가능하다. 변수 대입에 ..
JAVASCRIPT ) 날짜 시간 let currentTime = new Date();let myTime = new Date('2024-12-31'); //2024/12/31 === 2024-12-31document.write(currentTime + ""); //현재 시간의 ms를 가지고 있고 화면은 운영체제에 따라 임의의 형식으로 표시document.write(myTime + "");document.write(currentTime.getFullYear() + ""); //연도document.write(currentTime.getMonth() + ""); //월document.write(currentTime.getDate() + ""); //일document.write(currentTime.getDay() + ""); //요일 0(일)..
JAVASCRIPT ) 이벤트 onclick마우스 클릭ondblclick마우스 더블클릭onchangevalue값이 변경되면onkeydown키보드 딸onkeyup키보드 깍onkeypress키보드 딸깍   0 C ( ) ">> 7 8 9 / 4 5 6 X 1 2 3 - 0 . = +
JAVASCRIPT ) setInterval / setTimeout setInterval() ==> 주기적인 스케줄링 clearInterval      setTimeout() ==> 단발성 스케줄링 clearTimeout 0STARTSTOP " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스  0STARTSTOP   setInterval은 CPU에 문제가 생기기때문에 잘 쓰지않는다.따라서 아래코드처럼 setTimeout을 setInterval처럼 사용해야한다.

티스토리툴바