팀 프로젝트에서 Vercel의 무료 서비스를 공짜로 이용하는 방법
Vercel은 Serverless 서비스를 제공하는 플랫폼으로, 정적 페이지를 프록시하거나 간단한 API를 만드는 데 특히 적합합니다. 무료 플랜은 개인 프로젝트에 매우 친화적이며, 특히 중국 지역에서 우수한 CDN
Web 前端
Vue에서 사라지는 HTML Video의 muted 속성
회사에 새 프로젝트가 생겨 제가 독립적으로 기술을 선정하고 개발하게 되었습니다. 프로젝트 요구 사항은 영문 제품 소개 공식 웹사이트를 만드는 것이었고, 프로젝트가 비교적 간단하며 일정도 길지 않은 점을 고려해 최종적
konva.js click 이벤트가 부모 요소로 버블링되는 것을 방지하기
KonvaJS에서는 이벤트 버블링이 기본적으로 활성화되어 있습니다. 즉, 자식 요소에서 이벤트가 발생하면 해당 이벤트가 부모 요소로 전파됩니다. 따라서 레이어에 click 이벤트를 등록하고 그 위에 그룹을 생성한 경
Vue.js에서 `v-model`과 `model-value`의 차이
Vue.js의 v-model과 model-value는 모두 폼 데이터의 양방향 바인딩을 구현하는 데 사용되는 지시문입니다. v-model은 Vue.js에서 제공하는 문법 설탕으로, 개발자가 템플릿에서 폼 데이터의 양
Git Commit Message 코드 제출 규범
지난달 회사에 프런트엔드 고수가 한 분 오셔서 우리 팀의 기술적인 규범을 몇 가지 정해 주셨는데, 그중 하나가 Git에 코드를 제출할 때 Commit Message를 작성하는 규범에 관한 것이었습니다. 처음에는 저도
jQuery 온라인 t.cn 시나 단축 URL 생성
최근 Ajax 기술을 배우고 있어서 작은 Demo를 자주 작성하곤 합니다. 예를 들어 지난번에 작성한 「jQuery로 온라인에서 QQ 이름과 아바타 가져오기」가 있습니다. 오늘 소개할 것도 Ajax 프로젝트로, 주요
WordPress 관리자 로그인 페이지 꾸미기
저와 마찬가지로 WordPress 기본 관리자 로그인 페이지가 너무 못생겼다고 생각하는 분들이 많지 않나요? 강박증이 있는 저는 당연히 참을 수 없어서 관리자 로그인 페이지를 수정하는 플러그인을 여기저기 찾아보았습니
jQuery로 온라인에서 QQ 이름과 아바타 링크 가져오기
어제 그룹에서 누군가 Dux 테마의 댓글 입력란에 QQ 번호를 입력하면 이름과 아바타를 바로 가져오는 기능이 어떻게 구현되는지 물어보았습니다. Dux 테마를 살펴보니 이 기능이 통합되어 있지 않았고, 오히려 Emlo
HTML, JavaScript, CSS 온라인 압축 및 압축 해제
며칠 전 본 사이트에서는 여러분이 프런트엔드 HTML을 학습하는 데 도움을 드리기 위해 HTML 온라인 실행 도구를 출시했습니다. 오늘은 계속해서 매우 실용적인 소형 도구 세 가지를 소개하려고 합니다. 각각 HTML
jQuery로 웹 페이지 배경색 그라데이션 만들기
오늘 웹 페이지 배경을 만지작거리다가 사이트 전체를 투명하게 만들어 버렸습니다. 이렇게 하면 동적인 배경을 만들 수 있습니다. 처음에는 CSS + jQuery를 떠올렸지만, 한참을 이것저것 시도한 끝에 지박새 테마와
웹 페이지 특수 문자열 HTML 코드 모음
웹 페이지의 HTML을 작성할 때 특수 문자를 사용해야 하는 경우가 자주 있습니다. 이러한 문자는 키보드로 직접 입력할 수 없는 경우가 많기 때문에 해당 HTML 엔티티 코드를 사용해야 합니다. 이러한 코드는 HTM
本站首发的在线运行 HTML 工具站
프런트엔드 학습을 하다 보면 테스트 코드를 실행해야 할 때가 자주 있습니다. 당시에는 주로 Chinaz의 웹마스터 도구와 같은 온라인 도구를 사용했습니다. 이제 프런트엔드 기술을 어느 정도 익혔기에, 더 많은 사람들
순수 HTML 5 + CSS 3로 iPhone 6 그리기
Bilibili에서 HTML5 작품 하나를 봤는데, 순수한 코드만으로 iPhone 렌더링 이미지를 그려 낸 작품이었습니다. 꽤 재미있다고 생각해서 여러분도 참고하시라고 올려 봅니다. 먼저 결과 이미지를 보시죠: 코드
CSS 사용자 지정 브라우저 스크롤바 스타일
오늘 憧憬 블로그에 방문했을 때, 그의 웹사이트의 브라우저 기본 사이드 스크롤바가 사용자 지정 스타일로 변경되어 있는 것을 발견했습니다. 이후 인터넷에서 검색해 보니, 해당 스타일은 CSS를 통해 디자인할 수 있다는
웹페이지에 운영 시간 JavaScript 코드 추가
이 사이트를 개설한 지 거의 20일이 되었습니다. 그리 긴 시간은 아닙니다. 이제 막 시작했을 뿐이니까요. 그래서 웹사이트가 운영된 시간을 기록할 수 있도록 온라인 타이머를 만들어 보기로 했습니다. 군말 없이 바로
다른 사람이 웹 페이지의 소스 코드를 보지 못하도록 하기
가끔 간단한 HTML 웹사이트를 구축했지만 다른 사람이 웹 페이지의 소스 코드를 보는 것은 원하지 않을 때가 있습니다. 이럴 때는 코드를 사용해 다른 사람이 HTML 코드를 보지 못하도록 해야 합니다. 먼저 다른 사
전체 웹사이트 페이지를 흑백으로 만들기
작년에 유명 가수 차오런량(乔任梁)이 세상을 떠났을 때를 기억하시나요? 바이두 이미지는 이례적으로 그를 위해 흑백 웹페이지를 만들었고, 모든 사용자가 바이두 이미지에서 차오런량을 검색하면 사이트 전체가 흑백으로 표시