앜스토리 | 호기심 많은 개발자의 보물창고

https://developer.mozilla.org/en-US/docs/Web/API Web APIs | MDN When writing code for the Web, there are a large number of Web APIs available. Below is a list of all the APIs and interfaces (object types) that you may be able to use while developing your Web app or site. developer.mozilla.org

인터넷을 통한 오디오 및 비디오 통신은 새로운 것이 아닙니다. Skype는 2003년에 이를 가능하게 하는 최초의 도구 중 하나였으며 이러한 화상 채팅을 브라우저에서 직접 사용할 수 있게 되는 데 오랜 시간이 걸리지 않았습니다. WebRTC는 브라우저에서 쉽고 안전한 영상 통신을 가능하게 하는 비교적 새로운 기술입니다. 그렇다면 정확히 무엇이며 어떻게 작동하며 왜 비디오 커뮤니케이션에 혁명을 일으키고 있습니까? WebRTC는 프로토콜, 표준 및 JavaScript API의 모음입니다. 비디오 통신을 위한 대부분의 솔루션은 독점 소프트웨어 또는 기껏해야 브라우저 플러그인에 의존하지만 WebRTC는 이러한 종류의 통신을 가능하게 합니다… WebRTC는 새롭다고 말했지만 실제로는 거의 10년이 되었습니다. 2..

https://awesomeopensource.com/projects/webrtc-demos https://webrtc.github.io/samples/ WebRTC samples webrtc.github.io https://www.youtube.com/playlist?list=PLPRQUXAnRydKdyun-vjKPMrySoow2N4tl RTCMultiConnection WebRTC JavaScript library for peer-to-peer applications https://github.com/muaz-khan/RTCMultiConnection www.youtube.com https://www.youtube.com/watch?v=BpN6ZwFjbCY&list=PLK0STOMCFms4nXm1bR..

영상2000×1100 189KB React 개발을 마스터하기 위한 선별된 무료 리소스 목록 목차 동기 부여 92 필수 경로 30 왜 반응합니까? 34 반응 6 ES2015+ 5 라우팅 7 상태 관리 15 번들러 삼 물건 만들기 8 선택적 경로 타이프스크립트 8 이 가이드를 사용하는 방법 11 협업 방법 1 팀 영감 및 추가 리소스 9 동기 부여 이 프로젝트는 React로 애플리케이션을 구축하는 방법을 배우고 개념을 이해하려는 사람들을 위한 최고의 무료 리소스 를 수집하는 것을 목표로 합니다. 2 Functional Programming, Composition, Unidirectional Data Flow 및 기타 많은 것과 같은 채택과 함께 제공됩니다. 필수 경로 왜 반응합니까? Facebook의 JS ..

27 목차 3D 렌더러 74 증강 현실 45 비트토렌트 클라이언트 24 블록체인 / 암호화폐 81 봇 91 명령줄 도구 21 데이터 베이스 37 도커 21 에뮬레이터 / 가상 머신 16 프론트엔드 프레임워크/라이브러리 50 게임 55 힘내 16 네트워크 스택 11 신경망 35 운영 체제 34 물리 엔진 13 프로그래밍 언어 57 정규식 엔진 6 검색 엔진 26 껍데기 4 템플릿 엔진 4 텍스트 에디터 16 시각 인식 시스템 16 복셀 엔진 8 웹 검색 엔진 9 웹 서버 22 미분류 24 튜토리얼 나만의 빌드 3D Renderer C++ : 레이 트레이싱 소개: 3D 이미지를 만드는 간단한 방법 27 C++ : OpenGL 작동 방식: 500줄의 코드로 소프트웨어 렌더링 11 C++ : Wolfenstei..

https://nykim.work/84?category=692675 반응형 웹 뚝딱 만들기 (1) - 뷰포트 메타태그와 미디어 쿼리 이 글은 공동 기술 블로그(tech.yeon.me)에도 올린 글입니다. (여기에서도 숨겨진 좋은 글을 발견할지도 몰라요!) 프롤로그 모바일 사용자가 점점 늘어나는 요즘 반응형으로 만든 웹 사이트를 쉽게 nykim.work

https://nykim.work/85 반응형 웹 뚝딱 만들기 (2) - vw, vh, vmin, vmax, em, rem 속성 프롤로그 지난 글에는 반응형을 위해 필요한 뷰포트 메타태그와 미디어 쿼리에 대해 다뤘었는데, 이번에는 CSS 속성을 통해 좀 더 편하고 쉽게 반응형을 만드는 방법을 알아보려고 합니다 🤟 히 nykim.work

스크롤바 숨기기 참고 문제상황 회사 장바구니를 고도화하는 도중 스크롤이 스크롤이 매우 거슬렸다. 기능은 남겨두되 보이지 않게 하고 싶었다. 해결 .target { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .target::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/ } 스크롤바를 숨기고 싶은 영역을 지정하고(위에서는 .target) 위와 같이 적어준다. 출처 : https://ryusm.tistory.com/115

Critical Rendering Path란? 브라우저가 페이지의 초기 출력을 위해 실행해야 하는 순서를 뜻함. Dom 트리 구축 CSSOM 트리 구축 JavaScript 실행 렌더 트리구축 레이아웃 생성 페인팅 Critical Rendering Path는 위의 6단계로 구성됨. 자세한 내용>>>>https://beomy.github.io/tech/browser/browser-rendering/ [Browser] 브라우저 렌더링 이번 포스트에서는 브라우저가 화면을 렌더링 하는 과정에 대해 이야기할 것입니다. 렌더링 과정을 이해하면 웹페이지의 렌더링 최적화에 도움이 될 수 있겠죠? 렌더링 최적화 방법은 [Browser] Cr beomy.github.io Critical Rendering Path 최적화 하..

https://hiddentools.dev/ Hidden Tools: Discover a collection of tools hiddentools.dev https://caniuse.com/ Can I use... Support tables for HTML5, CSS3, etc caniuse.com https://hiddentools.dev/ 133 (여기에서 필요한 도구를 찾으십시오) https://caniuse.com/ 56 (웹사이트를 만들면 어떤 기능이 어떤 브라우저에서 작동하는지 알려줍니다) https://devhints.io/ 54 (말 그대로 특정 기능이나 코드에 대한 문서를 순식간에 찾을 수 있습니다) https://bundlephobia.com/ 44 (이것은 당신이 필요로하는 패키지의 ..