Tech.log/프론트엔드14 [js 파일을 ts 파일로 변환] js 파일을 ts 파일로 변환 1.쉘 find 명령어로 js 파일 경로 가져오기 find ./src/js/components -name '*.js' 2.각 경로를 git mv ${path} ${path.replace(/js$/, 'ts')} 명령어로 변환 후 실행 2021. 8. 27. [Browser Object Model] Browser Object Model이란 브라우저의 노출 된 객체를 말한다.(그냥 쉽게 브라우저의 객체들 이라고 보자) Window 가장 최상위 객체를 말한다. 전역 객체라고도 한다. 자주 쓰이는 생성자들 window.onload window.name window.open('https://itfordoit.tistory.com/') navigator 브라우저에 대한 정보를 가지고 있다.(사용자 에이전트의 상태와 신원 정보) 자주 쓰이는 생성자들 navigator.language navigator.userAgent navigator.platform Screen 화면에 대한 정보를 가지고 있다. 자주 쓰이는 생성자들 sreen.width screen.availWidth screen.height Locatio.. 2021. 6. 30. [JSONP란 ?] JSONP(JSON with Padding)란 JSON data를 cross-domain issues (CORS 이슈) 없이 보내는 메소드 이다. js는 서로 다른 도메인에 대한 요청을 보안상 제한하기 때문에 이를 해결하기 위해 사용한다. JSONP 와 AJAX 의 차이 //JSON 예시 $.ajax({ url: url, dataType: 'json', data: data, success: callback }); $.getJSON(url,data,callback); //-- JSONP 예시 $.ajax({ url: url, dataType: 'jsonp', jsonpCallback: "myCallback", success: callback }); $.getJSON(url + "?callback=?", d.. 2021. 6. 10. [Throttle, Debounce & Difference] 웹/앱 사용자가 스크롤(scroll wheel), 트랙패드, 스크롤 막대를 드래깅 해을때, 이 행위로 인해 수많은 스크롤 이벤트가 발생한다. See the Pen Scroll events counter by jaeheekim (@jaehee) on CodePen. 과도한 이벤트 횟수의 실행으로 무거운 계산 및 기타 DOM 조작과 같은 작업을 수없이 많이 수행하기때문에 성능 문제가 발생한다. 이를 막기 위해 등장한 방법이 Throttle, Debounce 이다. 이벤트 핸들러가 많은 연산 을 수행 할 때 (이벤트 핸들러의 과도한 횟수가 발생하는 것)하는 것을 제어할 수 있는 기술이다. 사용 사례 👆 사용자가 창 크기 조정을 멈출 때까지 기다렸다가 resizing event 사용하기 위해 👆 사용자가 키보드.. 2021. 6. 3. 이전 1 2 3 4 다음
