JS

window.screen : 내 화면의 크기window.outer : 브라우저의 탭부터 전체적인 사이즈window.inner : 웹페이지와 스크롤바를 내렸을때 까지의 모든 사이즈documentElement.clientWidth : 스크롤바를 제외한 영역 사이즈 (순수

이유: 선언되지 않은 값을 할당하는 등의 오류를 막기 위해 (안전성을 위해)\+ html 파일에서 를 body 마지막에 위치한다.

마우스의 움직임을 이미지가 따라다닌다.마우스의 좌표값을 나타낸다mousemove, mousedown, mouseup 을 이용하여 canvas에 그림을 그린다.Reset버튼을 활용하여 Canvas를 초기화 한다.mousedown은 canvas에서 마우스 왼쪽클릭 했을 때

Window.scroll()https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollscrollIntoView()https://developer.mozilla.org/en-US/docs/Web/AP

Composite 만 발생한다면 제일 좋은 케이스paint가 변경되야 한다면 메모리,성능에 부담Layout이 변경된다면 제일 좋지 않음.https://csstriggers.com/Chrome - BlinkGecko - FirefoxWebkit - iOS 사파리

querySelector 로 특정 이미지를 불러오고 싶다면ex)const image = document.querySelector('imgsrc="img/test.png"');

목표: TodoList 를 제작한다. 입력란에 문자를 입력한 후 + 버튼을 누르면 list 에 입력받은 문자를 게재한다. 삭제 버튼을 통해 list_Row 를 삭제할 수 있다. 리스트가 순차적으로 쌓이며, 화면을 넘어갈 시 스크롤이 생기고, 화면이 새로 추가된 리스

JS를 공부중이기 때문에 주석처리를 많이 사용함.위의 함수는 코딩의 전체적인 흐름이다.input_text 안에 아무런 값이 없다면 return 해버리고, 다시 focus를 남겨둔다.그리고 이후에 나올 createItem 이라는 함수에 input_text로 부터 입력값을

Watch 에서 event.target 을 알고 싶기 때문에 추가해준다.클릭된 버튼의 요소의 정보가 NodeName = "I" 인 것을 알 수 있다. 따라서 NodeName이 I 일때 행을 삭제하는 기능을 추가하려 했지만 items 라는 큰 박스 안에서 다른 아이콘이

기본적인 html 과 css HTML FontAwsome 사용 CSS carrot 과 bug는 js 에서 만들어 준다.(img) JS 현재 시작버튼을 누르면 시작버튼이 멈춤 버튼으로 바뀌며, 당근 img 와 벌레img 가 랜덤으로 배치 되도록 하는데 까지

당근을 클릭했을때의 이벤트를 넣기 위해 querySelector를 사용했지만querySelector는 하나의 요소에만 변화를 줄 수 있었다.당근은 class가 carrot carrot숫자 이기 때문에이를 해결하기 위해서 querySelectorAll 을 이용했고quer

자식 클래스를 만들고 부모 Class에서상속받을 때extends로 불러오고, 이미 부모 클래스에 존재하는 name 을 받아오기 위해서 super() 안에 name을 담는다.

window는 전역 데이터와 같은 공간임.자바스크립트는 변수나 함수를 선언하면 Hoisting이라는 현상이 일어납니다. 자바스크립트는 변수나 함수의 선언부분을 변수의 범위 맨 위로 강제로 끌고가서 가장 먼저 해석합니다.그게 Hoisting입니다콘솔창에 첫째로는 unde

기술면접을 보게 되었는데, 프로토타입에 대해 제대로 설명하지 못하였다...이를 보완하고자 정리하려고 한다!한 블로그를 참조했는데, 매우 잘 설명되어 있어 참조하였다.https://medium.com/@bluesh55/javascript-prototype-%EC

기술면접으로 나온 내용중 얕은복사와 깊은복사에 대해 정리하려고 한다. 자바스크립트는 기본 자료형(숫자, 문자열, boolean)의 값을 복사할 때 값을 완전히 복사한다. 따라서 =을 이용하여 값 복사를 쉽게 할 수 있다.위 소스코드 1열에서 originalValue에

자바스크립트에서 헷갈리는 문법. 클로저에 대해 알아보려고 한다.구글링을 해보아도 정의를 통해 이해 하는 것은 쉽지 않기에 예시를 통해 정리하려고 한다.클로저를 이해하기 전에 알아야할 내용. 스코프 체인! 거의 클로저를 알기위한 핵심 내용이라고 봐도 될것 같다.스코프는

우리가 작성한 코드의 스타일을 정의하고, 그 스타일대로 작성이 되었는지를 일련의 과정을 통해 확인할 수 있게 하고, error를 나타내어 고칠 수 있도록 도와주는 모듈이다.많은 사람들과 협업할때 각자 다른 코드 스타일을 갖게 되면 유지보수가 어려워지고 이해하기 힘든 코