I AM Seung Hyeon

document.addEventListener('DOMContentLoaded', () => { document.querySelector('.term.year').click(); document.querySelector('.search').click();} ); 페이지가 로드될 때 document.querySelector('.term.year').click()과 document.querySelector('.search').click()이 자동으로 실행되도록 하려면, DOMContentLoaded 이벤트 리스너 내에서 해당 코드를 추가하면 된다이렇게 하면 페이지가 로드될 때 자동으로 두 버튼이 클릭된다!

innerHTMLElement 속성으로 element 내에 포함된 HTML 또는 XML 마크업을 가져오거나 태그와 함께 입력해 내용을 직접 설정할 수 있다document.documentElement.innerHTML = "innerHTML"document.documentElement.innerHTML = "innerHTML"  innerTextElement 속성으로 element 내에서 사용자에게 보여지는 text 값들을 가져오거나 설정할 수 있다document.documentElement.innerText = "innerText"  textContentNode속성으로  나  태그에 상관없이 해당 노드가 가지고 있는 텍스트 값을 모두 읽어온다             refer tohttps://velog..

Uncaught (in promise) ReferenceError: utilHelper is not defined    at HTMLFormElement. (out:42:17) UtilHelper.js 참조문을 넣지 않았다.....ㅎ너무 어이없는 실수!Uncaught (in promise) ReferenceError: Formdata is not defined    at HTMLFormElement. (out:58:79) const data = await axiosHelper.delete("[[@{/api/account/out}]]", new Formdata(current));d의 대소문자 오타!!

classList - Methods add(String)지정한 클래스 값을 추가한다.만약 추가하려는 클래스가 이미 존재한다면 무시. remove(String)지정한 클래스 값을 제거한다.존재하지 않는 클래스라면? 에러 발생 X contains(String)지정한 클래스 값이 존재하는지 확인.true, false 값을 반환. replace(old, new)old class를 new class로 대체 item(Number)인덱스 값을 활용하여 클래스 값을 반환  refer tohttps://hyunjungchoi.tistory.com/70

function random(n1,n2) { return parseInt( Math.random() * (n2-n1+1) + n1 );}var rnd = random(0,9);console.log(`0-9 사이의 난수 : ${rnd}`);var auth = '';for ( var i=0; i

const PriceStr = "134000000";const Price = Number(PriceStr).toLocaleString(); >>  134,000,000

alert() - 안내 메시지 띄우는 메서드 confirm()- 선택할 수 있는 확인 메시지 창- 확인, 취소 버튼 가지는 메시지 상자 -> true, false confirm(`정말 ${name}을(를) 삭제하시겠습니까?`);

● ES5 ex 1)MyModule1.js ▼function helloWorld() { console.log("Hello World");}module.exports = helloWolrd;JS ▽  const my = require( './MyModule1' );my();출력결과 ▽Hello World ≫ ≫ ≫module.exports = ~~~;require();( 파일 확장자 생략 가능 )( 동일경로여도 './' 생략불가 )  ex 2)MyModule2.js ▼module.exports.name = '노드';module.exports.property = { id: 'node.js', type: 'javascript' };module.exports.say = function () { consol..

● AJAX - Asynchronous Javascript And Xml- JavaScript 와 XML 형식을 이용한 비동기적 정보 교환 기법- 이름에 XML이 포함되어있긴 하지만 요즘은 XML을 잘 사용하지 않고 대부분 JSON 형식을 다룬다 - 브라우저의 XMLHttpRequest를 이용해 전체 페이지를 새로 가져오지 않고 페이지 일부만을 변경할 수 있도록 JS 를 실행해 서버에 데이터만을 별도로 요청하는 기법 - 비동기 JS로 XML을 처리하는 기법- 특정 프로그램이 아니라 JS의 기법- XML보다 JSON이 용량이 적어 대체됐다   - JS 라이브러리 중 하나- JS를 통해 서버에 request, response 한다- JS를 통해 클라이언트, 서버 간의 통신을 한다- JS 를 통해 비동기적으로..

● BOM- Browser Object Model- 웹 브라우저를 통해 실행될 때 JS가 갖게되는 기본 객체 구조- 모든 객체는 window 객체의 하위 객체로서 존재한다 ● DOM- Document Object Model- HTML 문서 구조(DOM)을 제어하기 위해 제공되는 객체구조- BOM의 하위 요소중 하나                        refer tohttps://velog.io/@imok-_/JavaScript-DOM-BOM-%EC%9D%B4%EB%9E%80

부모 요소 찾기 ● closest- Element의 closest() 메서드는 주어진 CSS 선택자와 일치하는 요소를 찾을 때까지, 자기 자신을 포함해 위쪽(부모 방향, 문서 루트까지)으로 문서 트리를 순회한다.-  ex ) ____.closest('.collapse');          -  괄호안에 '.', '#' 까먹지 말기 !!!!!  ● parentElement- Element 현재 노드의 부모 요소 조회-  ex)  current.parentElement;

- JavaScript 코드를 브라우저 밖에서 실행할 수 있게 해주는 런타임 환경- 빈번한 I/O 처리에 우수한 성능- 서버 확장의 용이성- JavaScript 프론트엔드 필수언어로 백엔드까지 작성할 수 있다- 오픈소스 JavaScript 엔진인 크롬 V8에 비동기 이벤트 처리 라이브러리인 libuv을 결합하여 구현되었다- 최신 버전은 기능이 불안정하거나 일부 모듈이 작동하지 않을 수 있으므로 안정성을 보장하고 싶다면 LTS 버전을 사용하는 것이 좋다  [ Windows ]  [ Mac ] node --version- 결과값이 출력되지 않을 경우 https://nodejs.org 에서 프로그램 설치- LTS 버전 권장- 설치 완료 후 버전확인 명령어를 통해 설치 완료 확인  ● Visual Studio ..

● JSON의 key를 배열로 반환하는 명령const student = { studno: 12345678, grade: 1, name: 'HYEON', phoneno: '010-1234-5678'};const keys = Object.getOwnPropertyNames(student);console.log(keys); Object.getOwnPropertyNames( JSON이름 ); 출력결과  ▶ ▶ ▶ 추출한 key가 배열이므로 반복문 처리가 가능하다!for ( const k of keys ) { console.group(k); console.log(student[k]); console.groupEnd();} 출력결과 ● 배열끼리의 깊은복사 const a1 = [..

1) for ( let i=0; i 2)for ( let i=0; i 3)for ( let i=0; i 4)for ( let i=0; i 5)for ( let i=0; i 6)for ( let i=0; i

JSON - JavaScript Object Notation (자바스크립트 객체 표기법)의 줄임말- 자바스크립트에서 object를 표현하기 위한 문법적인 기법- 요즘 프로그래밍에서는 JSON이 목표이자 결과가 된다 - 웹 어플리케이션에서 데이터를 전송할 때 일반적으로 사용한다    - 서버에서 클라이언트로 데이터를 전송하여 표현하려거나 반대의 경우 - 클라이언트가 사용하는언어에 관계 없이 통일된 데이터를 주고받을 수 있도록, 일정한 패턴을 지닌 문자열을 생성해 내보내면 클라이언트는 그를 해석해 데이터를 자기만의 방식으로 저장, 표시할 수 있게 된다- JavaScript 가 아니더라도 JSON을 읽고 쓸 수 있는 기능이 다수의 프로그래밍 환경에서 제공된다- 문자열 형태로 존재한다 -> 네트워크를 통해 전송..

const check_list = [ true, false, false, true, false ];console.log( "before --> " + check_list );for ( let i=0; i " + check_list ); 훨씬 심플한 코드 ▼ ▼ ▼for ( let i=0; i