반응형 개발 공부/JavaScript & TypeScript3 [iOS] momentum scroll - scroll API 사용하기 👻 모멘텀 스크롤(momentum scroll)이란? 모멘텀 스크롤은 모바일에서 손가락으로 화면을 터치해 스크롤을 할 때 스크롤에 가속도가 생기면서 화면이 이동하다가 천천히 멈추는 것을 말한다. -webkit-overflow-scrolling: touch; 위의 css를 적용하면 iOS의 웹 페이지에 모멘텀 스크롤을 적용할 수 있다. iOS 13 이상에서는 기본적으로 모멘텀 스크롤이 적용된다. 모멘텀 스크롤을 적용하면 화면이 끊겨보이는 것이 아닌, 자연스러운 스크롤링 효과를 볼 수 있다. 그러나 모멘텀 스크롤링 적용되면 스크롤이 실행 중일 때 scroll API가 정상적으로 작동하지 않는 현상이 발생한다. 탭이 있는 리스트 화면에서 탭을 변경하면 리스트 상단이 보일 수 있게 컨테이너의 스크롤 위치를 { .. 2022. 12. 14. [TS] Array filter 타입 추론 - type guard 👻 Array.prototype.filter() JavaScript에서는 filter 메소드를 사용해서 요소를 걸러낼 수 있다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/filter Array.prototype.filter() - JavaScript | MDN filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환합니다. developer.mozilla.org const arr = [1,2,3,null,undefined] const filteredArr = arr.filter((value)=> Boolean(value)) // filteredArr : [1,.. 2022. 8. 17. [JS] null과 undefined의 차이 그리고 처리 방식 null과 undefined 모두 변수에 값이 없는 것을 나타내기 위해 사용하지만 그 의미는 다르다. null : 의도적으로 변수의 값이 비어있음을 나타내기 위해 사용. null은 변수가 선언되고 'null'이라는 값이 할당되어 있는 것을 나타낸다. 즉, 아무런 의미가 없는 값이 할당되어있는 것을 말한다. undefined : 변수에 값이 할당되지 않았을 때 사용. undefined는 변수가 선언되고 아무 값도 할당되어 있지 않은 것을 나타낸다. 즉 undefined는 자료형이 없는 상태를 말한다. Null 객체가 없음을 뜻한다. typeof null //"object" const foo = null; // 변수가 선언되고 `null` 값을 할당해야함 if(foo){ //실행되지 않음 } Undefine.. 2022. 2. 24. 이전 1 다음 반응형
