css7 Google Analytics와 연결하여 실제 브라우저 지원을 표시하는 방법 내가 사용하는 웹캔은 오늘날 모든 웹 개발자에게 없어서는 안 될 부분입니다. 데스크탑 및 모바일 웹 브라우저에서 프런트 엔드 웹 기술을 지원하기 위한 최신 브라우저 지원 표를 사용할 수 있습니까? 개별 기술에 대한 브라우저 지원은 컬러로 강조 표시됩니다(기능을 지원하는 브라우저는 녹색, 이를 지원하지 않는 브라우저는 빨간색, 일부 또는 폴리필을 지원하는 브라우저는 진흙 녹색으로 표시됩니다). 오른쪽 상단에서 해당 기술을 지원하는 브라우저의 비율도 확인할 수 있습니다. 어떤 브라우저가 어떤 기능을 지원하는지 알 수 있고, 동시에 얼마나 많은 브라우저가 사용되는지 알 수 있을까요? 이를 바탕으로 애플리케이션은 새로운 기능을 사용할 수 있는 사용자의 비율을 계산할 수 있습니다. 그러나 이 수치는 근사치일 뿐이.. 2022. 3. 10. HTML 및 CSS를 사용하여 응답 등록 양식을 만들었습니다. 여러분 안녕하세요! 여러분 모두 잘 지내시길 바랍니다. 오늘은 HTML과 CSS만을 사용하여 응답형 등록 양식을 만든 방법을 시연하겠습니다. 제가 만든 이 등록 양식은 HTML과 CSS를 사용하여 가장 아름답게 구성되고 디자인된 웹페이지입니다. 초보자로서 HTML과 CSS가 뭔지 아시겠죠? 아니! 그것들은 엄밀히 말하면 프로그래밍 언어가 아니야. 그들은 구조와 설계를 웹 개발로 만드는데 사용된다. 그럼 HTML과 CSS를 사용하여 응답형 등록 양식을 만드는 것부터 시작하겠습니다. 소스 코드: (HTML) Registration Full Name Username Email Phone Number Password Confirm Password Gender Male Female Prefer not to say.. 2022. 3. 7. JavaScript를 사용하여 브라우저에서 오디오 캡처 네비게이터란? 오디오 캡처를 위한 응용 프로그램 상태 이니셜: 응용 프로그램의 시작입니다. 여기에서는 시작 메시지와 녹화를 시작할 수 있는 버튼이 표시됩니다. 녹음: 여기서는 오디오를 녹음하고 녹음을 중지할 수 있는 버튼이 있습니다. 다운로드: 녹음된 오디오를 재생하거나, 오디오를 다운로드하거나, 다시 녹음할 수 있는 상태입니다. 오류: 응용 프로그램은 클라이언트 브라우저가 mediaDevices API를 지원하지 않는 경우에만 이 상태가 됩니다. 2022. 2. 15. JavaScript 시도 - catch - finaly 문 try, catch, 그리고 마지막으로 블록을 사용하여 예외(오류 유형)를 처리합니다. 그것들을 배우기 전에, 여러분은 프로그래밍의 오류 유형에 대해 알 필요가 있습니다. JavaScript 시도…Catch 문: try…catch 문은 예외를 처리하는 데 사용됩니다. 이것의 문법은 다음과 같다: try { // body of try } catch(error) { // body of catch } 메인 코드는 트라이 블록 안에 있습니다. 트라이 블록을 실행하는 동안 오류가 발생하면 캐치 블록으로 이동합니다. 캐치 블록은 캐치 문에 따라 오류를 처리합니다. 오류가 발생하지 않으면 try 블록 내부의 코드가 실행되고 캐치 블록을 건너뜁니다. JavaScript 시도…캐치…마지막으로 설명: try…catch…f.. 2021. 12. 30. 응답 NextJS Instagram UI 클론 생성 - 프로파일 페이지 6부 이 기사에서는 불플래시 이미지를 게시물로 가져올 것입니다. 클라이언트 키 가져오기 플래시되지 않은 개발자로 이동하여 "앱"을 클릭하면 "액세스 키" 및 "비밀 키"가 있습니다. .env.local 생성 클라이언트 키가 123456이라고 가정한 다음 .env.local 파일 내에 다음을 입력합니다. NEXT_PUBLIC_client_id=123456 서버를 재시작해야 작동합니다. API 사용 언플래시 API를 사용하려면 axios 를 사용해야 합니다. yarn add axios 그 후, 우리는 상단에 있는 공리를 수입합니다. import axios from 'axios'; 데이터를 가져오려면 useEffect with axiosis를 사용합니다. useEffect(() => { console.log('NE.. 2021. 12. 29. 모든 웹 개발자가 읽어야 할 기사 5개 상위 5개 웹 개발의 선별된 목록은 지난 주부터 반드시 읽어야 한다. 최신 웹 개발 사례와 통찰력을 놓치지 마십시오. 몇 가지 새로운 기술을 배우면서 최신 웹 개발, 기술 및 새로운 도구와 프레임워크에 대한 모든 정보를 읽어 보십시오. 반응 신뢰 2021 재점검 저번 주에 저희가 6번째 리액트 콘프를 진행했는데요. 지난 몇 년 동안, 우리는 리액트 컨프 단계를 사용하여 리액트 네이티브 및 리액트 훅스와 같은 업계 변화 발표를 해왔습니다. 올해는 리액트 18 출시와 점진적인 동시 기능 채택을 시작으로 리액트에 대한 멀티플랫폼 비전을 공유했습니다. https://reactjs.org/blog/2021/12/17/react-conf-2021-recap.html 핵심 웹 바이탈 개선, 스매싱 매거진 사례 연구 .. 2021. 12. 28. HTML, CSS, JS , 캔버스로 서명 패드 만들기 안녕, 오늘 나는 매우 멋진 것을 공유할 수 있어. 사용자의 서명이나 도면을 수집해야 할 경우에 대비하여 프로그램에 추가할 수 있는 서명 패드를 만드는 방법을 알려드리겠습니다. 또한 서명 패드에서 서버를 보낼 수 있는 이미지를 만드는 방법도 알려드리겠습니다. 준비됐나요? 를 시작하겠습니다. 먼저 hour page의 HTML 구조를 만들고 app.js와 app.css를 index.html 페이지에 연결해보자. Important Contract Important contract description Signature Clear SUBMIT 이제 app.css 파일에 css를 추가하여 시그니처 패드처럼 보이도록 하겠습니다. :root { --primary-color: #000; } body { font-fam.. 2021. 12. 28. 이전 1 다음
