Javascript | 두글 개발자 블로그

How we got a 100% Lighthouse performance score for our Vue.js app 라이트하우스는 사이트의 전체적인 성능을 확인해주는 툴중 하나인데요. 크롬 확장으로 설치헤서 테스트를 원하는 페이지에서 바로 성능 및 기타 SEO 친화도등을 검사해 볼 수 있습니다. 이런 라이트하우스 100% 나오는 뷰앱이라니.. 흥미가 생기네요. https://vuejsdevelopers.com/2017/07/03/vue-js-code-splitting-webpack/ 1번에 내용에 보다보면 코드분할에 대한 내용이 나오면서 위 글을 추천하네요. 이것도 읽어보면…

[링크] FCM 으로 구현하는 채팅 웹앱 예제

6월 21, 2019

—

제공

doogle

안 Javascript

구글링하다 찾았는데요. 잊어버릴까봐 링크로 올려둡니다. 안드로이드 모바일앱에서 많이 사용하던 GCM 을 뒤로하고 앞으로 모바일앱만이 아닌 웹브라우저 등 여러 기기에서 범용적으로 사용할 수 있게 만든 FCM (Firebase Cloud Messaging) 을 이용해 채팅 웹앱을 만들어보는 멋진 강좌입니다. https://cionman.tistory.com/51

TinyMCE 5.x 이상부터 모바일 UI 가 바뀌는 문제 해결하기

5월 13, 2019

—

제공

doogle

안 Javascript, 미분류, 자바스크립트, 프로그래밍

TinyMCE 를 5.x 로 업그레이드하고 나서 생기는 문제입니다. 버전 5 부터는 디자인도 좀 더 세련되게 바뀌고 전체적으로 UI 가 깔끔해졌는데요. 예기치 못한 복병이 있었네요. PC 상에서는 큰 문제가 없는데 모바일에서 보면 바로 편집할 수 있는 창이 뜨지않고 아래와 같이 덩그러니 아이콘 하나만 나옵니다.

경고 해결 – [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user’s experience. For more help, check https://xhr.spec.whatwg.org/.

4월 26, 2019

—

제공

doogle

안 Javascript, 프로그래밍

jQuery 자바스크립트 작업을 하다보면 다음과 같은 경고를 만나는 경우가 있다. 위 경고는 아래의 코드를 실행했을때 생겼다. 경고가 발생하는 것은 jQuery 가 1.8 버전부터 async 옵션이 폐기(deprecation)되었다. 대신에 jqXHR.done(), jqXHR.fail(), jqXHR.always() 을 사용할 수 있다. jQuery 로 페이지 로딩시 ajax 처리를 하는데 동기적으로 처리해야 되는 상황에서 발생했다. 위와 같은 문제가 발생하는 가장 근본적인 원인은 ajax 를…

알아두면 편리한 정규표현식 모음 (계속 수정 예정)

4월 24, 2019

—

제공

doogle

안 Javascript, 프로그래밍

정규 표현식은 참 손에 안잡히는 주제중 하나죠. 이걸 꿰차면 상당히 프로그래밍 할때 막히는 부분이 줄어들겠지만 쉽게 이해 되지 않는 것도 사실입니다. 그래서 각 경우에 따른 표현식 모음을 작성하기로 해봤는데요. 앞으로도 작업하다가 마주치는 정규 표현식을 적어둘 예정입니다. 1. 주소에서 맨 끝에 괄호 추가정보 제거하기 네이버지도 API가 이전 및 유료화 되면서 대안으로 다음 지도 API 를 사용하면서…