Blue Breeze

All the Ways to Make a Web Component - Nov 2021 Update web components base libraries - @open-wc 컨텐츠용 디자인 웹컴포넌트 라이브러리 Content Component Libraries - @open-wc const template = document.createElement('template'); template.innerHTML = ` - +`; class MyCounter extends HTMLElement { constructor() { super(); this.count = 0; this.attachShadow({ mode: 'open' }); } connectedCallback() { this.shadowRoot.appe..

Node.js 웹 접근성 테스트 도구 npm i express pa11y # index.js const pa11y = require('pa11y') async function run() { const response = await pa11y('https://bluebreeze.co.kr') console.log(response) } run() $ node index.js { documentTitle: 'Blue Breeze', pageUrl: 'https://bluebreeze.co.kr/', issues: [ { code: 'WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputText.Name', type: 'error', typeCode: 1, message: 'Thi..

vega.github.io vega-lite Editor vega-lite-examples

가상 클래스 :active 사용자가 요소를 활성화 (예 클릭) 일치합니다. /* 활성화된 모든 `` 태그를 선택 */ a:active { color: red; } :active 가상 클래스는 대개 , 과 함께 사용합니다. 다른 흔한 대상으로는 활성화된 요소를 포함한 다른 요소와 연결된 로 선택한 입력 폼 요소 등이 있습니다. :active 가상 클래스로 정의한 스타일은 자신보다 뒤에 위치하고 동등한 명시성을 가진 다른 링크 가상 클래스(:link, :hover, :visited)가 덮어씁니다. 링크를 적절히 디자인하려면 LVHA-순서(:link — :visited — :hover — :active)를 따라, :active 규칙을 다른 모든 링크 규칙들보다 뒤에 배치하세요. 참고: CSS3 명세에 따르면 ..

kakao ios inapp webview 에서 sendDefault, createDefaultButton 기능 모바일 웹에서 카카오톡 공유하기 기능 구현하기 카카오 링크 사용중 자주 겪는 에러와 문의 하이브리드 앱에 적용하기: kakao js SDK [React]: 리액트로 카카오톡 공유 버튼 구현하기 iOS webview에서 kakaoLink 사용 설정 문의 카카오 인앱브라우저의 문제점- Ios 웹뷰 카카오톡으로 공유하기 swift WKWebView ios 하이브리드앱 기초 샘플 JavaScript: 이 문서는 Kakao SDK for JavaScript(이하 JavaScript SDK) 사용법을 설명합니다. kakao.link for javascript kakao sdk Support Univers..

using WSL1, WSL2 How to Set Linux Distribution version to WSL 1 or WSL 2 in Windows 10 C:\Users\username> wsl --help Copyright (c) Microsoft Corporation. All rights reserved. 사용법: wsl.exe [인수] [옵션...] [명령줄] Linux 바이너리를 실행하기 위한 인수: 명령줄이 제공되지 않으면, wsl.exe는 기본 셸을 실행합니다. --exec, -e 기본 Linux 셸을 사용하지 않고 지정된 명령을 실행합니다. -- 나머지 명령줄은 그대로 전달합니다. 옵션: --distribution, -d 지정된 배포를 실행합니다. --user, -u 지정된 사용자로 실행합..

행복상자 :: Windows의 kill 명령어 사용(2): Stop-Process and wmic taskkill /f /im node taskkill /f /t /im node wmic process where name="node" delete

DBeaver Community Free Universal Database Tool https://dbeaver.com/ cloudbeaver DBeaver Wiki Feature DBeaver Community Edition Is Free Eclise base Install Theme: Menu > Help > Install New Software... > Darkest DArk Theme # Scoop scoop install dbeaver # Brew brew cask install dbeaver-community # apt wget -O - https://dbeaver.io/debs/dbeaver.gpg.key | sudo apt-key add - echo "deb https://dbeaver.i..

Windows Terminal oh-my-posh 자습서: Windows 터미널에서 Powerline 설정 Windows Terminal Themes # Install posh-git, oh-my-posh Install-Module posh-git -Scope CurrentUser Install-Module oh-my-posh -Scope CurrentUser # set ExecutionPolicy Set-ExecutionPolicy Unrestricted # echo ExecutionPolicy value ExecutionPolicy # open notepad profile notepad $PROFILE # C:\Users\username\Documents\WindowsPowerShell\Microso..

Winget https://winget.run/ https://github.com/winget-run App Installer 앱 설치 관리자 https://github.com/microsoft?q=winget https://github.com/microsoft/winget-cli/releases에서 다운로드 후 설치하는게 속 편함. https://github.com/microsoft/winget-pkgs 명령어 C:\Users\username> winget Windows Package Manager v0.2.10771 미리 보기 Copyright (c) Microsoft Corporation. All rights reserved. 원넷 명령줄 유틸리티를 사용하면 명령줄에서 응용 프로그램 및 기타 패키지..