개발개발

.find() : 주어진 판별 함수를 만족하는 첫번째 요소의 값을 반환 .concat(arr2) : 두 개의 배열을 병합 (원본 데이터는 수정되지 않음) .forEach() : 배열의 개수만큼 반복 실행 .map() : 배열의 개수만큼 반복 실행하고 새로운 배열을 만들어 반환 .filter() : 특정 기준에 맞는 요소를 배열로 반환 .find() : 조건에 맞는 요소를 찾아 반환 .findIndex() : 조건에 맞는 요소를 찾아 인덱스를 반환 .includes() : 특정 데이터 포함되어있는지 확인 .push() : 배열 맨 뒤에 데이터 추가 .unshift() : 배열 맨 앞에 데이터 추가 .reverse() : 배열 뒤집기 (원본 수정됨) .splice(n, k, i) : 인덱스 n부터 k개의 데..

정규표현식 테스트 사이트 https://regexr.com/ RegExr: Learn, Build, & Test RegEx RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp). regexr.com 정규식 생성 // 생성자 new RegExp('표현', '옵션') new RegExp('[a-z]', 'gi') // 리터럴 /표현/옵션 /[a-z]/gi 정규식을 다루는 메소드 정규식.exec(문자열) : 일치하는 하나의 정보(Array) 반환 정규식.test(문자열) : 일치 여부(Boolean) 반환 문자열.match(정규식) : 일치하는 문자열의 배열(Array) 반환 문자열.search(정규식) : 일..

일반 함수 : 호출 위치에서 this 정의 화살표 함수 : 자신이 선언된 함수 범위에서 this 정의

callback : 함수의 인수로 사용되는 함수 원하는 위치에서 코드를 실행하기 위해 콜백을 사용한다. function timeout(callback) { setTimeout(() => { console.log('timeout') callback() }, 3000) } timeout(() => { console.log('done!') }) 위 코드에서는 setTimeout에서 설정한 3초 뒤에 코드를 실행하기 위해 callback이라는 함수를 인자로 받는다. 콜백함수를 통해 기본적인 실행을 보장한다.

setTimeout(함수, 시간) : 일정 시간 후 함수 실행 setInterval(함수, 시간) : 시간 간격마다 함수 실행 clearTimeout() : 설정된 Timeout 함수를 종료 clearInterval() : 설정된 Interval 함수를 종료 setTimeout(function () { console.log('timer') }, 3000); const timer1 = setTimeout(() => { console.log('timer') }, 3000); const timer2 = setInterval(() => { console.log('timer') }, 3000); const h1El = document.querySelector('h1') h1El.addEventListener('c..

호이스팅이란 함수 선언부가 유효범위 최상단으로 끌어올려지는 현상을 뜻한다. 자바스크립트는 기본적으로 위에서 아래로 읽으면서 실행된다. const a = 7 double() const double = function() { console.log(a * 2) } 위와 같은 코드는 함수 표현 double의 실행이 선언보다 선행되었기때문에 에러가 난다. const a = 7 double() function double() { console.log(a * 2) } 그러나 위의 코드와 같이 double을 함수로 선언하면 에러가 나지 않는다. 이는 함수 선언부가 가장 최상단으로 끌어올려지는 호이스팅 현상이 일어났기 때문이다.

DOM API의 DOM이란 Document Object Model을 뜻하고 여기서 Document는 HTML과 같은 문서를 뜻한다. 따라서 Document Object Model은 div, span, input과 같은 태그들을 뜻한다. DOM API를 작성한 js파일 HTML에 적용하기 HTML 요소(Element) 가장 먼저 나오는 하나의 값 찾기 const divEl = document.querySelector('div'); HTML 요소(Element) 모두 찾기 const divEls = document.querySelectorAll('div'); 찾은 요소 반복해서 함수 실행하기 divEls.forEach(function(divEl, index) {}); Getter, Setter : 값을 얻거..

Image to ByteArray ImageConverter imgcvt = new ImageConverter(); byte[] imgByte = (byte[])imgcvt.ConvertTo(img, typeof(byte[])); // image -> byteArray 변환 ByteArray to Image 1. ImageConverter 이용하기 ImageConverter imgcvt = new ImageConverter(); Image img = (Image)imgcvt.ConvertFrom(imgByte); // byteArray -> image 변환 img.Save("C:\\imgSave.png"); // 이미지 저장 지정 경로에 저장 2. FileStream 이용하기 FileStream fs =..

namespace name { public class exClass { ... } } 작성한 클래스에 public 선언을 안해주었기 때문이다. c#에서는 접근 제한자를 설정해주지 않으면 자동으로 private로 선언된다.