프론트엔드/JavaScript(19)
-
자바스크립트에서 =, ==, ===의 차이점
정의 = : 대입 연산자 왼쪽의 값을 오른쪽에 대입한다. == : 비교 연산자 두개의 operand를 같은 타입으로 변환 후 비교한다. to compare the identity of two operands even though, they are not of a similar type. === : 비교 연산자(stricter) 타입(형식)이 다른 경우 false를 반환한다. ex) 2 === "2" return false checks that two values are the same or not. 예시 = JavaScript Operators a = 2, b = 5, calculate c = a + b, and display c: Output: a = 2, b = 5, calculate c = a + ..
2021.04.14 -
자바스크립트 기본문법 이해하기 1( 객체, 메서드, 매개변수, 프로퍼티, 반환, 변수, 반복, 함수, 배열, while문, for문, for~in문)
자바스크립트의 동작 순서 입력 ➡가공➡출력 자바스크립트 기본 문법 객체, 메서드, 매개변수 '🟠🟠가 🔺🔺을 🟧🟧해라' 🟠🟠: (영어의 주어) 객체 Object 🔺🔺: (영어의 목적어) 매개변수 Parameter 🟧🟧: (영어의 술어) 메서드 Method console.log('test'); console은 log 해라 test를 console : 객체 log : 메서드 'test' : 매개변수 * 메서드는 ()가 꼭 필요하다. 매개변수는 메서드 지시에 필요한 추가정보. 프로퍼티 🟠🟠객체의 ❇❇은 🧡🧡이다 🟠🟠객체의 ❇❇을 🧡🧡로 한다. ❇❇: 프로퍼티, 객체의 상태를 나타낸다 🧡🧡:프로퍼티 값 document.getElimentById('choice').textContent = new Date(); co..
2021.02.15 -
javascript: 정규표현식
정규표현식 Regular Expression Regex, Regexp 등으로 불림. 문자열을 검색하고 대체하는 형식 패턴. 역할 search replace extract 생성하기 1. 리터럴 방식 var 패턴이름 = /표현식/플래그/; 2. 객체 생성 방식 var 패턴이름 = new RegExp("표현식","플래그"); Method 주로 exec와 test를 많이 사용. exec 문자열 찾기, 정보를 가진 배열 반환 test 문자열 검사, true or false 반환 //1. 리터럴 방식 var pattern1=/a/; //2. 객체 생성 방식 var pattern2=new RegExp("a"); var pattern3=/k/i; //i: 플래그, 대소문자 구분 없음 //3. 문자열 변수 var str..
2021.01.11 -
javascript: event
event 이벤트 입력 방법 3가지 1. html 태그 object에 입력 2. 태그 object에 이름을 준 후 스크립트에서 입력 3. 이벤트리스너 변수명.addEventListener("이벤트종류",function(e){}) -리스너 함수 이벤트의 종류 e.type 좌표값 x=e.clientX y=e.clientY 이벤트 대상 e.target 마우스 이벤트 - onclick - ondblclick - onmouseover - onmouseout - onmousedown - onmouseup - onmousemove click dblclick mouse over mouse out mouse down mouse up mouse move 키보드 이벤트 - onkeydown - onkeyup - onkeyp..
2021.01.07 -
javascript: dom 객체
DOM객체 : Document Object Model, Document의 내용, 구조, 스타일등을 수정,추가,삭제할수 있도록 제공되는 객체 Core Dom : 모든 문서 형식을 위한 표준 모델 XML DOM: XML 문서을 위한 표준 모델 HTML DOM : HTML 문서를 위한 표준 모델 선택자 직접선택자 window.onload=function(){ var hTit=document.getElementsByTagName("h1")[0]; hTit.style.color="green"; //var pText=document.getElementsByTagName("p")[0]; 둘다 사용 가능 //pText.style.backgroundColor="pink"; var pText=document.querySe..
2021.01.04 -
javascript: 브라우저 객체
브라우저객체 : 브라우저에 내장되어 있는 객체 window 객체 : 객체는 일반적으로 대문자로 시작하지만, window객체는 소문자로 시작. 메서드 open("주소","윈도우창 제목","옵션"); 옵션 : width,height,top,left,menubar=yes/no,status=yes/no,toolbar=yes/no,resizable=yes/no 단위 px은 생략 window.open("30-for-실습.html","popup","width=400,height=500,top=100,left=100"); * window.close(); 닫기 alert() , prompt() , confirm() window.alert("설문이 시작됩니다"); var userAge=window.prompt("당신의 나..
2020.12.31