개발일지📝

프로미스는 자바스크립에 내장된 내장객체 입니다프로미스 객체에서는 2가지를 형태를 지닙니다. 1. 상태(state) pending : 수행중fullfilled : 성공적 완료rejected : 실패2. 프로듀서 - 정보를 제공하는 제공자(즉, Promise)    컨슈머 - 사용자(즉, 호출하는사람) 프로미스 생성executor콜백함수를 전달해야 하며 executor콜백함수는 다시 resolve함수와 reject함수를 받습니다.//매개변수는 컨슈머가 분명 콜백함수를 전달할거야!(그 콜백함수로 리턴해줄게!)let promise = new Promise( (success, fail) => { //producer 입장에서 성공했을 때 성공을 알리는 함수 success("success"); //..

목차   📌 동기 vs 비동기동기 : 순서 보장 (코드가 블로킹 될 수 있음)비동기 : 순서 보장 X  (작업 종료 기다리지 않고 바로 실행됨)  📌 자바스크립트 엔진 : 자바스크립트 코드를 실행하는 프로그램   📌 자바스크립트 런타임 : 자바스크립트가 실행되는 환경    📌 setTimeout  자바스크립트 내장 함수 delay 만큼 지연해서 한번만 실행시킨다.(비동기작업)setTimeout(callback, delay, param1, param2, ...);  기본적인 setTimeout 사용방법   매개변수 넘기기  setTimeout 취소하기  재귀호출하기`setInterval` 과 비슷한 동작을 하는데 이전실행이 끝나야만 다음 실행을 예약하므로 실행 간격이 일정하게 유지된다는 특징이 있음..

목차    JS ES6 란?"ECMAScript 6"의 약자로, 공식적으로는 ECMAScript 2015로 불림ES6는 자바스크립트의 중요한 업데이트 중 하나로, 2015년에 발표됨많은 새로운 기능과 개선 사항을 도입함 😁 쉽게,  일종의 업데이트 버전이라고 생각하면 된다.!     let과 const let 재할당 변수 재할당 가능중복선언중복 선언 불가능범위유효 범위는 {} 블록   💀 const 재할당 (상수) 재할당 불가능  객체나 배열은 내부 값 변경 가능 중복선언중복 선언 불가능범위유효 범위는 {} 블록  let, const 으로 선언된 변수는 호이스팅 된다. (선언 전에는 불가능, "일시적 사각지대(Temporal Dead Zone, TDZ)" 때문)호이스팅(Hoisting)은 자바스크립트..

📍 이론 Edit > replace  :: 한번에 글씨 변경 가능li{$}*7 :: 1~7까지 숫자가 찍힌  li 생성listBox_text1 = document.getElementsByClassName("listBox_text1");모든 요소를 검색하여 특정 클래스 이름을 가진 요소를 찾아서 NodeList(요소의 컬렉션)으로 반환한다.자바스크립트  반복문/배열jQuery , React , NodeJS  > 자바스크립트 라이브러리 jQuery > CDM > jQuery 3.xjQuery > $  / jQuery(document).ready  📍실습 http://hyejux.dothome.co.kr/html_hj/index.html저의 경력은 좀비떼 몰려오는데 파르페 먹기, 도로에 빵 쏟기, 비 오는..

📍 메뉴 만들기  커피 주문 화면 프로그램 메세지 표시 let btn1,btn2,btn3,txt;window.onload = function(){ btn1 = document.querySelector('#btn1'); btn2 = document.querySelector('#btn2'); btn3 = document.querySelector('#btn3'); txt = document.querySelector('.txt'); btn1.addEventListener("click", function(){ txt.innerHT..

콘솔 창 : console.log("");바닐라 JS외부 JS 파일 불러오기 ::  📍시멘틱 태그  :: 6가지 :   text-indent: 20pxposition : 부모 - relative / 자식 - absolutefont-size: 1.3rem => 1.3 * 16 = px  자바스크립트 개념, 장단점 원시 데이터 종류 :: 숫자,문자,Boolean, Undefined, NullObejcet 데이터 타입 :: 배열 , 객체 , 클래스 ,  📍 변수 :: var (any) 재선언 가능 / 재할당가능let (같은Type),  재선언 불가능 / 재할당가능const(상수) 재할당 불가능 📍 배열 :: 같은 타입의 데이터가 인덱스 순서대로 나열된 것  ex) 문자열로 이루어진 학급 친구들..

getElementById()HTML 요소(id="demo" 포함한) 찾아서, 요소 콘텐츠(innerHTML) 를 변경함큰 따옴표, 작은 따옴표 모두 허용 반갑습니다!Click Me!JavaScript Can Change HTML Attribute ValuesTurn on the lightTurn off the light html - src 속성을 변경할 수 있다.JavaScript Can Change HTML Styles (CSS)Click Me! css - style 값을 변경할 수 있다.JavaScript Can Show &  Hide HTML ElementsClick Me!Click Me!html 요소를 숨기거나 보이게 할 수 있다.  The  태그 사이에 코드가 삽입된다.JavaScript Fu..