분류 전체보기 (92) 썸네일형 리스트형 [Electron] Electron이란 Electron이란? Electron은 JavaScript, HTML 및 CSS와 같은 웹 기술을 사용하여 데스크톱 애플리케이션을 만들기 위한 프레임워크입니다. (데스크탑 어플리케이션은 보통 해당 OS에서 제공하는 언어와 환경을 이용해서 제작합니다. Windows의 경우 C#이나 C++ 등을 이용해서 만들고, macOS의 경우 Objective-C나 Swift 등을 이용해서 만들게 됩니다.) 웹사이트를 구축할 수 있다면 데스크톱 앱을 구축할 수 있습니다. Electron을 사용하면 하나의 JavaScript 코드베이스를 유지 관리하고 Windows, macOS 및 Linux에서 작동하는 크로스 플랫폼 앱을 만들 수 있습니다. 어려운 부분(Automatic updates, notifications 등)을 .. [NPM] 다른 npm registry에서 npm 모듈 다운로드하기 저는 회사에서 npm 로컬 저장소를 이용하여 패키지를 업로드하고, 다운로드 받아 사용하고 있습니다. 이를 위해 npm default registry를 설정해두었습니다. npm config set registry https://registry.xxxxx.com/xxxxx/ 이 경우 오픈소스 패키지를 npm 명령어로 설치하려 할 경우, 위에서 설정한 default registry에 패키지가 존재하지 않아 404 에러가 발생됩니다. npm install --save-dev electron npm ERR! code E404 npm ERR! 404 Not Found - GET https://registry.xxxxx.com/xxxxx/electron - not_found npm ERR! 404 npm ERR! 4.. [SonarQube] Add an "alt" attribute to this image Image, area and button with image tags should have an "alt" attribute alt 속성은 이미지에 대한 텍스트 대안을 제공합니다. 실제 이미지를 렌더링할 수 없을 때 사용됩니다. 일반적인 이유는 다음과 같습니다. 이미지를 더 이상 찾을 수 없습니다 스크린 리더 소프트웨어를 사용하는 시각 장애가 있는 사용자 휴대폰에서 데이터 소비를 줄이기 위해 이미지 로드가 비활성화 alt 속성을 정보가 아닌 값으로 설정하지 않는 것도 매우 중요합니다. 예를 들어 는 사용자에게 어떤 정보도 제공하지 않기 때문에 쓸모가 없습니다. 이 경우 다른 장식 이미지와 마찬가지로 태그 대신 CSS 배경 이미지를 사용하는 것이 좋습니다. CSS background-image를 사용할 수.. [SonarQube] Replace this <i> tag by <em> "" and "" tags should be used / 및 / 태그는 대부분의 웹 브라우저에서 정확히 동일한 효과를 갖지만 둘 사이에는 근본적인 차이가 있습니다: 및 은 의미론적 의미를 갖는 반면 및 는 CSS와 같은 스타일 정보만 전달합니다. 는 디스플레이가 제한된 일부 장치나 시각 장애인이 스크린 리더 소프트웨어를 사용하는 경우 아무런 영향을 미치지 않지만 은: 일반 브라우저에서 텍스트를 굵게 표시 Jaws와 같은 화면 판독기를 사용할 때 낮은 톤으로 말하기 따라서, 의미를 전달하기 위해 및 태그를 사용해서는 안 됩니다. 스타일링 정보를 전달하기 위해서는 와 를 피하고 CSS를 사용해야 합니다. 비준수 코드 예 car train 결과 xcrun: error: invalid active developer path (/Applications/Xcode.app/Contents/Developer) 오류 해결 방법 어느날 git을 사용하려고 command를 실행하니 아래와 같은 오류가 발생되었다. 오류 xcrun: error: invalid active developer path (/Applications/Xcode.app/Contents/Developer), missing xcrun at: /Applications/Xcode.app/Contents/Developer/usr/bin/xcrun 원인 원인은 둘 중 하나로 의심되었다. 1. MacOS 소프트웨어 업데이트 2. Xcode 삭제 해결 방법 xcode-select --install xcode-select --reset 또는 sudo xcode-select --reset xcode-select --switch /Library/Developer/CommandLi.. [Chrome] User-Agent 축소 및 User-Agent Clienet-Hint API로 마이그레이션 안녕하세요😊 오늘은 크롬의 User-Agent 축소 및 User-Agent Client-Hints API로 마이그레이션에 대해 정리하여 공유를 해보려고합니다. 몇주간 제가 찾아본 내용을 정리해보려고 하는데 저와 같은 고민을 하시는 분들께 도움이 되었으면 좋겠습니다. User-Agent 문자열이란? User-Agent 요청 헤더 사용자-에이전트 요청 헤더는 요청을 보낸 user-agent에 대한 정보를 담고 있는 필드입니다. User-Agent 문자열을 통해 서버가 요청을 보낸 사용자 에이전트의 응용 프로그램, 운영체제, 공급업체 및 버전을 식별할 수 있는 정보를 알 수 있습니다. 크롬 브라우저에서 특정 웹사이트에 접속한 후 개발자 도구 '네트워크' 탭의 'Request Headers' 항목에 보면 Use.. highcharts.js.map 404 오류 해결하기 안녕하세요. 오늘은 highcharts.js를 사용하면서 만난 오류 해결 과정에서 찾은 자료들을 정리해보려고 합니다. 저는 public/js/ 디렉터리 하위에 highcharts.js 파일을 두고 사용 중입니다. 그런데 개발자 도구 콘솔 로그에 계속 아래와 같은 오류가 찍히는 문제가 있었습니다. DevTools failed to load source map: Could not load content for http://xxx.xxxx.com:xxxx/public/js/highcharts.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE highcharts.js.map 파일이 없어서 404 에러가 발생하고 있었습니다. .map.. Cookie 값 세팅하기 쿠키 세팅하기 콘솔에서 아래처럼 원하는 쿠키 값을 세팅 document.cookie ='key=value' 결과 Chrome 개발자도구 Application 탭에서 확인 가능 이전 1 2 3 4 5 6 7 8 ··· 12 다음
