Javascript

generate random id 에 대한 깃허브 답변

ID - a unique ID/name generator for JavaScript (github.com) ID - a unique ID/name generator for JavaScript ID - a unique ID/name generator for JavaScript. GitHub Gist: instantly share code, notes, and snippets. gist.github.com I strongly recommend using performance.now().toString(36) instead of Date.now - since it offers a higher precision date (ref: https://developer.mozilla.org/en-US/docs/Web/..

자바스크립트 반복문

https://curryyou.tistory.com/202

[드림코딩 자바스크립트] 비동기 promise

https://youtu.be/JB_yU6Oe2eE 주석은 콜백 지옥 예제 // class UserStorage { // loginUser(id, password, onSuccess, onFailure) { // setTimeout(() => { // if ( // (id === "홍길동" && password === "아버지") || // (id === "황진이" && password === "청산리") // ) { // onSuccess(id); // } else { // onFailure(new Error("not found")); // } // }, 2000); // } // getRoles(user, onSuccess, onFailure) { // setTimeout(() => { // if (..

[드림코딩 자바스크립트]비동기의 시작 콜백지옥

https://youtu.be/s1vpVCrT8f4 index.js class UserStorage { loginUser(id, password, onSuccess, onFailure) { setTimeout(() => { if ( (id === "홍길동" && password === "아버지") || (id === "황진이" && password === "청산리") ) { onSuccess(id); } else { onFailure(new Error("not found")); } }, 2000); } getRoles(user, onSuccess, onFailure) { setTimeout(() => { if (user === "홍길동") { onSuccess({ name: "홍길동", role: "아버..

[자바스크립트 중급] call, apply, bind

https://youtu.be/KfuyXQLFNW4 call, apply, bind 자바스크립트에서의 함수 호출 방식 function add(a: number, b: number): number { return a + b; } console.log(add(10, 20)); console.log(add.apply(null, [10, 20])); console.log(add.call(null, 10, 20)); console.log(add.bind(null, 10, 20)()); call, apply, bind : 함수 호출 방식과 관계없이 this를 지정할 수 있음 javascript의 함수는 각자 자신만의 this라는 것을 정의한다. 기본적으로 this는 window이지만 this는 객체 내부, 객체 메..

node.js 이용해서 프론트엔드 개발 프로젝트 생성하기

참고: [Node.js 코드랩] 1.오리엔테이션 | 김정환 블로그 (jeonghwan-kim.github.io) 프론트엔드 개발환경의 이해: NPM | 김정환 블로그 (jeonghwan-kim.github.io) 1. 개발을 진행할 적당한 빈폴더 하나 만들기 아래 순서대로 작성하기 npm init 프로젝트 생성 명령어로, 프로젝트의 메타 정보를 입력할 수 있는 화면이 제공된다. 아래와 같이 뜬다 npm init This utility will walk you through creating a package.json file. It only covers the most common items, and tries to guess sensible defaults. See `npm help init` for d..

[기초 자바스크립트] 드림코딩 by 엘리님 자바스크립트 기초 강의 (ES5+) 시리즈 정주행 기록

https://youtu.be/tJieVCgGzhs ** 엘리님 영상 내용 + 개인적으로 학습한 부분을 섞어 포스팅을 작성하므로, 영상 흐름 및 내용과 포스팅이 완전하게 일치하지는 않습니다. (콘텐츠 오류 지적 환영) 핵심 개념 : 'defer' 와 'use strict' 자바스크립트 공식사이트는 이크마 http://ecma-international.org/ Welcome to Ecma International Welcome Ecma International is an industry association founded in 1961, dedicated to the standardization of information and communication systems. We are also here: Si..

[중급 자바스크립트] 심볼

https://youtu.be/4_WLS9Lj6n4 **코딩앙마님의 유튜브 무료 강좌를 보고 학습한 포스팅입니다. 객체 프로퍼티 키는 문자열.. 심볼은.. [유일한 식별자] const a = Symbol(); //new를 붙이지 않는다. const symA = Symbol(); const symB = Symbol(); console.log(symA); //Symbol() console.log(symB); //Symbol() console.log(symA == symB); //false console.log(symA === symB); // false 심볼형은 유일성을 보장해준다. const id = Symbol('id'); 심볼 뒤에 소괄호에 설명을 넣어주면 좋다. 들어가는 문자열 설명은 어떠한 영향도 ..

[중급 자바스크립트] 객체 참초, 객체 복사, 배열 컨트롤 심화

https://youtu.be/4_WLS9Lj6n4 https://youtu.be/9tbjjZb65ng ** const user = { name:'Mike', age:30 } 위와 같이 user라는 객체가 있을 때, 복제(깊은 복사)를 하기 위해서 const cloneUser = user; 위와 같이 작성하면 기대했던 효과(객체를 복사해서 넣는다)를 얻을 수 없다.(원인: 아래 캡처 참고) 아래 캡처를 참고하면 알 수 있듯이 cloneUser는 힙에 담긴 user를 래퍼런스하는 래퍼런스 변수가 된다.(얕은 복사)(객체를 참조하는 값이 들어간다) 따라서 cloneUser.age=44; 식으로 cloneUser의 프로퍼티 값을 바꾸어버리면 user.age의 나이도 동기화되어 변경되는 것을 아래 예제를 통해 ..

[자바스크립트] 난수 생성

[Javascript] 난수 생성하기 (랜덤 숫자, Random Number) - 어제 오늘 내일 (tistory.com) [Javascript] 난수 생성하기 (랜덤 숫자, Random Number) Javascript로 난수를 생성하는 방법을 소개합니다. Math.random() 범위를 지정한 난수 생성하기 0~9 0~10 0~99 0~100 1~10 2~5 난수 생성 함수 만들기 (범위 지정) min