본문 바로가기
블로그 이미지

방문해 주셔서 감사합니다! 항상 행복하세요!

  
   - 문의사항은 메일 또는 댓글로 언제든 연락주세요.
   - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다.
   - 메일주소 : lts06069@naver.com


Javascript72

(기본/기초) Javascript 클로저, Javascript closure, 자바스크립트 클로저 웹 개발을 공부하면서 사실 기본을 처음부터 익히지 않고 무작정 달려들었던 것 같다. 원리와 기본 개념이 없어도 쉽다고 생각한 것이 자바스크립트였는데...막상 몇몇 기본적인 현상과 마주치고 나니.. "이건 버그야!" 라고 생각하는 경우도 종종 있었다. 아무튼, 클로저라는 개념을 모르고 사용한 코드가 아래처럼 종종 있었다. function hi(name) { var _name = '안녕! '; //클로저~ return function() { console.log(_name + ', ' + name); }; } var mm = new hi('world'); mm(); 위 경우를 살펴보면 _name으로 선언한 변수는 앞에 var가 붙었음에도 불구하고 글로벌하게 사용되지 않는 것을 볼 수 있다. 즉, 내가 무슨짓.. 2019. 10. 4.
엣지에서 IP주소가 파란색 및 줄로 나오는 현상(edge ip auto underline, x-ms-format-detection ) 네네. 우리의 마이크로소프트의 브라우저가 저런 황당한(?) 기능을 부여할 때가 있습니다. 즉, a테그없이 그냥 단순히 ip 만 들어갔을 뿐인데 저런 현상을 보여주곤 합니다. 이를 해결하기 위해서는 x-ms-format-detection을 메타테그에 설정하던지 아니면 해당 엘리먼트의 속성에 x-ms-format-detection 추가하고 none값을 주면 됩니다. 1. 속성에 주는 방법 111.222.111.222 2. 메타테그에 주는 방법 111.222.111.222 끝~ 2019. 9. 20.
Javascript 배열 정렬 (Array Sort) var array = [ {random_type4:'B', random_type5:'D', daying:'2019-07-01 01:51', count:2}, {random_type4:'B', random_type5:'D', daying:'2019-07-02 01:51', count:5}, {random_type4:'B', random_type5:'D', daying:'2019-07-01 00:51', count:1}, {random_type4:'B', random_type5:'D', daying:'2019-07-01 03:51', count:4}, {random_type4:'B', random_type5:'D', daying:'2019-07-01 02:51', count:3} ]; array.sort(f.. 2019. 7. 18.
Parcel 웹 어플리케이션 번들러 타입스크립트나 javascript로 잘 짜여진 코드를 webpack으로 압축해서 잘 쓰다보면 require 관련된 오류나 import 때문에 골치아파지는 경우가 있다. 익스플로러에서 자주 만나게 되는 것 같다.. 또한 일일이 import한 내용을 옮기거나 포함시키려면 어려운 경우가 종종 있는데.. parcel 이라는 번들러는 이러한 문제를 간단하게 해결하여 준다. 대상 파일에 명령어를 통해 buiild하게되면 간단하게 파일 1개로 떨구어 준다. https://parceljs.org/ Parcel Blazing fast, zero configuration web application bundler parceljs.org 설치방법 npm install -g parcel-bundler 사용 parcel 대상 .. 2019. 7. 16.
Excel파일 웹에서 Table로 표현 xlsx파일을 읽어서 웹에서 표출하는 방법은 Sheetjs라는 라이브러리를 사용하면 편리하게 구현 가능 하다. 위 예제코드는 input type file에서의 예제코드이다. ajax로 바꾸는것도 어렵지는 않다. workbook에 메타데이터를 활용하면 여러 형태로 가공이 편리하다. 2019. 6. 18.
Rxjs기능 Create, from, fromEvent 직관적인 기능이다. 말 그대로 관측하는 대상을 만들어 준다. import { Observable } from 'rxjs'; const hello = Observable.create(function(observer) { observer.next('123'); observer.next('456'); observer.complete(); //행위 종료선언 }); const subscribe = hello.subscribe(val => console.log(val)); //123 456이 출력된다 complete를 통해서 구독을 멈추는 기능을 보았다. complete를 하지 않으면 구독행위는 중단되지 않는다. from은 ~부터의 의미로 데이터가 등록된 이후로의 행위를 정의한다. import { from } fr.. 2019. 5. 13.

티스토리툴바