개발자의 끄적끄적

[개발/크롬] f12 콘솔로그 누적해서 보는 방법 크롬에서 f12 를 눌러서 개발자 도구를 열어놓고 새발을 진행하던중, 스크립트 오류가 나오는걸 누적시켜서 보고싶을때 아래 방법으로 하시면 됩니다. 위 이미지 처럼 오른쪽 톱니바퀴 모양을 누르면 체크박스 들이 나옵니다! 그중에서 Preserve log 를 체크한 후 다시 테스트를 해보시면 console 에 출력되는 로그가 유지되는 것을 확인 할 수 있습니다. 참고들 하세요!

[개발/크롬] 크롬 console drawer 보이기/감추기 방법 개발을 하면서 디버깅을 하던중 크롬에서 f12를 눌러 개발자 모드를 열었는데 하단부에 나오던 콘솔창이 사라져서 한참 찾아봤습니다. 해결방법은 간단합니다! 개발자 도구를 열었을때 오른쪽 상단에 설정 버튼이 있습니다. 그걸 누르면 위 그림처럼 창이 열리는데 Hide console drawer 혹은 Show console drawer 를 누르면 콘솔을 열고 닫을 수 있습니다! 참고들 하세요!

[컴퓨터] 크롬 북마크 복원하기 / 가져오기 구글 크롬에서 사용하던 북마크를 다른 pc 혹은 새로 설치한 후 복원하고 싶을때 백업 후 복원을 해야합니다! 백업한 북마크를 복원하는 방법을 공유 합니다! 1. 우선 크롬 브라우저를 실행합니다. 2. 우측상단의 메뉴 버튼을 눌러서 그림과 같이 북마크 관리자를 클릭합니다. 3. 북마크 관리자 화면으로 이동한 후 우측상단의 메뉴 버튼을 눌러서 그림과 같이 북마크 가져오기를 선택합니다. 4. 위 처럼 북마크 가져오기를 클릭하면 설정가져오기 창이 뜹니다. 그 화면에서 아래 이미지처럼 HTML파일 북마크하기 선택후 파일 선택버튼을 누릅니다. 5. 파일선택을 누르면 파일선택 창이 뜨는데 그 창에서 백업해둔 북마크파일 혹은 가져올 북카므 파일을 선택하면 됩니다. 위와 같은..

[개발/크롬] 크롬 f12 강제 닫힘 현상 크롬으로 열심히 개발을 하다가 갑자기, f12 개발자 도구를 열면 1~2초 내로 강제로 닫히는 현상이 생겼습니다. 그래서 한참 찾다가 보니 nprotect 가 문제다, ahnlab safe transaction 이 문제다 하는 글이 많아서 컴퓨터를 확인해보니 ahnlab safe transaction 이 있어서 강제종료 하려고 시도하니 hts 증권 프로그램이 실행중이라고 하더라구요.. 그래서 이건 또 무슨상황인가 하고 봤더니...제가 증권사 홈페이지를 열어놓고 있던걸 깜박한거죠.. 그래서 사이트를 닫으니 간단하게 해결되었습니다! 혹시나 당황하시는 분들이 계실까봐 공유해봅니다! 참고들하세요!

[javascript/jquery] [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See 해결 방법 반응협 웹에서 스크롤이라든가 드래그라든가 액션이 일어날때 반응하기 위해서 window.addEvenrListener 를 선언해서 사용합니다. 그렇게 잘 사용하다가 갑자기 아래와 같은 오류가 떠서 검색해봤습니다. [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See 일단 크롬 콘솔에서 위와 같은 에러가 발생할 경..

[개발/참고] chrome 유튜브 iframe 동영상 자동재생 설정 방법 iframe을 이용하여 유튜브 동영상을 퍼와서 연동할때, 크롬에서 자동재생이 안되는 이슈를 많이들 겪으셨을 껍니다. 아래처럼 동영상 퍼가기 하면 나오는 소스코드를 붙여서 src 부분에 동영상 embed url 을 입력하고 잘뜨는데 왜 자동재생이 안되는지... 저도 한참 찾다가 방법을 찾아서 공유드립니다! 위처럼 그냥 embed_url 의 뒤에 ?autoplay=1 을 붙이면 자동재생이 되야 정상입니다. explorer에서는 자동재생이 잘되고 chrome에서는 안됩니다... 하지만, ?autoplay=1&mute=1 를 붙이면 explorer 와 chrome 둘다 정상 동작합니다.. 이걸 보고 추측하건데... chrome 에서는 so..

[개발] 크롬 ERR_UNSAFE_PORT 에러 해결방법 최근에 리눅스 apache 포트별로 서비스를 분리하던중 아래와 같은 ERR_UNSAFE_PORT 에러가 발생해서 검색해봤습니다. ERR_UNSAFE_PORT --explicitly-allowed-ports=포트번호 대부분의 해결책들이 위의 내용을 크롬 아이콘 우클릭해서 속성 -> 대상 란 뒤에 붙이고 다시 시작해보면 된다고 되어있습니다. 그런데 상황에 따라서 잘 안되는 경우가 있습니다. 물론 간단하게 아파치 포트를 변경하면됩니다만, 정확한 원인은 크롬에서 사용불가한 포트라 그렇다고 합니다. 저는 95번 포트였는데 이 포트 이외에도 여러가지가 사용불가포트이니, 찾아보시고 사용하시기 바랍니다! 참고들하세용!

[chrome] 크롬 samesite 설정방법 chrome://flags 크롬 브라우저에서 위 내용을 입력하면 위와 같은 화면이 나오는데 이미지처럼 상단 검색창에 samesite 를 검색하면 4가지 항목이 나옵니다. 기본적으로 로그인이 안되는 경우는 이미지처럼 2가지만 수정해도 동작하구요. 보통은 4개다 disabled 로 변경하고 작업하신다네요! 저도 차이점을 조금더 조사해봐야 겠습니다! 다들 사용하실때 한번씩 찾아보시고 적용해서 사용하시길!! 참고들하세요!