Category: Javascript

0

javascript - javascript 객체를 HTML form의 input에 맵핑하기(Tip code)

¶들어가기 웹 개발하다보면, 흔하게 해야 하는 Javascript 객체를 HTML의 form 내부의 input에 맵핑하는 함수이다. javascript공부를 게을리해 Jquery만 사용하다보니, 이런것 하나 짜는데 한 세월이다. 반성하자. 아래 함수는 javascript 객체의 프로퍼티명과 일치하는 name을 갖는 input태그를 form에서 찾아 값을 맵

0

javascript - Promise(콜백의 진화형)

Promise란 Promise의 기본개념 Promise 만들고 실행하기 Promise Chain(프라미스 체인) 마무리 ¶Promise란 Promise는 javascript의 callback의 단점을 해결 하기 위한 1단계 진화형 형태이다. 프라미스가 콜백을 대체하는 것은 아니다. 사실 프라미스에서도 콜백을 사용한다. 프라미스는 콜백을 예측 가능한

0

javascript - callback hell(콜백 헬)

¶콜벡헬이란 콜백을 사용해 비동기적으로 실행할 수 있긴 하지만, 현실적인 단점이 있다. 한 번에 여러 가지를 기다려야 한다면 콜백을 관리하기가 상당히 어려워진다. 노드 앱을 만든다고 하자. 이 앱은 세 가지 파일의 콘텐츠를 읽고, 60초가 지난 다음 이들을 결합해 네번째 파일에 기록 한다. 1234567891011121314151617const fs = r

0

javascript 콜백사용의 위험성(클로저 그리고 let와 for문)

들어가기 비동기 콜백사용시 클로저영역 변수 사용의 위험성 마무리 ¶들어가기 콜백의 비동기적 프로그래밍을 사용할때 주의할점이 좀 있다. 자바스크립트의 클로저와 함께 사요할때 콜백사용의 주의점을 정리해보겠다. ¶비동기 콜백사용시 클로저영역 변수 사용의 위험성 비동기적 실행에서 혼란스럽고 에러도 자주 일어나는 부분은 스코프와 클로저가 비동기적 실행에 영향

0

javascript - 오류 우선 콜백패턴 (error-first callback pattern)

¶들어가기 오류 우선 콜백패턴(error-first callback pattern)은 자비스크립트에서 콜백을 사용할때, 콜백과 관련된 에러를 처리를 위한 일종의 코딩 약속과 같다. ¶오류 우선 콜백패턴 (error-first callback pattern) 규칙 콜백의 첫 번째 매개변수에 에러 객체를 사용한다. 에러가 null이나 undefined이면 정

0

Javascript - 콜백함수(Callback function)이란?

들어가기 CallBack 콜백함수란 Callback을 활용한 비동기적 프로그래밍 비동기적 테크닉을 사용하는 경우 Callback 함수의 비동기적 사용의 예 setTimeout 함수 setInterval함수와 clearInterval함수 마무리 Related Posts ¶들어가기 Callback 함수를 모르지는 않는다. 하지만 잘 안다고 말

0

Javascript - 동기(synchronous), 비동기(asynchronous) 프로그래밍

들어가기 동기 synchronous 와 블록킹 Bloking 이란 비동기 asynchronous적 동작과 논블록킹 Non Blocking 참고자료 ¶들어가기 이 글은 자바스크립트의 동기(asynchronous) + 블록킹, 비동기 + 논블록킹 구조에 대한 설명이다. ¶동기 synchronous 와 블록킹 Bloking 이란 일단 동기적인 동작의

0

javascript - var let const 비교설명 (부제:const 객체, const 배열을 사용하는 이유)

들어가기 식별자(identifier) 리터럴(literal) 용어정리 var, let, const 요약설명 var Vs let의 비교(var가 얼마나 쓰레기인지, 대신 왜 let 을 써야 하는지에 대한 설명) var 키워드는 변수명을 재선언해도 아무런 문제가 발생하지 않는다. var 키워드는 호이스팅(hoisting)이라는 메커니즘을 통해 끌어 올려

0

javascript - 전개연산자 spread operator(...)

¶들어가기 아 프론트엔드 진짜 너무 어렵다. 누군가 만들어논 Vue bootstrap 템플릿을 분석중인데, 진짜 뇌에 마비가 올것 같다. Vue 소스중에 다음과 같은 소스를 찾았다. 저 ... 라는 자바스크립트 표현은 전개연산자(spread operator)라 불린다. 전개연산자(spread operator)를 후려쳐서 말하자면, 배열 x에 전개연산자를

0

javascript - Module 패턴(전역스코프를 지켜라)

¶들어가기 웹 프로젝트를 하다보면 공통적으로 사용할 유틸리티 등을 common.js 와 같이 분리하여 개발할 필요가 생긴다. 이때 고려할점은 자바스크립트의 전역 스코프의 변수명 관리가 힘들다는 것이다. 예를 들어 common1.js와 common2.js 두개를 동시에 참조하여 사용파는 페이지가 있다고 가정했을때, common1.js 내부 1234var co