Front End Develop Front End Develop

Map vs ForEach이 글은 https://codeburst.io/javascript-map-vs-foreach-f38111822c0f의 번역내용을 다수 포함하고 있습니다. JavaScript로 작업 해왔다면, Array.prototype.map ()과 Array.prototype.forEach ()와 같이 두 가지 비슷한 Array 메서드를 발견했을 것입니다. 차이점이 무엇일까요? MDN에서 정의를 한번 살펴보도록 합니다. * forEach() — executes a provided function once for each array element.=> 배열요소마다 한 번씩 제공한 함수를 실행합니다. * map() — creates a new array with the results of call..

[ Animation ] CSS Animation vs Javascript Animation CSS 에니메이션과 자바스크립트 에니메이션에 대한 성능차이에 대한 고민은 프론트엔드 개발로는 절대로 중요한 사안입니다. 웹 프론트 엔드는 HTML, CSS 및 JavaScript의 세가지로 구축됩니다.HTML, CSS 및 JavaScript는 HTML5 및 CSS3 이후로 특히 겹칩니다. 과거에는 복잡한 애니메이션을 위해서 Javascript에 의존적이었지만, 그리고 여전히 GSAP와 같은 라이브러리가 있지만 요즘에는 Transition을 사용하여 애니메이션을 적용 할 수도 있습니다.이를 통해 브라우저에서 javascript를 사용하는 몇가지 규칙을 공식화 할 수 있습니다. Javascript를 통한 에니메이션,..

8번째 데이터 타입 BigIntBigInt는 임의의 정밀도로 정수를 나타낼 수있는 JavaScript의 새로운 숫자 데이터형입니다. BigInt를 사용하면 숫자에 대한 안전한 정수 제한을 초과하여 큰 정수를 안전하게 저장하고 조작 할 수 있습니다. Chrome 67의 새로운 기능으로 최근에 업데이트 되었습니다. 사용사례BigInt를 사용하면 오버플로없이 정수 연산을 올바르게 수행 할 수 있습니다. 그것은 그 자체로 수많은 새로운 가능성을 가능하게합니다. 많은 수의 수학 연산은 금융 기술에서 일반적으로 사용됩니다. 큰 정수 ID와 고정밀 타임 스탬프는 JavaScript에서 숫자로 표시할 수 없었습니다.이로 인해 실제 버그가 생겨 문자열로 변환해서 표현합니다.BigInt를 사용하면이 데이터를 숫자 값으로 ..

Asynchronous, Multi-thread 개발하기스프링 프로젝트에서 Asynchronous를 사용하기 위해 AsyncConfigurer를 사용하고ThreadPoolTaskExecutor를 사용해서 Executor를 다중생성하고 ExceptionHandler를 연결합니다.또한 이러한 @Async 어노테이션을 활용하면 여러 Thread를 생성하고 필요한 Executor와 연결하여 사용할 수 있습니다. 그 전에 쓰레드에 대한 예를 한번 생각해보면 좋을 것 같습니다. 쓰레드가 생성될 때 컴퓨터 내부적으로 운영체제(OS)가 요청을 받아들여 메모리공간을 확보해주고 그 메모리를 쓰레드에게 할당해줍니다. 쓰레드는 동일한 메모리영역에서 생성되고 관리되지만, 생성/수거에 드는 비용을 무시할 수는 없습니다. 그래서 ..

숫자 순으로 나열된 HTML ASCII 문자 ! ! ASCII: exclamation mark " " ASCII: quotation mark # # ASCII: number sign $ $ ASCII: dollar sign % % ASCII: percent sign & & ASCII: ampersand ' ' ASCII: apostrophe-quote ( ( ASCII: opening parenthesis ) ) ASCII: closing parenthesis * * ASCII: asterisk + + ASCII: plus sign , , ASCII: comma - - ASCII: hyphen-minus . . ASCII: period / / ASCII: slash 0 0 ASCII: digit..

CRON Scheduler1. Cron?CRON은 유닉스 도구로서 오랫동안 사용되어 왔으며, 따라서 그 스케쥴링 기능은 강력하다고 인정받고 있습니다. CronTrigger 클래스는 cron의 스케줄링 기능을 기반으로합니다. CronTrigger는 "cron expression"을 사용하여 "매주 월요일부터 금요일까지 오전 8시" 또는 "매월 마지막 금요일부터 오전 1시 30 분" 과 같은 실행 일정을 만들 수 있습니다. 2. Formatcron 표현식은 공백으로 구분 된 6 또는 7 개의 필드로 구성된 문자열입니다. 필드에는 해당 필드에 대해 허용되는 특수 문자의 다양한 조합과 함께 허용 된 값이 포함될 수 있습니다. 필드는 다음과 같습니다. 시간 필수 범위 허용 특수 문자 Seconds YES 0-59..

$.grep 과 $.map이번 글에서는 jQuery에서 제공하는 두 개의 배열 유틸리티인 $.grep ()과 $.map () 사이의 차이점에 대해 포스팅 할 것입니다. 사실 $.grep 함수는 배열을 필터링하고 필터링 된 배열을 반환하지만, $.map은 단순히 배열의 각 항목에 함수를 적용하여 수정 된 배열을 반환합니다. 우선,이 기능들은 매우 다릅니다. 주요 차이점은 다음과 같습니다. $.grep()123456$.grep(array, function(index, value) { //... });Colored by Color Scriptercs 첫 번째 매개변수인 array의 경우에는 필터링을 할 배열입니다.두 번째 매개변수인 index는 각 배열 항목의 숫자 인덱스입니다.세 번째 매개변수인 value는..

%20이란?특수문자라는 생각을 해보실 수 있겠지만 공백(스페이스)를 의미합니다. 인터넷 주소에 들어간 %20은 일반적으로 들어가면 안되는 부분이기때문에 %20으로 나타난다면 그건 URL이 잘못된 것입니다. 이 %20(공백)도 하나의 문자이기 때문에 아스키 코드(ASCII Code)로 변환되어서 나타내집니다. 이 공백문자의 아스키 코드는 10진수로는 32, 16진수로는 20입니다. 따라서 %20으로 나타나는 것입니다. 그 외의 한글 문자들도 유니코드(UTF-8)값으로 자동으로 변환되어 줍니다. 그것을 encodeURI라고 합니다. 아래에 직접 써보시면 좋을 것 같습니다. encodeURI 좋은 하루 되세요 ~ : ) 출처 : http://mwultong.blogspot.com/2006/08/html-20-..