.

https://jsfiddle.net/user/mill01/fiddles/

 

kim hongwan's Fiddles - JSFiddle - Code Playground

 

jsfiddle.net

 

Posted by 홍반장水 홍반장水

 promise  개체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냅니다.

Promise는 프로미스가 생성될 때 꼭 알 수 있지는 않은 값을 위한 대리자로, 비동기 연산이 종료된 이후의 결과값이나 실패 이유를 처리하기 위한 처리기를 연결할 수 있도록 합니다. 프로미스를 사용하면 비동기 메서드에서 마치 동기 메서드처럼 값을 반환할 수 있습니다. 다만 최종 결과를 반환하지는 않고, 대신 프로미스를 반환해서 미래의 어떤 시점에 결과를 제공합니다.

Promise는 다음 중 하나의 상태를 가집니다.

  • 대기(pending): 이행하거나 거부되지 않은 초기 상태.
  • 이행(fulfilled): 연산이 성공적으로 완료됨.
  • 거부(rejected): 연산이 실패함.

대기 중인 프로미스는 값과 함께 이행할 수도, 어떤 이유(오류)로 인해 거부될 수 있습니다. 이행이나 거부될 때, 프로미스에 연결한 처리기는 그 프로미스의 then 메서드에 의해 대기열에 오릅니다. 이미 이행했거나 거부된 프로미스에 연결한 처리기도 호출하므로, 비동기 연산과 처리기 연결 사이에 경합 조건race condition은 없습니다.

Promise.prototype.then()  Promise.prototype.catch() 메서드의 반환 값은 다른 프로미스이므로, 서로 연결할 수 있습니다.

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Promise

 

Promise

Promise 개체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냅니다.

developer.mozilla.org

https://jsfiddle.net/mill01/x3n274tq/

 

고급 예제 - JSFiddle

 

jsfiddle.net

 

 

Posted by 홍반장水 홍반장水

JavaScript animation engine https://animejs.com

 

anime.js

Javascript animation engine

animejs.com

 

https://github.com/juliangarnier/anime

 

juliangarnier/anime

JavaScript animation engine. Contribute to juliangarnier/anime development by creating an account on GitHub.

github.com

 

Posted by 홍반장水 홍반장水

길찾기(Pathfinding) 알고리즘은 이동 경로를 찾는 방법입니다. 다양한 방법이 있는데요.

각 알고리즘들이 어떻게 동작하는지를 시각적으로 보여주는 서비스를 소개합니다. 

https://qiao.github.io/PathFinding.js/visual/

 

PathFinding.js

 

qiao.github.io

출처 : https://opentutorials.org/course/543/20993

Posted by 홍반장水 홍반장水

[javascript] Vue.js 프로그레시브JavaScript 프레임워크

https://kr.vuejs.org/

 

Vue.js

Vue.js - 프로그레시브 자바스크립트 프레임워크

kr.vuejs.org

https://kr.vuejs.org/v2/guide/

 

시작하기 — Vue.js

Vue.js - 프로그레시브 자바스크립트 프레임워크

kr.vuejs.org

 

Posted by 홍반장水 홍반장水

url 가져오기, get url - javascript, jQuery

 

javascript

window.location;

window.location.replace('/','');

jQuery

$(location).attr('pathname');

$(location).attr('pathname').replace('/','');

Posted by 홍반장水 홍반장水

www.javascripting.com

 

JavaScripting.com - The Database of JavaScript Libraries

AngularJS lets you write client-side web applications as if you had a smarter browser. It lets use good old HTML (or HAML, Jade and friends!) as your template language and lets you extend HTML’s syntax to express your application’s components clearly and s

www.javascripting.com

JavaScript 라이브러리, 프레임 워크 및 플러그인.

Posted by 홍반장水 홍반장水
리액트를 공부하기 전에 미리 알아두면 좋은 자바스크립트 기초 지식을 정리한 글입니다. 클래스, 상속, 화살표 함수 등 ES6에 등장한 자바스크립트 새로운 기능을 소개하고 있습니다.

#Developer #개발자 #기발자 #JavaScript #자바스크립트 #ES6 #React #리액트

https://morioh.com/p/fb839c7da909/javascript-basics-before-you-learn-react?fbclid=IwAR0gtwoGWcK52_RpF3auOtQnNEbelMLVgqw0uNggKn6KQHz6o_x8V6iKiBs



...
Posted by 홍반장水 홍반장水
Airbnb JavaScript 스타일 가이드() {

JavaScript에 대한 대부분 합리적인 접근 방법


https://github.com/airbnb/javascript

A mostly reasonable approach to JavaScript

Note: this guide assumes you are using Babel, and requires that you use babel-preset-airbnb or the equivalent. It also assumes you are installing shims/polyfills in your app, with airbnb-browser-shims or the equivalent.


. . .
Posted by 홍반장水 홍반장水
Google JavaScript Style Guide

https://google.github.io/styleguide/jsguide.html


. . .
Posted by 홍반장水 홍반장水