Javascript

[Js] 배열 생성

interface ArrayConstructor { /** * Creates an array from an array-like object. * @param arrayLike An array-like object to convert to an array. */ from(arrayLike: ArrayLike): T[]; /** * Creates an array from an iterable object. * @param arrayLike An array-like object to convert to an array. * @param mapfn A mapping function to call on every element of the array. * @param thisArg Value of 'this' u..

Bind

this.x = 9; var module = { x: 81, getX: function() { return this.x; } }; module.getX(); // 81 var retrieveX = module.getX; retrieveX(); // 9 반환 - 함수가 전역 스코프에서 호출됐음 // module과 바인딩된 'this'가 있는 새로운 함수 생성 // 신입 프로그래머는 전역 변수 x와 // module의 속성 x를 혼동할 수 있음 var boundGetX = retrieveX.bind(module); boundGetX(); // 81 this.name ='소냐'; let person1 = { name: '아무무' }; let person2 = { name: '럭스', study: functio..

[자바스크립트] 싱글스레드, 비동기처리, 콜백함수

https://www.freecodecamp.org/news/synchronous-vs-asynchronous-in-javascript/ Synchronous vs Asynchronous JavaScript – Call Stack, Promises, and More Let me start this article by asking, "What is JavaScript"? Well, here's the most confusing yet to-the-point answer I have found so far: > JavaScript is a single-threaded, non-blocking, asynchronous, concurrent programming language with lots of flexi..

[자바스크립트] 매개변수, 인자 용어 차이

https://velog.io/@colki/JS-parameter-%EC%99%80-argument-%EC%9D%98-%EC%B0%A8%EC%9D%B4-%EC%9D%B8%EC%88%98-%EC%9D%B8%EC%9E%90 [JS] parameter 와 argument 의 차이 (인수, 인자) parameter와 argument 차이와 각각을 가르키는 용어에 대해서 정리해보았다. velog.io 계속 헷갈려서 이젠 분명히 알기!

[NodeJs] Get, Post

https://xzio.tistory.com/1753 [NodeJS] 파라미터 전달 - GET, POST 들어가며 node.js에서 http모듈을 사용하여 데이터를 주고 받는 방식인 GET과 POST 방식에 대해서 포스팅을 하려고 합니다. 우리가 흔히 웹페이지를 요청하는 작업은 GET방식이고, id, pwd을 입력한 xzio.tistory.com

[리액트] 컴포넌트 단축키 깡패 rafce

리액트의 최고 장점, 컴포넌트라는 개념은 개발자가 원하는글 묶어서 태그화(컴포넌트)화 시킬 수 있다는 것이다. Box.js로 작명한 js 파일에 rafce 작성 후 엔터치면! import React from 'react' const box = () => { return ( ) } export default box 위와 같은 템플릿이 바로 만들어진다. 컴포넌트 만들 시 주의 사항: 컴포넌트 이름은 반드시 대문자로 시작해야 한다. 이는 리액트가 컴퓨넌트와 일반 html 태그를 구별하는 방법이 대묹바로 시작하는지 여부를 검토하기 때문이다. 1. 반복되는 아이템 2. 기능별 아이템(테스트, 유지보수 용이) 3. 나중에 재활용될 것으로 예상되는 기능 \first-react\src\App.js import "./A..

[자바스크립트] 익명함수, 화살표 함수, 콜백함수

let onComplete = () => { console.log('동막골'); }; class Welcome { to(onComplete) { onComplete(); } } const welcome = new Welcome(); welcome.to(onComplete); //동막골 익명함수 형식 ) var(혹은 let) 변수명 = function(매개변수명 : 자료형) { 처리구문 } 변수가 함수의 이름을 대신하게 되고, 이 변수를 사용해서 함수의 기능을 실행할 수 있다. 자바스크립트, 함수를 만들때 사용하는 일반적인 방법 var pow_ = function(x:number){ //function pow_(x:number) console.log('x=>'+x); return x*x; } console..

[자바스크립트] crazy this, 헷갈리는 자바스크립트 this 예제 총정리

https://poiemaweb.com/es6-arrow-function Arrow function | PoiemaWeb Arrow function(화살표 함수)은 function 키워드 대신 화살표(=>)를 사용하여 간략한 방법으로 함수를 선언할 수 있다. 하지만 모든 경우 사용할 수 있는 것은 아니다. 문법은 아래와 같다. poiemaweb.com ㄴ> 가장 정확하고 자세하고 풍부한 예시로 설명되어 있는 문서 const obj = { name: '꼬부기', sayName: () => { console.log(this.name); } } obj.sayName(); class Counter { name = 'counter'; count = 0; increase = () => { console.log(th..

[자바스크립트] export default

https://ko.javascript.info/import-export#ref-4122 모듈 내보내고 가져오기 ko.javascript.info 모듈은 크게 두 종류로 나뉩니다. 복수의 함수가 있는 라이브러리 형태의 모듈(위 예시의 say.js) 개체 하나만 선언되어있는 모듈(아래의 user.js. class User 하나만 내보내기 함) 대개는 두 번째 방식으로 모듈을 만드는 걸 선호하기 때문에 함수, 클래스, 변수 등의 개체는 전용 모듈 안에 구현됩니다. 그런데 이렇게 모듈을 만들다 보면 자연스레 파일 개수가 많아질 수밖에 없습니다. 그렇더라도 모듈 이름을 잘 지어주고, 폴더에 파일을 잘 나눠 프로젝트를 구성하면 코드 탐색이 어렵지 않으므로 이는 전혀 문제가 되지 않습니다. 모듈은 export de..

[Node.js] 모듈 (export, require)

- package.json 에 "type": "module", 추가해줄 것 - export 키워드 사용 - import {가져올이름1, 가져올이름2 . . . } from '경로지정' - 한꺼번에 : import * as 가져올이름 from "경로지정"; 써준다음에 가져올이름.가져올함수명() 이런식으로 부름 counter.js let count = 0; function increase() { return count++; } function getCount() { return count; } module.exports.getCount = getCount; module.exports.increase = increase; 위 코드와 동일 기능 let count = 0; function increase() { ..