JS/JQUERY
1.클릭 이벤트 시 스크롤이 올라가는 현상
e.preventDefault();를 사용해 동작 중단시키기
2.스크롤 백분율 구하기
!codepen2seunghye/embed/PopyYaO?height=265&theme-id=dark&default-tab=js,resultDocument의 높이Viewport의 높이현재 스크롤의 위치좀 더 쉬운 이해를 위해 그림을 그려봤다$(document).heig
3.[JS] 실행 컨텍스트 - 실행 컨텍스트란?
이 글은 📕코어 자바스크립트 책을 바탕으로 정리한 글입니다.실행할 코드에 제공할 환경 정보들을 모아놓은 객체자바스크립트의 동적 언어로서의 성격을 가장 잘 파악할 수 있는 개념자바크립트는 어떤 실행 컨텍스트가 활성화되는 시점에 선언된 변수를 위로 끌어올리고(hoisti
4.[JS] 실행 컨텍스트 - Variable/Lexical Environment
이 글은 📕코어 자바스크립트 책을 바탕으로 정리한 글입니다.VariableEnvironment에 담기는 내용은 LexicalEnvironment와 같지만 최초 실행 시의 스냅샷을 유지한다는 점이 다르다.실행 컨텍스트를 생성할 때 VariableEnvironment에
5.[JS] 실행 컨텍스트 - environmentRecord와 호이스팅
이 글은 📕코어 자바스크립트 책을 바탕으로 정리한 글입니다.envirionmentRecord : 현재 컨텍스트와 관련된 코드의 식별자 정보들이 저장되는 곳컨텍스트를 구성하는 함수에 지정된 매개변수 식별자, 함수 자체(선언한 함수가 있을 경우), var로 선언된 변수의
6.[JS] 실행 컨텍스트 - 함수 선언문과 함수 표현식
이 글은 📕코어 자바스크립트 책을 바탕으로 정리한 글입니다.이 글은 👇이전 포스터👇와 이어지는 내용입니다.\[JS] 실행 컨텍스트 - environmentRecord와 호이스팅함수 선언문과 함수 표현식이 호이스팅과 어떤 관련이 있는 지 알아보기 전에, 함수 선언문
7.[JS] 실행 컨텍스트 - 스코프, 스코프 체인, outerEnvironmentReference
스코프란? 식별자에 대한 유효범위어떤 경계 A의 외부에서 선언한 변수는 A의 외부 뿐 아니라 A의 내부에서도 접근이 가능하지만,A의 내부에서 선언한 변수는 오직 A의 내부에서만 접근할 수 있다.ES5까지의 자바스크립트는 전역공간을 제외하면 오직 함수에 의해서만 스코프가
8.[JS] this - 상황에 따라 달라지는 this
이 글은 📕코어 자바스크립트 책을 바탕으로 정리한 글입니다.자바스크립트 코드를 작성하면서 this를 종종 사용하는데,this에 대한 정확한 작동 방식을 이해하지 못하다보니 this 사용을 꺼리게 된다(이게 왜 이 대상을 바라보는거야? 😫 라는 의문)..다른 대부분의
9.[JS] this - 명시적으로 this를 바인딩하는 방법
이 글은 📕코어 자바스크립트 책을 바탕으로 정리한 글입니다.이전 게시물 \[JS] this - 상황에 따라 달라지는 this에서는 상황별로 this에 어떤 값이 바인딩되는지 알아보았다.이러한 규칙을 깨고 this에 별도의 대상을 바인딩하는 방법도 있다.call 메서드
10.[JS] 콜백 함수 - 제어권
이 글은 📕코어 자바스크립트 책을 바탕으로 정리한 글입니다. 콜백 함수란 콜백 함수(callback function)는 다른 코드의 인자로 넘겨주는 함수이다. 콜백 함수를 넘겨받은 코드는 이 콜백 함수를 필요에 따라 적절한 시점에 실행할 것이다. 콜백 함수를 이해