유니코드 정규표현식 (Regex unicode)
유니코드
문자열을 처리할 수 있는 코드의 집합 표준이다.
이것을 통해 문자로써 이모티콘(✨)과 수식(𝒳)의 처리가 가능해진다.
정규표현식에서의 유니코드
es6가 적용되는 모던 브라우저에서 사용이 가능한 정규표현식의 형태이다.
이로인해 기존 유니코드를 사용한 이모티콘, 수식에 대하여 정규표현식 처리가 가능하다.
사용법은 글로벌 옵션으로 u 를 추가한다.
/𝌆{2}/u
console.log(/𝌆{2}/.test('𝌆𝌆')); // false
console.log(/𝌆{2}/u.test('𝌆𝌆')); // true
유니코드 - 표기 체계
언어에 따라 유니코드 그룹이 되어있어 그것을 사용하는 방법이 있다.
이것을...
2021-12-29
2021-08-03
chartjs-doughnut-center-labels
chartjs-doughnut-center-labels
Chartjs 도넛차트 중간 라벨 삽입
기존에 있던게 chartjs 2버전이라서 3버전으로 적당히 만들었다.
행간이 조정이 더 필요하지만 우선은 처리하려던건 달성
https://codesandbox.io/s/chartjs-doughnut-center-labels-2h4zt
Written with StackEdit.
...
2021-06-29
YAML
YAML
YAML (데이터 직렬화)
XML, JSON 과 같은 데이터 직렬화 방식
최대한 간결하게 파이프라인을 구성하도록 되어있음
Tag
tag를 통해 데이터 구조를 명확히 지칭
일부 seq, map, object map, set 은 암시적인 tag로 적용됨
map:
Block style: !!map
Clark : Evans
Oren : Ben-Kiki
데이터 구조 (Collection Types)
seq, array (!!seq)
Block style:
- one
- two
- three
Flow style: [one, two, three]
map (!!map)
map:
# Unordered set of key: value...
2021-05-13
JavaScript 안티 패턴
JavaScript 안티 패턴
참조 문서
목차
<script>를 <body>최하단에 배치할 것 +
외부소스를 로컬로 관리할 것
전역변수 사용을 하지말 것 +
import는 최상단에 배치할 것 +
선언없이 변수사용하지 말 것
생성자(Array/Object/Function)를 사용하지 말것 배열/객체 함수
== 비교연산자를 쓰지 말 것
중괄호({…})를 생략하지 말것
parseInt()에 진법을 붙일것
switch에서 연속되고 기능이 있는 case사이에 break를 생략하지 말것
배열 순회시, for-in를 사용하지 말 것
배열 내에서 delete로 항목을 제거하지 말 것
반복문에서 절차에 따라 필요한 처리만 진행할 것
반복문에서 continue처리를...
2021-03-22
2021-03-22 GraphQL
2021-03-22 GraphQL
GraphQL
페이스북에 의해 REST 구조를 개선하기 위한 방식으로 개발된 시스템
구조
기존 REST는 우측과 같이 서버에서 데이터를 가져올때 연관된 요청을 모두 요청 해야한다. 하지만 그 과정에서 항상 모든 정보가 쓰이진 않으며 처리될때 어떤 정보를 받게될지 명확하지 않다.
이점을 개선하여 SQL 과 같이 필요한 정보만을 타입 과 데이터 구조를 요청하게 된다.
내부 구조는 간단히 키워드로만 구성된 계층구조로 조회하는 형태로 보인다.
상세한 구조는 document에...
2021-03-22 Pub-Sub 구조
2021-03-22 Pub-Sub 구조
Publish - Subsclibe
구조
아래와 같이 publisher 가 topic 계층으로 전달한 메세지를 broker 에서 해당 topic 을 보고있는 subscriber에게 메세지를 전달하는 구조
subscriberpublishertopic/locationtopic/statetopic/statetopic/locationtopic/statetopic/locationstatelocationstate,locationupdatebroker
Written with StackEdit.
...
2020-11-30
js Proxy & Reflect (like observer)
js Proxy & Reflect (like observer)
MDN Proxy / MDN Reflect
proxy 와 reflect는 동일하게 동작하지만
reflect로 정의된 객체를 proxy로 재정의하여
동작을 할당한다고 보면 될것으로 생각됨
아래와 같은 관계로 재정의 되지않은 기본동작 정의
new Proxy(obj, {
get: Reflect.get,
});
정리
MDN handler
var 대상Object = {} ;
var hander = new handler(....참조);
var obj = new Proxy(대상Object, handler);
handler props
get
prop 값 호출시
get: function (대상_object,대상_prop_명)...
피드 구독하기:
글 (Atom)