◇ 비동기처리란?자바스크립트의 비동기 처리란 특정 코드의 연산이 끝날 때 까지 코드 실행을 멈추지 않고 다음 코드를 먼저 실행하는자바스크립트의 특성을 의미한다.◇ Promise 객체자바스크립트에서 제공하는, 비동기를 간편하게 처리할 수 있도록 도와주는 객체이다. 정해진 기능을 수행하고 나서 결과에 따라 성공이나 실패에 대한 정보를 리턴한다.const promise = new Promise((resolve, reject) => { console.log("install excutor"); setTimeout(() => { resolve("data"); }, 1000);}); promise의 3가지 상태대기(Pending): 작업을 아직 완료하지 않음이행(Fulfilled): 작업을 성공적으로 완료..

◇ 기초문법 기록- 변수 선언let a = 2a = 'Bob' // 문자열은 작은 따옴표로- 리스트let a_list = [] // 리스트를 선언.let a = ['사과','수박','딸기','감'] // 로 선언 가능console.log(a[1]) // 수박console.log(a[0]) // 사과- 딕셔너리let a_dict = {} // 딕셔너리 선언.let a = {'name':'영수','age':27} // 로 선언 가능console.log(a)console.log(a['name']) // 영수console.log(b_dict['age']) // 27- 리스트 & 딕셔너리let a = [ {'name':'영수','age':27}, {'name':'철수','age':15}, ..

자바스크립트 사전 : https://opentutorials.org/course/50/37 String - 생활코딩한줄요약 문자열 객체. 문자를 제어하는 다양한 메소드와 속성을 가지고 있다. 문법 String([stringText]) new String([stringText]) // String은 자주 사용하는 객체이므로 다음과 같은 형식을 사용하면 암시적opentutorials.org□ 수의 연산- Math.Math.pow(x,y); : 제곱Math.round(x,y); : 반올림Math.ceil(x,y); : 올림Math.floor(x,y); : 내림Math.sqrt(x); : 제곱근Math.random(); : 1보다 작은 임의의 숫자□ 문자형식확인- typeof xtypeof 1 → numbert..

https://flukeout.github.io/ CSS DinerA fun game to help you learn and practice CSS selectors.flukeout.github.io #idA B(부모 자식)#id AA.class1~4 종합A,B*(전부다)A *(A의 모든것)A + B(인접 형제 결합자)A ~ B(일반 형제 결합자)A > B(직계 자손 선택):first-childonly Child:last-child:nth-child(n):nth-last-child(n):first-of-type:nth-of-type(A):nth-of-type(An+B):only-of-type:last-of-type:empty:not(A)[attribute]A[attribute][attribute="val..

□ HTML과 CSS의 연결※ style는 HTML의 문법이다.- 사용 : - 특정 태그에 style속성 값 부여 □ 선택자와 선언선택자 연습 : https://flukeout.github.io CSS DinerA fun game to help you learn and practice CSS selectors.flukeout.github.io - 선택자의 종류태그 선택자ex) li란 태그를 모두 선택하여 style 값 부여아이디 선택자ex) #select로 id="select"인 아이디에 style 값 부여클래스 선택자ex) .deactive로 class="deactive"인 클래스에 style 값 부여※ 식별을 위해 id/class 는 반드시 나누어져야 한다(class가 국가라면 id는 주민번호[고유..

HTML 태그 사전 : https://opentutorials.org/module/552/4791 article - HTML5 태그 사전정의 article요소는 문서내에서 독립적인 컨텐츠를 나타냅니다. 설명 article요소는 포럼의 글이 될수도 있고, 잡지나 신문의 기사일 수도 있으며, 블로그의 글이나 사용자가 올린 의견이나 상호작opentutorials.org □ HTML이란?HyperTextMarkupLanguage 하이퍼텍스트를 가장 중요한 특징으로 하는 마크업이라는 형식을 가진 컴퓨터 프로그래밍 언어사람과 웹브라우저가 소통할 때 쓰는 언어□ 기본문법- 태그 : (시작태그), (닫히는 태그)- 속성 : 태그만으로는 부족한 것을 무한히 추가 할 수 있는 문법→ , 등은 태그 이고 href, ta..