희운의 일상 블로그

Javascript 자료형 Set 객체 : set 객체는 말 그대로 집합이라는 뜻으로, JAVA에서는 이미 많이 쓰이고 있는 자료 구조로 특정한 값들을 저장하는 자료형입니다. (사용 방법은 언어와 상관없이 모두 동일하게 쓰이므로 javascript가 아니더라도 set 객체를 제공하는 타 언어에서도 같은 방법으로 사용 가능합니다.) * set 객체의 주요 특징 - 중복해서 동일한 값을 넣을수 없음 (예 1,2,3,1 을 순서대로 넣는 경우 1은 중복이므로 입력안됨) - 별도의 sort를 하지 않는한 등록된 순서대로 나옴 (예 1,3,5 순으로 입력하면 1,3,5 순으로 그대로 출력) * 기본 사용 법 1) add (set 추가) const set1 = new Set(); set1.add(42); set1...

javascript 에서 여러 배열을 병합 const itemArray = [ { item: [ '1', '2' ], }, { item: [ '3' ], }, { item: [ '4' ], } ]; // foreach 사용 let itemCollection = []; itemArray.forEach((ele) => { itemCollection = [...itemCollection, ...ele.item]; }); // map 사용 let itemCollection = []; itemArray.map((ele) => { itemCollection = [...itemCollection, ...ele.item]; }); console.log(itemCollection); 결과 ['1', '2', '3', '..

javascript 빈값 체크 javascript 빈값을 체크할때는 일반적으로는 null, undefined, 0, 공백문자를 직접 넣어 체크하는 방법을 사용합니다 체크하는 값의 타입형(typescript) 이 정해져 있는 경우에는 각각의 특성에 맞게 처리하는게 올바른 방법(?)이긴 하지만 체크하는 값의 유형이 any(아무거나?) 이거나 단순히 값이 있는지 없는지(0,null,undefined,공백문자) 체크하고자 한다면 하나의 기호로 처리 가능합니다. 우선 빈값을 체크하기전에 null, undefined의 특징을 먼저 알아보자면 null 은 변수가 선언되어 있지만 빈값을 할당한 상태이고, undefined는 변수가 선언되어 있지만 아무런 값이 할당이 안되어 있는 상태입니다. 일반적인 빈값 체크 예시 f..

1. 활성화된 값의 개수 가져오기 문제 : object 에 담긴 값중 특정 키값을 제외한 나머지중 value가 true인 속성의 개수를 리턴합니다. * 입력 : obj = { option1 : false, option2 : true, option3 : false, option4 : true, option5 : false, option6: false } exception = 'option2, option4'; * 출력 : 0 function solution(obj, exception) { var answer = 0; for (const prop in obj) { if (exception.indexOf(prop) === -1) { if (obj[prop]) { answer++; } } } return ans..

자바스크립트 event (예제 : Vanilla Javascript = 순수 자바스크립트 방식) 1. 이벤트의 정의 : 이벤트란 웹브라우저에서 사용자에 의해 일어나는 일련의 행위들을 인해 발생되어 지는것들을 뜻합니다. 2. 이벤트의 종류 : 키 이벤트, 마우스 이벤트, 포커스 이벤트, 폼 이벤트, 클립 보드 이벤트, UI 이벤트 들이 있습니다. 자세한건 이벤트 참조 | MDN (mozilla.org) 3. 이벤트 등록(실행 = 이벤트 핸들러) 방식 1) inline : 이벤트할 대상의 태그의 속성으로 지정하여 실행 클릭 클릭 클릭 결과 "이벤트실행1" "이벤트실행2" "안녕하세요" // 이벤트 발생하는 태그의 속성(this.value)를 참조하여 실행 2) properties : 이벤트할 대상의 객체의 ..

* TinyMCE 팀이 자바스크립트로 개발한 파일 업로드 라이브러리입니다. 지금은 사용이 중지된(?) SWFUpload와 유사한 기능을 가지고 있습니다. * 기능과 특징 1. HTML5, Flash, Silverlight 및 기존 과 같은 여러 업로드 방법이 있습니다. 현재 환경을 자동으로 감지하고 가장 적절한 업로드 방법을 선택하며 HTML5를 가장 선호합니다. 따라서 현재 브라우저가 지원하는 업로드 방법에 대해 걱정할 필요가 없습니다. 2. 드래그 앤 드롭을 지원해서 파일을 끌어다가 업로드가 가능합니다. 3. 이미지 파일 압축을 지원하며, 업로드하기 전에 이미지 파일을 압축합니다. 4. 네이티브 파일 데이터를 직접 읽을 수 있습니다. 예를 들어, 이미지 파일을 업로드하기 전에 페이지에 표시하고 미리 ..