기억 설명서

1. HTML Log In 2. JS // querySelector const $loginInput = document.querySelector('#login-form input'); const $loginButton = document.querySelector('#login-form button'); // 변수 let name = ''; // function function handleChangeLoginInput(e) { userName = e.target.value; } function handleLoginBtnClick() { console.log(userName); } // addEventListener $loginInput.addEventListener('input', handleChangeL..

Window에 쓰일 수 있는 메서드를 구글링 할 수 있다. 구글링: window mdn, Window - Web API - MDN Web Docs - Mozilla https://developer.mozilla.org/ko/docs/Web/API/Window Window - Web API | MDN Window 인터페이스는 DOM 문서를 담은 창을 나타냅니다. developer.mozilla.org Document에 쓰일 수 있는 메서드를 구글링 할 수 있다. 구글링: Document - Web API | MDN https://developer.mozilla.org/en-US/docs/Web/API/Document Document - Web APIs | MDN The Document interface r..

Boolean은 true와 false를 말한다. 즉, 참이냐 거짓이냐를 뜻한다. 아래의 코드를 보면 null과 undefined가 나온다. JS에서 null은 object를 반환한다. null은 의도적으로 값이 없다를 설정한 것이고, undefined는 아무것도 하지 않은 상태를 의미한다. 의도적으로 값을 비어있는 상태로 하는 것이 아니라면, undefined 사용은 부적절하다. JS에서 일치연산자(==)와 동등연산자(===)가 있는데, 동등연산자는 자료형까지 엄격하게 비교해준다. 때문에 동등연산자를 활용하는 것이 좋다. null과 undefined를 비교하기 위해선 동등연산자(===)를 통해 엄격하게 비교해주는 것이 좋다. console.log('Boolean'); // Boolean const tes..

JS에서 변수를 선언할 때 var 라는 키워드를 사용했다. 현재도 사용은 가능하나 비추다. ES6에서 const와 let이 추가됐는데 이를 사용하기를 권장한다. 그렇다면 var, let, const의 차이는 무엇인지 알아보자. 변수선언 먼저 JS에서 변수 선언은, 선언 -> 초기화 단계를 거친다. 1. 선언단계: 변수명을 등록하여 JS 엔진에 변수의 존재를 알린다. 2. 초기화 단계: 값을 저장하기 위한 메모리 공간을 확보하고 암묵적으로 undefined를 할당해 초기화한다. 호이스팅 JS 엔진은 소스코드를 한 줄씩 순차적으로 실행하기에 앞서, 변수 선언을 포함한 모든 선언문을 찾아내 먼저 실행한다. 즉, 변수가 어디에 있는 상관없이 다른 코드보다 먼저 실행되는 특징을 호이스팅(hoisting)이라고 한..

브라우저가 HTML/CSS/JS 파일을 열어주는 순서 [브라우저 > HTML, HTML > CSS / JS] 브라우저는 HTML을 열고, HTML을 통해 CSS와 JS파일을 열어준다. ( 브라우저에서 CSS/JS 파일을 여는 것이 아니다.) CSS와 JS 파일을 실행하기 위해 HTML은 접착제 같은 역할을 한다고 보면된다. 구체적으로는 브라우저 실행 순서가 따로 있는 것으로 알고있지만 지금은 간단하게 이렇게 기억하자.

Chrome에서 제공하는 App인 Todo List, Momentum을 클론코딩한다. 클론 코딩은 html / css와 vanillaJS를 통해 진행한다. JavaScript의 역사(짦게) JS는 브렌던 아이크에 의해 1995년 12월에 단, 10일만에 만들어졌다. 처음 모카(Mocha)라는 이름으로 시작해서 나중에는 라이브스크립트(LiveScript)라는 이름으로 개발되었으며 최종적으로 자바스크립트(JavaScript)가 되었다. 왜 JavaScript인가? 먼저 JS를 사용하기 앞서 왜 JS인가에 대해 살펴본다. 일단 JavaScript는 접근성이 좋다. 예를 들어 파이썬의 사용을 위해선 공식 사이트에 들어가 다운로드의 과정을 거쳐야한다. 하지만 JS는 그저 사용하면 될 뿐더러 크롬 브라우저에 내장되..