Vanilla Js [Javascript] TOC(Table Of Content )

#1. What is TOCSummary, Reference[ Summary ]글 사이드에 생시는 소제목 목차(Table Of Contents)를 TOC 라고 부른다.작성의 편리함과 비교적 빠른 생산성을 위해 마크다운으로 글을 작성한다.소제목을 모아서 만든 글 목차는 블로그를 이용하는데 많은 도움이 됩니다.github, velog에도 존재하는 기능으로 여러 사람들이 사용하고 있습니다.[ Reference ]함께 자라기 - Link

작성일 :2021-09-29 01:12 / 조회수: 41회
2021 09
Vanilla Html Vanilla Css Vanilla Js 엘라스틱서치 용량문제

elasticsearch.exceptions.TransportError: TransportError(429, 'cluster_block_exception', 'index [agent-monitor] blocked by: [TOO_MANY_REQUESTS/12/disk usage exceeded flood-stage watermark, index has read-only-allow-delete block];')

작성일 :2021-09-05 12:21 / 조회수: 85회
2021 08
Vanilla Js 이미지 스와이퍼 라이브러리

https://swiperjs.com/demos

작성일 :2021-08-21 06:34 / 조회수: 72회
2021 07 Javascript
Vanilla Js Javascript 비동기 처리를 동기적으로 처리

#1. Summary, Step[ Summary ]delay는 랜덤으로 시간을 딜레이시켜 데이터를 반환할 수 있도록 구성돼있다.비동기 방식으로 처리하는데 시간이 걸리기에 처리가 완료되는 순으로 데이터가 반환된다.var delay = () => { const randomDelay = Math.floor(Math.random() * 4) * 100 return new Promise(resolve => setTimeout(resolve, randomDelay)) } var data =[1, 2, 3, 4, 5, 6, 7, 8, 9, 10] data.forEach(async data => { await delay().then(() => console.log(data)) })이를 입력 순서로 반환하기 위해 map과 Promise.all을 이용할 수 있다.promise.all은 배열의 모든 promise가 통과할 때 까지 대기한다.이후 map을 사용하여 비동기 요청의 시행 결과 순서가 아닌, 보낸 순서로 promise 배열이 반환된다.var delay = () => { const randomDelay = Math.floor(Math.random() * 4) * 100 return new Promise(resolve => setTimeout(resolve, randomDelay)) } var loops = async (data) => { console.log("시작") const promises = data.map(async data => { return await delay() .then(() => data) }) const results = await Promise.all(promises) results.forEach(data => console.log(data)) console.log("끝") } var data =[1, 2, 3, 4, 5, 6, 7, 8, 9, 10] loops(data)

작성일 :2021-07-05 00:42 / 조회수: 485회
2021 06 Javascript
Vanilla Js Javascript 문자열 자르기

#1. How to string slicingSummary, Sample[ Summary ]긴 문장에서 특정 문자를 기준으로 문장을 나누려면 어떻게 해야할까.자바스크립트에는 split() 함수를 제공하므로 간단하게 해결할 수 있다.함수 형태는 문자열 뒤에 split() 함수를 붙여 사용할 수 있다.string.split({구분자})실제 사용 코드const msg = "This is Sample Data."; const arr = msg.split(" "); console.log(msg) # ["This", "is", "Sample", "Data."]

작성일 :2021-06-22 00:41 / 조회수: 95회
2021 05 Javascript
Vanilla Js Javascript 라이브러리 모음

JS 라이브러리 [1] 종합 선물 세트 - d3(Data Driven Documents) Gallery[2] 차트 라이브러리 - C3.js- chartist-js  - chart.js- Echarts- xcharts- jscharts 무료 버전은 워터마크가 포함되어 있음- NVD3.js  - MetricsGraphics.js Moozilla Public License, version 2.0 [3] 프레젠테이션 라이브러리- Bespoke.js MIT License / - REVEAL.js MIT License / - slides.js Apache License 2.0 /  - imprees.js MIT and GPL(V2) Licenses /[4] 그래픽 & 애니메이션 라이브러리 - animo.js MIT License / - parallax.js MIT License / - mindmap  / - bonsia.js MIT License  / - Snabbt.js / 엘리먼트의 크기 변경, 회전, 비스듬히 음직이기, 변환 등 - Particles.js Particle 생성 ( 데이터 표현 ) [5] 타이핑 & 에디터 기능 라이브러리 - TheaterJS MIT License / 직접 타이핑하는 것처럼 웹에서 보여줌- textAssist / 텍스트를 드래그(? 채우기? ex : word )하면 오른쪽 마우스를 클리간 것 같은 효과 !! 괜찮은듯- SmartUnderline / 텍스트를 여러 개 겹쳐서 3D로 표현 ? 설명이 애매함[6] Form 라이브러리 - Fancy Form 무료 아닌듯, 다운은 가능하긴 함 / 깔끔한 폼 라이브러리[7] 지도 및 GIS ( Geographic Infomation System ) 라이브러리 - Turf.js MIT License / GIS API[8] 숫자 , 수학 라이브러리- decimal.js 숫자 관련 라이브러리 (우선 지금은 왜 쓰는지 모르겠음) [5] 기타- Sir Trevor js MIT License - Chroma.js  - MIT LicenseMIT 라이센스로 만들어진 2차적 저작물에대한 배포/판매/서브라이센스부여 등을 2차 개발자의 의도대로 결정할 수 있다- Apache License아파치 2.0 라이센스는 누구나 해당 소프트웨어에서 파생된 프로그램을 제작할 수 있으며 저작권을 양도, 전송할 수 있는 라이센스 규정을 의미한다. 아파치 라이선스에 따르면 누구든 자유롭게 아파치 소프트웨어를 다운 받아 부분 혹은 전체를 개인적 혹은 상업적 목적으로 이용할 수 있으며 재배포시에는 원본 소스 코드 또는 수정한 소스 코드를 반드시 포함시켜야 하고 아피치 라이선스, 버젼 2.0을 포함시켜야 하며 아파치 소프트웨어 재단에 개발된 소프트웨어라는 것을 명확하게 밝혀야 한다. - Moozilla Public License, version 2.0 소스코드 수정 시 소스코드 공개는 필수적이지만, MPL코드와 다른 코드를 결합해 프로그램을 만들 경우 소스코드를 공개할 의무는 없다 

작성일 :2021-05-20 15:28 / 조회수: 83회
2021 05 Javascript
Vanilla Js lazy

lazyhttp://jquery.eisbehr.de/lazy/example_basic-usage

작성일 :2021-05-18 14:15 / 조회수: 68회

소개글

원포올 선임 연구원

Kshield Jr. 2기 인증생

Cyber Guardians 수료생

플러터 앱 개발 강사

플라스크 웹 개발 강사

LG 쿠버네티스 보조강사

멀티캠퍼스 악성코드 보조강사

멀티캠퍼스 쿠버네티스 보조강사

금융감독원 쿠버네티스 보조강사

<시스템 해킹 프로토스타> 저자

<안드로이드 앱 개발에 딱 맞는 플러터와 다트 입문> 저자

문의: reasley.com@gmail.com

Category

Project List

Percent

JustCat

TextCount

Weather

Percent

Percent