본문 바로가기

JSP/Muzi25

[Javascript] 콘솔로그 console.log() 맛있게 쓰는법 개발자에게 있어 console.log() 는 많은 정보를 알려준다. 그러므로 console.log()를 좀 더 잘쓰는 법에 대해서 알아보자  1. console.log() 꾸미기 "%c텍스트" , "css스타일"기본 사용문법은 이렇다1-1 응용 window.console.log()에 style 덮어씌워서 디버그 하는동안 이쁜 console.log 뽑아보기객체나 배열에도 덮어 씌워 보려 했지만 문자열로 바뀌면서 객체가 출력이 되지않아 이런식으로 밖에 할 수 없었음...     2. console.grop()  콘솔 그룹핑 하기    3. console.error() , console.warn()   4. console.table() 배열이나 객체를 테이블 형태로 console 찍어줌   5. console.. 2024. 8. 22.
[Javascript] history.back 이슈(오류) history.back 을 하고 나면 가끔 페이지 기능들이 먹통이 될때가 있다 그럴때 먹통인 페이지에 아래 코드를 붙여넣자.주로 아이폰에서 이런 현상이 생기더라....if (document.addEventListener) { window.addEventListener('pageshow', function (event) { if (event.persisted || window.performance && window.performance.navigation.type == 2) { location.reload(); } }, false);} 2024. 8. 20.
[JavaScript] this에 대하여... ,call ,apply ,bind this에 대하여....  call ,apply ,bind 나중 정말 필요한 순간 나의 구세주가 되어줄 것이라 믿어 의심치 않는다 나의 버튼 2024. 8. 5.
[Javascript]로컬 스토리지 사용 with(몽고DB) 설명은 코드안에   유사 몽고 DB 2024. 8. 5.
[JavaScript] Promise ,async ,await 개념과 이해 그리고 실습 무슨약속? 값이 있으면 값을 반환해주기로 약속Promise는 jsp 내장 함수Promise는 비동기 작업의 단위이다. 비동기란? 자바스크립트에서 동시에 여러 가지 작업을 할 수 있다는 개념ㄴex) 심부름꾼을 고용하고 나는 다른일을 함. 그래서 동시에 여러가지 작업을 할 수 있음 Promise를 통해 어떻게 비동기 작업을 쉽게 관리할 수 있는지 알아보겠다.Promise 기본적인 사용법const myPromise = new Promise((resolve, reject) => { // 비동기 작업});1. 변수의 이름은myPromise이며, const로 선언했기 때문에 재할당이 되지 않는다. 하나의 변수로 끝까지 해당 Promise를 관리하는 것이 가독성도 좋고 유지보수도 하기 좋다. 2.new Promis.. 2024. 7. 4.
자바스크립트 난독화 해제하기. 1차로 돌려보고  http://jsbeautifier.org/완벽하게 안나온다 하면 2차로 아래 사이트를 이용https://obf-io.deobfuscate.io/ 2024. 3. 22.