* 이벤트 버블링 - 이벤트 발생시 그 상위 요소까지 전파되는 것을 말함 - 이벤트는 document의 맨 꼭대기까지 전파됨 ( bottom -> top 형태 ) const divs = document.querySelectorAll("div"); function logText(e) { console.log(this.classList.value); } divs.forEach(div => div.addEventListener("click", logText)); - 가장 바깥쪽 div를 클릭했을 때의 결과는: one - 가운데 div를 클릭했을 때의 결과는: two one - 가장 안쪽 div를 클릭했을 때의 결과는: three two one function logText(e) { e.stopPropagati..

- git 기초 명령어 https://webclub.tistory.com/317 Git 기초- 깃(git) 명령어 배워보기 Git Command Git을 사용해서 프로젝트 관리하는 것에 대한 명령어를 배워봅니다. Git의 기본 개념인 push, pull, commit, branch 등에 대해 알아보며 windows에서의 실행을 전제로 합니다. Git Working Flow - 작.. webclub.tistory.com

* this : 함수 스코프 내에서 자동으로 설정되는 특수한 식별자로, 실행 컨텍스트의 구성 요소 중 하나 1. Global Reference : 기본적으로 window를 가리킴 2. Function Invocation : 기본적으로 window를 가리킴 // Global Reference console.log(this); // Window {parent: Window, opener: null, top: Window, length: 4, frames: Window, …} // Function Invocation function foo(){ console.log(this); } foo(); // Window {parent: Window, opener: null, top: Window, length: 4, ..

* rest parameter - 전달되는 매개변수의 숫자를 알 수 없을 경우 사용 - 함수의 마지막 파라미터 앞에 ...를 붙여 전달된 인수들을 배열로 전달받음 function foo(...rest) { console.log(rest); } foo(0, 1, 2, 3, 4); // result: [0, 1, 2, 3, 4] - rest 파라미터는 반드시 마지막 파라미터여야 함 function foo(a, b, ...rest) { console.log(rest); } foo(0, 1, 2, 3, 4); // result: [2, 3, 4] function bar(...rest, a, b) { console.log(rest); } // Uncaught SyntaxError: Rest parameter mu..

* HTML 요소 - 페이지를 불러오고 바로 화면에 표시되지는 않음 - 안에 담긴 HTML 코드를 JavaScript를 이용해 인스턴스로 생성할 수 있음 - 템플릿이 담고 있는 DOM 하위 트리를 나타내는 DocumentFragment인 content 속성을 가짐 - template 태그의 예시 좋아요 - 위의 예시에서 li에 접근하기 위해서는 template -> content -> children[0] 으로 접근 - children이 HTMLCollection의 유사배열 형태이기 때문에 인덱스를 적어줘야 함 - username에 접근하기 위해서는 template -> content -> children[0] -> children[0] 으로 접근 - template 태그 안에 작성된 HTML 코드를 화..

* linux/unix - 서버시장 점유율 높음 - 아마존 웹 서비스 등의 클라우드 기반 서비스에서 대부분 linux/unix 계열 서버 제공 - 오픈소스이기 때문에 비용 측면에서도 유리 - windows에서는 git bash 이용해 리눅스 명령어 사용 가능 * Commands - ls : 파일 / 폴더 보기, 홈 디렉토리 기준 - ls -al : 파일 / 폴더의 자세한 정보 보기 - cd : 디렉토리로 이동 -> cd ~ : 홈 디렉토리 -> cd / : 루트 디렉토리 (시스템 최상위 디렉토리) -> cd . : 현재 디렉토리 -> cd .. : 부모 디렉토리 -> pwd : 현재 디렉토리 확인 - 파일 이름에 공백 있을 경우 : 공백 \ 이용해 표시 or [Tab] 키로 자동완성 - touch [fi..