일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- 다이나믹 프로그래밍
- 파이썬
- MYSQL
- DP
- 딕셔너리
- 프로그래머스
- 다익스트라
- 코딩테스트
- 브루트포스
- dict
- level1
- 가상메모리 관리
- 수학
- 힙
- python
- 백준
- 가상메모리
- level0
- N과M
- programmers
- 운영체제
- 스택
- level2
- BOJ
- dfs
- 구현
- 그리디
- BFS
- level3
- 재귀
- Today
- Total
목록front/HTML&CSS&JS (22)
동캄의 코딩도장
JQUERY란 jQuery는 HTML의 DOM 조작과 이벤트 제어, 애니메이션 그리고 Ajax까지 웹 화면을 다루는 자바스크립트 라이브러리이다. jQuery를 이용하면, 기존 자바스크립트를 이용하는 것 보다 훨씬 빠르게 동적 웹페이지를 구현할 수 있다. --> 현재는 JS의 발전 (ES6->ES7->ES8->...)으로 JQUERY가 제공하는 라이브러리를 대체할만한 기능들이 등장했고, 브라우저들의 호환성도 좋아져, 대부분의 브라우저에서 JS만으로도 웹페이지를 구현할 수 있게 되었다. --> BUT 여전히 많은 곳에서 JQuery 라이브러리를 사용중이고, JQuery도 계속 발전하고 있다. 가장 중요한 것은 Vanllia JS 실력을 기르는 것이다. 기본기가 탄탄해야 이후 응용(JQuery,React, e..
console.log - 출력 console.info - 정보 console.warn - 경고 console.error -에러 console.assert - 거짓일때만 출력 console.table - 테이블로 출력 console.dir - Object 출력 console.time('yo') console.timeEnd('yo') Time 선언부터 timeend 선언까지 걸린 시간 출력 console.count('function') 함수가 출력될때마다 출력된 횟수도 함께 출력 console.countReset('function') 횟수를 0으로 초기화 console.trace() 어디서 호출되었는지 경로를 출력
// async & await // clear style of using promise :) // 1. async //promise 사용 // function fetchUser(){ // return new Promise((resolve,reject)=>{ // resolve('ellie'); // }); // } // const user =fetchUser(); // user.then(console.log); // console.log(user); // async 사용 async function fetchUser(){ return 'ellie'; } const user=fetchUser(); user.then(console.log); // 2, await function delay(ms){ return..
// Callback kHell example class userStorage{ loginUser(id,password){ return new Promise((resolve,reject)=>{ setTimeout(()=>{ if( (id==='ellie' && password ==='dream') || (id ==='coder' && password ==='academy') ){ resolve(id); } else{ reject(new Error('not found')); } },2000); }); } getRoles(user){ return new Promise((resolve,reject)=>{ setTimeout(()=>{ if(user==='ellie'){ resolve({name:'ellie',..
'use strict'; // Promise is a JavaScript Object for asynchronous operation. // State: pending -> fulfilled or rejected // Producer vs Consumer // 1. Producer // when new Promise is created, the executor runs automatically. const promise = new Promise((resolve,reject)=>{ //doing some heavy work (network, read files) console.log('doing something...'); setTimeout(() => { resolve('ellie'); //reject(..
'use strict'; // JavaScript is synchronous. // Excute the coe block by order after hoisting. // hoisting: var, function declaration setTimeout(()=> console.log('2'),1000) // Synchronous callback function printImmediately(print){ print(); } printImmediately(()=>console.log('hello')); // Asynchronous callback function printWithDelay(print,timeout){ setTimeout(print,timeout) } printWithDelay(()=>co..