정규식 실전 치트시트 — 개발자가 자주 쓰는 패턴 모음
왜 이 글을 쓰나정규식은 쓸 때마다 구글링한다. 이메일 검증 패턴, URL 추출, 전화번호 포맷 — 머릿속에 완전히 외워지지 않는다. 매번 Stack Overflow나 Regex101에서 찾는데, 검색 결과가 너무 다양해서 어떤 게 맞는 건지 확인하는 데 시간이 또 걸린다.자주 쓰는 것만 한 곳에 정리했다. JavaScript 기준이지만, 패턴 자체는 Python, PHP, Java 등 대부분의 언어에서 그대로 쓰거나 조금만 고치면 된다.정규식 기본 문법 요약코드를 읽기 전에, 자주 등장하는 메타문자를 빠르게 훑고 간다.문자의미예시.임의의 한 문자 (줄바꿈 제외)a.c → abc, aXc*0회 이상 반복ab* → a, ab, abb+1회 이상 반복ab+ → ab, abb (a 단독 불가)?0회 또는 1회..
2026. 3. 18.
[HTML/CSS/JS] Canvas API로 그림판 만들기
Canvas API로 그림판 만들기왜 만들었나Canvas API는 픽셀 단위로 화면을 제어할 수 있는 강력한 브라우저 내장 기능이다. 라이브러리 없이 그림판을 만들어보면 이벤트 좌표 변환, 이미지 데이터 조작, 상태 관리가 어떻게 맞물리는지 직접 체감할 수 있다.구현 목표:펜, 지우개, 직선, 사각형, 원, 채우기 — 6가지 도구Undo/Redo — getImageData/putImageData로 히스토리 관리Flood Fill — 픽셀 단위 BFS 탐색으로 채우기 구현PNG 저장 — canvas.toDataURL()로 로컬 다운로드구조파일 하나, 외부 의존성 없음.07-canvas-drawing/└── index.html레이아웃:영역역할Toolbar도구 선택, 색상 팔레트, 굵기/투명도 슬라이더, 액션..
2026. 3. 1.
