시리즈

JavaScript

2.TIL 02 | JS Operator

연산자(Operator)는 작업을 수행하여 값을 만들어내는 역할이다. 산술, 할당, 비교, 논리, 타입 연산 등 다양한 유형이 있다.운 값을 생성하여 반환

2021년 1월 6일

3.TIL 03 | JS Logical Operator - 단축평가와 우선순위

논리합(||) 연산자와 논리곱(&&) 연산자의 연산 결과는 불리언 값이 아닐 수도 있다.

2021년 1월 6일

4.TIL 04 | JS property & method

객체는 데이터를 의미하는 프로퍼티와 동작을 의미하는 메소드로 구성된 집합이다. 쌀과 콩이 객체라면

2021년 1월 6일

5.TIL 05 | JS return value

return 여부와 상관없이 동일한 결과가 나오는 함수를 보며 return의 필요성에 대해 궁금해했다. 함수는 자신을 호출한 코드에게 수행한 결과를 반환(return)할 수 있다. 이때 반환된 값을 반환값(return value)이라 한다.

2021년 1월 6일

6.TIL 08 | JS Class

유튜브 드림코딩 by엘리 - 클래스와 오브젝트의 차이점(class vs object), 객체지향 언어 클래스 정리편을 수강하며 정리한 내용입니다.

2021년 1월 6일

7.TIL 10 | DOM (Document Object Model)

DOM은 문서 요소들을 객체화하여 프로그램이 문서 구조, 스타일 및 내용을 조작할 수 있도록 한다.

2021년 1월 7일

8.TIL 11 | JS Object (JavaScript ES6)

Objects의 정의 one of the JS's data types. a collection of related data and/or functionality. Nearly all objects in JS are instances of Object. object = { key : value }; ✅Literals and properties ◾ Objec...

2021년 1월 7일

9.TIL 19 | JS Variable

✅ var (ES6 이전)ES6 이전에는 변수를 선언할 때 오직 var만 사용할 수 있었다.ES6 이전에 작성된 코드가 많기 때문에, ES6이전 var 키워드를 숙지하는 것은 도움이 된다. MDN var documentation✅ let변수 값을 재할당할 수 있다.변수

2021년 1월 27일

10.TIL 20 | 브라우저 좌표 (coordinates)

URL 창 제외한 브라우저의 좌측 상단 시작점이 (0,0)이다.수평축을 X, 수직축을 Y로 둔다.요소의 사이즈나 위치에 관련된 다양한 정보 확인 가능DOM 내 태그의 모든 요소는 .getBoundingClientRect라는 함수를 사용할 수 있다.ex) Image El

2021년 2월 1일

11.TIL 21 | JS와 문서의 로드 시점 async, defer

HTML parsing을 중간에 중단하고 js파일을 읽어온 후 다시 HTML을 parsing한다. 장점 : js파일을 가장 먼저 실행시킬 수 있다.단점 : JS파일 크기가 큰 경우 속도가 느려진다. HTML parsing과 fetching js가 병렬로 이루어진다. j

2021년 2월 2일

12.TIL 47 | 옵셔널체이닝 💛

에러 메시지를 줄여주는 고마운 옵셔널체이닝옵셔널 체이닝(optional chaining) ?.

2021년 4월 6일

13.TIL 46 | 페이지 이동 history.push vs window.location.href

특정 페이지에서 헤더가 보이지않도록 분기처리를 했다.이 때 window.location.pathname을 체크하도록 했는데 헤더가 보이지 않아야 할 페이지에서 나온 뒤에도 계속 헤더가 보이지 않는 것이다. 확인해보니 history.push()를 통해 이동할 때 wind

2021년 4월 6일