UI,UX,접근성,기본개념 등23 Chrome 콘솔 숨은 기능 크롬 콘솔 숨은 기능들을 살펴봅시다. Chrome DevTools의 콘솔 유틸리티는 Chrome 브라우저에서 가장 많이 사용되는 가장 유용한 개발 도구 중 하나입니다. 웹 페이지에 추가 기능을 추가하는 소수의 기능을 제공합니다. 웹 페이지에서 디버깅, 프로파일 링 및 모니터링 작업을 도와줍니다. 이 게시물에서는 모두 Chrome 콘솔이 제공하는 매우 유용하지만 알려지지 않은 기능 중 일부를 검토합니다. 1.monitor 이 함수는 함수가 언제 호출되는지 알기 위해 함수를 모니터하는 데 사용됩니다. function traceFunc (arg) { } monitor(traceFunc);traceFunc 함수는 모니터 할 인수로 전달됩니다. 이제 traceFunc가 호출 될 때마다 모니터는 함수가 호출되었음을.. 2020. 6. 13. 접근성, 폰트에 대하여.. 웹에는 접근성 이슈들이 많습니다. 모든 사용자가 사용하는 웹이라는 모토를 걸고있기 때문이죠. 웹은 컴퓨터와 인터넷이 연결된 현대에 있어 거의 모든 사람들이 매일 한번씩은 꼭 이용하게 되는 매개체입니다. Web Content Accessibility Guidelines (WCAG)에서는 매일 관련 웹 접근성에 대한 내용들을 업데이트 하고 있습니다. 우선 최근에 Light House에 대한 audit 결과들을 보면, Web Accessibility 항목에 있어 특히 반응형일 때 폰트 사이즈가 작으면 웹 접근성 이슈로 잡히게되어 있습니다. 또한 위와 같이 폰트 색상 대조에 대한 비율도 권고안으로 정해져 있습니다. 공식적으로 WCAG에서 권고하고 있는 텍스트 사이즈와 대조는 다음과 같습니다. 이 내용 출처의 필.. 2020. 4. 25. GTM(Google Tag Manager) Google Tag Manager, 2012년에 출시된 웹 분석, 광고 성과 측정, 제휴 마케팅 추적 등 다양한 이벤트를 관리할 수 있는 트래킹 관리 툴입니다. 이 툴들의 단점은 PO나 마케터나 원하는 행동 데이터를 추가로 추적하고 싶을 때마다 개발자에게 코드를 심어달라고 요청해야 된다는 것입니다. 그러나 GTM을 사용하게 되면 개발자가 코드 상에서 이벤트를 정의하고 발송하는 부분이 크게 줄어들고, GTM이 제공하는 관리 페이지에서 직접 PO나 마케터가 직접 이벤트를 정의하고 심지어 어떤 시점에 이벤트를 발송할 것인지도 정할 수 있습니다. 또한 어플리케이션의 코드 내에 비즈니스 로직과 전혀 관련없는 이벤트 로그 코드가 섞이지 않기 때문에 개발자에게도 좋은 것입니다. 마케터에게 그러면 어떻게 설명하고 마케.. 2020. 4. 25. 윈도우 마우스 우측 클릭시 메뉴 삭제 및 추가 경로(레지스트리) - regedit 2019. 10. 26. 이전 1 2 3 4 5 6 다음
