담백한 웹 개발 이야기

스케줄링이란? 메인 스레드는 자바스크립트 실행 이외 렌더링, 네트워트 응답, GC 등 다양한 역할을 수행합니다. 메인 스레드에 많은 작업들이 예약되면 웹 사이트의 성능과 사용성 경험이 저하됩니다. 그러므로 스케줄링을 통해 우선순위가 다른 작업을 효율적으로 등록하고 제어합니다. 브라우저 지원 범위 지원 브라우저: Chrome / Edge / Opera 미지원 브라우저: Firefox / Safari Browser compatibility Native Scheduling API가 필요한 이유? 1. 메인 스레드에서 협력하는 행위자들 간의 조정 애플리케이션은 1st-party, 1st-party 라이브러리, 3rd-party 라이브러리 및 프레임워크 스크립트로 구성될 수 있습니다. 동시에 브라우저는 fetch..

navigator.share를 사용해서 URL, 텍스트, 파일을 공유할 때 커스텀해서 공유할 수 있다. 브라우저 지원 범위 Firefox / WebView Android 에서 미지원하고, 대부분 지원한다. Browser compatibility 코드 예제 6장 코드 스니펫 > Boilerplate 코드를 기반으로 데모가 제작되었습니다. 데모보기 공식 블로그 링크 자바스크립트로 공유 기능 커스텀하기 navigator.share를 사용해서 URL, 텍스트, 파일을 공유할 때 커스텀해서 공유할 수 있다. 브라우저 지원... blog.naver.com

navigator.connection.effectiveType을 실행하면 인터넷 속도를 조회할 수 있다. 브라우저에서 사이트 접속 후 인터넷 속도를 측정하며 결과값은 slow-2g, 2g, 3g, 4g 중에 하나를 알려준다.​ ​ 브라우저 지원 범위 Firefox / Safari 에서 미지원하고, 대부분 지원한다. Browser compatibility ​​ ​항목별 상세 스펙 용어정의 ​ RTT Round Trip Time의 약자로 왕복 시간이라 한다. 네트워크 시작 지점에서 패킷이 타겟으로 전송되는 데 걸리는 시간과 해당 패킷의 승인이 네트워크 시작 지점에 다시 전송되는 시간을 의미한다. ​ Downlink 기지국에서 단말기 방향의 링크다. ​ ​ slow-2g ​ 최소 RTT: 2000ms 최대 D..

배터리의 충전중 상태와 충전까지 남은 시간을 조회할 수 있다. 배터리량과 남은 배터리 사용 시간을 조회할 수 있다. 브라우저 지원 범위 Chrome / Edge / Opera / Android 에서 지원한다. Browser compatibility 코드 예제 6장 코드 스니펫 > Boilerplate 코드를 기반으로 데모가 제작되었습니다. 데모보기 공식 사이트 링크 자바스크립트로 배터리 상태 조회하기 배터리의 충전중 상태와 충전까지 남은 시간을 조회할 수 있다. 배터리량과 남은 배터리 사용 시간을 조회... blog.naver.com

navigator.vibrate를 사용해서 진동의 발생 횟수나 진동 시간을 조정할 수 있습니다. 진동 세기는 기기의 진동 세기 설정 중 알람의 진동 세기와 동일하며 진동 세기는 변경할 수 없습니다. 브라우저 지원 범위 Chrome / Edge / Firefox / Opera / Android 에서 지원한다. Browser compatibility 코드 예제 데모 보기 Basic Vibrate Mouse Down / Up Long Press 공식 블로그 링크 자바스크립트로 기기의 진동 컨트롤하기 navigator.vibrate를 사용해서 진동의 발생 횟수나 진동 시간을 조정할 수 있습니다. 진동 세기는 기기의 ... blog.naver.com

선행개발에서는 근 미래에 웹 표준이 될 기술을 담았습니다. 현업에서 프로젝트 업무에 집중해서 프로젝트 관련된 기술만 학습하게 되면 어느 순간 무료함이 찾아옵니다. 뭔가 발전이 없다고 느낄 때도 있죠. 하지만 그것은 프로젝트 초반과 다르게 익숙해지고 잘하고 있다는 것을 의미합니다. 그리고 프로젝트에 새로운 기술을 도입하고 싶은데 권한이 없어서 도입을 못 하거나 이미 포화 상태이거나 경험이 부족해서 도입을 못 할 때도 있습니다. 이런 시기에는 미래에 사용되는 기술을 학습해보는 것도 좋습니다. 발전하고 싶다는 마음도 충족할 수 있고 새로운 지식을 접하면서 꼬리를 물어가며 새로운 지식을 쌓을 수도 있습니다. 선행개발에 정리된 기술을 통해서 이러한 부분이 도움되었으면 합니다. 공식 블로그 링크 선행개발 소개 선행..