javascript, nl2br, nl to  


function nl2br(str){  
    return str.replace(/\n/g, "<br />");  
}   

function nl2nbsp(str){   
    return str.replace(/\n/g, "");  
}   
Posted by 홍반장水 홍반장水

댓글을 달아 주세요

switch (new Date().getDay()) {
  case 0:
    day = "Sunday";
    break;
  case 1:
    day = "Monday";
    break;
  case 2:
     day = "Tuesday";
    break;
  case 3:
    day = "Wednesday";
    break;
  case 4:
    day = "Thursday";
    break;
  case 5:
    day = "Friday";
    break;
  case 6:
    day = "Saturday";
}

[javascript] Switch case else

switch(expression) {
  case x:
    // code block
    break;
  case y:
    // code block
    break;
  default:
    // code block
}

 

 

Posted by 홍반장水 홍반장水

댓글을 달아 주세요

.

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 홍반장水 홍반장水

댓글을 달아 주세요