목록JavaScript (13)
JUST GO
멤버(Member) 멤버란 어떠한 객체가 가지는 속성(Property)과 함수(Function)를 의미한다. 속성이란 호출 가능한 것이 아닌 값 자체이다. 함수란 호출 가능한 것이다. 1. 요소(Element)의 속성 x.innerText : 요소 x의 내부 텍스트 내용을 가져오거나 지정한다. x.innerHTML : 요소 x의 내부 HTML 내용을 가져오거나 지정한다. 대표사진 삭제 x.innerText / x.innerHTML 2. 폼 요소(Form Element)의 속성 x.onsubmit : form 인 요소 x의 type이 submit인 input을 클릭하거나, 각 input에서 엔터키를 눌러 해당 form을 최종적으로 전송하고자 했을 때 발생하는 이벤트에 대한 함수인 속성이다. - 해당 이벤트..
요소 선택 1. '요소 선택'이란 HTML 문서에 있는 태그(Tag)를 변수의 값으로 하는 것을 의미한다. ID 속성으로 선택 HTML 태그가 가지고 있는 'id' 속성 값을 기준으로 요소를 선택하는 것이다. window.document.getElementById(x) : 주어진 x 문자열의 값을 ID로 가지는 요소를 선택한다. 그러한 요소가 없다면(그런 ID를 가지는 태그가 없다면) undefined를 반환(Return)한다. CSS 선택자로 선택 어떠한 부모가 가지고 있는 자식 혹은 자손을 CSS 문법의 선택자를 기준으로 선택하는 것이다. (어떠한 부모 요소인 변수).querySelector(x) : 선행하는 부모 요소의 자식 혹은 자손이고 CSS 선택자인 주어진 문자열 x를 만족하는 요소 한 개를 ..
함수 alert(x) : 문자열인 인자 x의 내용을 가지는 간단한 메시지를 띄운다. alert('간단한 메세지'); isNaN(x) : 전달된 인자 x 가 NaN 인가의 여부를 반환한다. 어떠한 값이 NaN 인지 확인하기 위해 비교 연산자(가령 = )를 사용하면 안 된다. isNaN(5); / false isNaN(NaN); / true isNaN(5 + 3); / false isNaN(Infinity / Infinity); / true paseInt(x) : 문자열인 인자 x의 내용을 숫자로 변형한다. 변경할 수 없는 경우 NaN을 반환한다. let first = '123'; let second = '456'; let strSum = first + second; strSum; // '123456' ty..
if 문법 - 자바스크립트 한정으로 값이 null이거나 undefined인 변수를 조건으로 사용할 경우 false를 준다. 값이 있다면 true. let name = null; if (name) { console.log('참'); } else { console.log('거짓'); } - 위 코드에서 '거짓'이 찍히게 된다. - 주어진 어떠한 조건에 의해서 실행하고자 하는 코드 블럭(구현부)을 한 개 이상으로 분기하기 위해 사용. 용법(참 구현부) if ( 조건 ) { // 참 구현부 } - '조건'의 연산결과는 반드시 논리형이여야 한다. 즉, typeof(조건)을 실행 했을 때, 'boolean'이 반환되어야 한다. 용법(참/거짓 구현부) if ( 조건 ) { // 참 구현부 } else { // 거짓 ..