본문 바로가기

프로그래밍 기초/기초문법

 (25)
new Map() 0. 이게뭔가요 - 자료구조 - key 와 value 로 이루어져있으며, 다양한 자료형으로 사용할 수 있다. (number, string ... 등) - index 처럼 하나의 고유 key 값을 가짐 - value 는 다른 key 에 할당된 값과 동일할 수 있으나 key 는 중복 불가 - 해당 key 에 value 를 할당할 수 있음 장점 단점 고유 key 값을 통해 조회 순번(index) 형식일때는 비효율 고유 key 값을 알고있어야 조회가능 1. 어떻게 쓰나요 1). 생성 및 데이터 추가 //맵 객체 생성 var newMap = new Map(); //맵 객체 생성 및 초기값 부여 var newMap_1 = new Map([ ["강아지", 10], ["고양이", 50] ]); //맵 객체에 데이터 추..
indexOf, lastIndexOf * 영어표기가 디폴트, 이하 한글표기 * TypeScript 기준 0. 언제 사용하는가 - 배열의 특정 값에 해당하는 index 를 찾을 때 사용한다. const testArr: string[] = ["a", "b", "c", "d", "e"]; 1. indexOf (0). 배열에서 특정 값의 index 를 찾고싶을때 사용 (1). 문법: arr.indexOf(searchElement, fromIndex); - arr: 배열 - searchElement: 찾으려는 요소 - fromIndex: 배열에서 검색을 시작하는 index, defalut = 0; - return 값은 arr 에서 찾으려는 요소와 일치하는 값이 있을 경우 index. 혹은 일치하는 값이 없는 경우 -1 - testArr 의 "b" 의..
JavaScript Event 이벤트 개념 및 종류 ################################# ################################# 시간 날때 마저 정리할 문서 입니다. ################################# ################################# 0. Event - DOM : html, xml 문서의 프로그래밍 인터페이스 - 사용자가 DOM 조작시 발생하는 특정 사건 - 즉 이벤트는 html 요소에 발생한 사건 https://developer.mozilla.org/en-US/docs/Web/API/Window 1. UI Event load 스타일시트, 스크립트, iframe 및 이미지와 같은 모든 리소스를 포함하여 전체 페이지가 로드 되면 이벤트 발생 unload err..
Math 함수 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math Math ceil 주어진 숫자를 반올림하여 가장 근접한 작은 정수를 반환 console.log(Math.ceil(0.95)); // Expected output: 1 console.log(Math.ceil(-7.004)); // Expected output: -7 floor 보다 작거나 같은 가장 큰 정수를 반환 max 0개 이상의 주어진 숫자중 가장 큰 값을 반환 min 0개 이상의 주어진 숫자중 가장 큰 작은을 반환 random 주어진 범위 안의 랜덤 값을 반환 https://hianna.tistory.com/454 round 주어진 숫자을 반올림하..
리눅스 기초, 명령어 0.리눅스 https://ko.wikipedia.org/wiki/%EB%A6%AC%EB%88%85%EC%8A%A4 - 오픈소스 유닉스 계열 운영 체제 - 오픈소스이기 때문에 프로그램 소스를 변경하여 재배포 가능. 다양한 배포판이 존재 (운영체제와 배포판, 커널에 대해서 정리한 글 https://seo-developer.tistory.com/67) - 다중 사용자 및 다중 처리 시스템 ~ 하나의 시스템에 다수의 사용자가 동시 접속 및 멀티 테스킹 가능 1. 권한(퍼미션) ~ root - 리눅스는 사용자 중심의 시스템으로 사용자 계정으로 접속 가능 - 모든 사용자마다 권한이 따로 존재 - root 는 시스템을 관리할 수 있는 최고 권한 - 리눅스 파일 체제의 최상위 디렉터리( / ) 1-1. 권한 제어 명령..
커널, 배포판, 리눅스 커널 구조 https://5equal0.tistory.com/entry/Linux-Kernel-%EC%BB%A4%EB%84%90%EC%9D%98-%EA%B0%9C%EB%85%90%EA%B3%BC-%EC%BB%A4%EB%84%90%EC%9D%98-%EA%B5%AC%EC%A1%B0 1. 개념 컴퓨터 구조 하드웨어와 소프트웨어로 구분 1). 하드웨어: 모니터, 본체(CPU, 메모리 등)등의 물리적인 장치 2). 소프트웨어: 시스템에서 특정 작업을 수행하게 하는 프로그램의 집합 (1). 운영체제 ①. 커널(Kernel): 운영체제의 핵심 기능부, 컴퓨터 자원들을 관리 ②. 시스템 프로그램: - 사용자와 컴퓨터가 소통할 수 있도록 해석하는 프로그램 - 대표적으로 쉘(Shell)이라는 명령어 해석기가 존재 (2). 응용프로그..
splice arr.splice(index, delEle, newEle); 0. arr.splice(ele) - 배열의 ele 요소를 기준으로 잘라내기(제거) - const arr = [ 0, 1, 2, 3, 4 ] arr.splice(2); arr = [ 0, 1 ] 1. index - 배열의 index - arr[index] 2. delEle - 배열의 index 로 부터 delEle 만큼 제거 - const arr = [ 0, 1, 2, 3, 4 ] arr.splice(0, 1) arr = [ 1, 2, 3, 4 ] - arr[0] 에서 1개 잘라냄 3. newEle - index, delEle 후. newEle 로 교체 - const arr = [ 0, 1, 2, 3, 4 ] arr.splice(0, 1, 9..
map, reduce * 영어표기가 디폴트, 이하 한글표기 * Angular 기준 1. map - 반환 값을 배열로 가진다. - 참고: 배열, 객체, 유사 배열 객체, Array.from, map (https://seo-developer.tistory.com/59) 0). 문법 let testArr = ["Mon", 1, "Tue", 2, "Wed", 3]; testArr.map((element: string | number, index?: number, array?: any[]) => { ... - element: 인자 - index: 인자의 [index] 번째 - array: 원본 배열 2. reduce - 배열을 활용하여 누적 합을 만들 수 있다. 0). 문법 testArr.reduce((acc: string | num..

티스토리툴바