본문 바로가기
반응형

분류 전체보기119

구조 분해 할당 (Destructing Assignment) 2020. 10. 20.
Git 명령어 git checkout 브랜치명 브랜치명으로 이동 git checkout 브랜치명 -b 브랜치명을 생성하고 이동 git commit --no-verify -m 'blabla' 유효성검사 하지 않고 커밋 2020. 10. 19.
Ubuntu CLI 명령어 sudo apt-get update sudo apt-get upgrade .deb 파일설치 sudo dpkg -i 패키지.deb 조회 ls 파일 리스트 ls -al 파일 (속성) 리스트 code . 현재 위치를 VS code에서 열기 이동 (수정) cd . 현재 디렉토리(= . )로 이동 cd .. 상위 디렉토리로 이동 cd ~ 홈 디렉토리로 이동 cd / 최상위(루트) 디렉토리로 이동 cd - 이전 위치(경로)로 이동 (= 뒤로가기) pwd 현재 디렉토리 경로 확인 (print working directory) mv 파일명(폴더명) 경로 파일(폴더)을 경로로 이동 mv 파일명(폴더명) 새로운이름 파일(폴더)명 변경 chown woner:group file 파일 소유권 변경 chmod? 생성 touch .. 2020. 10. 19.
버블링(bubbling) vs 캡처링(capturing) eventListener() vs onclick()를 이해하기 위해 간단히 개념만 설명했다. 자세한 설명은 하단 출처 참고. 버블링 한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작한다. 가장 최상단의 조상 요소를 만날 때까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작한다. 3개의 요소 ( form > div > p )가 있다 form 안에 div 안에 p요소가 있는 형태. 직접 확인 : plnkr.co/plunk/FDfhm3tzwTz3B6Fb 가장 안쪽의 p요소를 클릭하면 다음과 같은 실행과정이 발생한다. 에 할당된onclick핸들러가 동작. 바깥의 에 할당된 핸들러가 동작. 그 바깥의에 할당된 핸들러가 동작. document객체(최상위 .. 2020. 10. 16.
addEventListener() vs onclick() 사용법 document.getElementById('trigger').addEventListener('click',()=>{ alert('hello!'); },false); document.getElementById('trigger').onclick = () => { alert('hello!'); } addEventListener()를 사용하는 방법이 모던하다는 이유 1. 여러 개의 메서드를 동시에 등록할 수 있다. do1 함수는 바로 아랫줄에서 do2 함수로 덮어 씌워졌기 때문에 동작하지 않는다. 반면, 한 클릭이 일어났을 때 여러가지 일이 동작하게 하고 싶고, 함수가 분리되어 있다면 addEventListener로 작성하는 것이 .. 2020. 10. 16.
Function.prototype.apply() 2020. 10. 16.
Infinity 전역 속성 2020. 10. 16.
Object vs Map Map Map 객체는 key-value 쌍을 저장하며 각 쌍의 삽입 순서도 기억하는 collection이다. 어떤 값(객체, primitive value 포함)이라도 key와 value로 사용할 수 있다. Map 객체는 요소의 삽입 순서대로 엘리먼트(내부 값)를 순회한다. for(let key of map) 반복문은 각 순회에서 [key, value]로 이루어진 배열을 반환한다. **for(let key "in" map) 반복문은 사용할 수 없다. Object vs Map Map은 key의 타입으로 "모든 타입"을 사용할 수 있다는 점을 잘 활용해야 할 것 같다. new Map()으로 인스턴스를 생성하고, .set()을 이용해서 값(value)을 삽입한다. .get()을 이용해서 값(value)에 접근 .. 2020. 10. 15.
메모이제이션 Memoization 메모이제이션이란 프로그래밍을 할 때 반복되는 결과를 메모리에 저장해서 다음에 같은 결과가 나올 때 빨리 실행하는 코딩 기법을 말한다. 클로저를 사용해서 유지되는 저장공간을 이용해 함수를 반복적으로 수행할 때 함수 내부의 실행횟수를 줄일 수 있다. 메모이제이션을 사용해서 팩토리얼 함수 구현 let factorial = (function() { let save = {}; let fact = function(number) { if (number > 0) { let saved = save[number - 1] || fact(number - 1); let result = number * saved; save[number] = result; console.log(saved, result); return result.. 2020. 10. 14.
반응형

티스토리툴바