angsu

# DOM : 브라우저가 HTML 관리하는 api > Application Programming Interface(애플리케이션 프로그램 인터페이스)의 줄임말 ``` img{} .중복{} #유일한{} [title="간단설명"]{} ``` ```html ``` # HTML 자체 접근하기 document.getElementsByTagName('img') document.getElementsByClassName('중복') document.getElementById('유일한'); // 1개선택 document.getElementsByName('form') document.querySelector('[title="간단설명"]'); // 1개선택 document.querySelectorAll('선택자'); 배열로 리..

Accordion 1개만 열었다 닫았다 하는 Accordion 만드는 방법 HTML 삽입 미리보기할 수 없는 소스 동적인 데이터를 활용해서 Accordion 만드는 방법 HTML 삽입 미리보기할 수 없는 소스 if 활용해서 Accordion 만드는 방법 HTML 삽입 미리보기할 수 없는 소스 forEach 활용해서 Acoordion 만드는 방법 HTML 삽입 미리보기할 수 없는 소스

Tab CSS를 활용해서 Tab 만드는 방법 HTML 삽입 미리보기할 수 없는 소스 css를 활용해서 만들때 주의할 점! html 구조가 변하면 css를 수정해줘야 된다. 구조 변경이 자주 있을 경우, javascript를 활용해야된다. Java Script를 활용해서 Tab 만드는 방법 HTML 삽입 미리보기할 수 없는 소스 html 구조가 바뀌어도 동작에 무리가 없다 동적인 데이터를 활용해서 Tab 만드는 방법 HTML 삽입 미리보기할 수 없는 소스 클래스 별도 제어 방법 className() classList.add() : class 추가 classList.remove() : class 제거 classList.has() : class 유무를 boolean 값으로 봔환 classList.contain..

input type Java Script 제어 type=' text ' : input의 기본 type type=' password ' : 입력하면 ' * ' 로 출력됨 type=' number ' : 숫자입력만 가능, 모바일에서는 숫자 키패드 오픈 type=' date ' : 날짜 선택 type=' email ' : email 유호성 검사 javascript로 설정 해야됨 type=' file ' : 파일 전송 이름 비번 나이 생일 메일 파일 전송 input type 변경 방법 선택자, 속성 이름, 속성 변경, type 변경 type=' color ' : 색상 선택 가능, 선택한 값 출력 type=' search ' : 검색 기능 type=' url ' : 사이트 입력 기능 색상 선택 검색 검색 사이트 ..

//내장 객체를 확인하고 싶음 //mdn web docs : 표준 내장 객체 /** * Math : 수학객체 * log, pie, 미적분, 삼각함수 * **/ //const pie = 3.141595; //속성 : 값 console.log(Math.PI); //메소드 : 객체, 클래스 안에서 사용하는 함수 console.log(Math.min(2,99,4,5,-1)); console.log(Math.max(2,99,4,5,0)); //반올림, 올림, 내림, const pie = 3.141592686589793; console.log(parseInt(pie)); //특정위치에서 반올림 하는게 아니다. console.log(Math.round(pie)); //반올림 : 5이상은 올리고, 4이하는 버림 con..

//산술 단항 연산자 //부호, 증감, 감소 //증감 ++, == : 피연산자의 값에 영향을 끼침 let num1 = 20; let num2 = 22; let result = num1 + num2; console.log(result); ++result; //resulte = result + 1; console.log(result); result++; console.log(result); result = result + 10; result = result + 1; //c, java 처리 속도 향상됨 console.log(result); result = ++num1; //선행연산 : num1이 먼저 1증감하고 결과 console.log(result, num1); result = num1++; //후행연산 :..

/** * 산술연산자 : + - * / % : 연산결과 숫자, 문자 * 산술연산자 : ++, --, +(양수), -(음수) : (단항연산) : + - * / % : 연산결과 숫자, 문자 * * 논리연산자 : &&(and, 논리곱), ||(or, 논리합), !(not) : 연산결과 boolean(true, false) * 좌우 피연산자가 boolean일 필요는 없고 암묵적으로 boolean 값으로 바꿔서 사용 * * true : 0이 아닌 숫자(1, -1 등), 문자열 * false : 0, undefined, null, NaN, Infinity, Error * **/ //&&(and)연산자 let result = true && true; //true result = true && false; //fals..

대입 연산자(assignment operator) 대입 연산자는 변수에 값을 대입할 때 사용하는 이항 연산자이며, 피연산자들의 결합 방향은 오른쪽에서 왼쪽입니다. 또한, 앞서 살펴본 산술 연산자와 결합한 다양한 복합 대입 연산자가 존재합니다. 대입 연산자 설명 = 왼쪽 피연산자에 오른쪽 피연산자의 값을 대입함. += 왼쪽 피연산자의 값에 오른쪽 피연산자의 값을 더한 후, 그 결괏값을 왼쪽 피연산자에 대입함. -= 왼쪽 피연산자의 값에서 오른쪽 피연산자의 값을 뺀 후, 그 결괏값을 왼쪽 피연산자에 대입함. *= 왼쪽 피연산자의 값에 오른쪽 피연산자의 값을 곱한 후, 그 결괏값을 왼쪽 피연산자에 대입함. /= 왼쪽 피연산자의 값을 오른쪽 피연산자의 값으로 나눈 후, 그 결괏값을 왼쪽 피연산자에 대입함. %=..