본문 바로가기

form14

PHP 등록 폼 — POST + hidden action=insert · 통합 CRUD 허브 패턴 완전 정리 Web Development · PHP HTMLPHP 등록 폼 — POST + hidden action=insert · 통합 CRUD 허브 패턴 완전 정리form.html이 list.php로 POST 전송 시 hidden input으로 action=insert를 함께 보내는 방식 — 하나의 list.php가 INSERT·UPDATE·DELETE·검색을 모두 처리시작 오늘 분석할 코드form.html은 단순한 등록 폼이다. 성·이름·나이를 입력받아 POST로 list.php에 전송한다. 이때 핵심은 — 눈에 보이지 않는 필드로 "insert 작업이다"라는 신호를 list.php에 함께 보낸다. name="form1" method="post" action="list.php"> 성: type="text" .. 2026. 7. 9.

Canvas 원호 · 선 스타일 완전 정리 Web Development · CanvasCanvas 원호 · 선 스타일arc 원호, lineWidth, strokeStyle, 도형 서식 폼을 정리합니다.시작 오늘 분석할 코드Canvas는 HTML 안에 그림을 그릴 수 있는 비트맵 영역입니다. canvas 요소 자체는 도화지고, 실제 선과 도형은 JavaScript에서 2D context를 얻어 그립니다.context.beginPath(); context.arc(100, 70, 30, 0, 1.5 * Math.PI, false); context.strokeStyle = 'magenta'; context.stroke(); context.lineWidth = 20; context.strokeStyle = 'violet';arc원호 또는 원 경로를 추가합.. 2026. 7. 7.

JavaScript 폼 입력 요소 — onfocus·radio·checkbox 완전 정리 Web Development · JavaScriptJavaScript 폼 입력 요소focus/blur 검증, radio 선택 확인, checkbox 합계 계산을 정리합니다.시작 오늘 분석할 코드이 예제는 사용자의 선택과 입력에 따라 화면 값을 바꾸는 흐름을 다룹니다. 이미지는 src를 바꾸고, 폼 요소는 value, checked, focus()를 읽고 제어합니다. onfocus와 onblur 이름을 입력하지 않고 다른 창으로 이동할 수 없습니다. 이름 학번 버튼을 클릭하면 선택된 라디오 버튼의 value를 출력합니다. 서울 부산 춘천 물품을 선택하면 금액이 자동 계산됩니다 모자 1만원 구두 3만원 명품가방 8만원 지불하실 금액 실제 출력 미리보기이.. 2026. 7. 5.

JavaScript 이미지 변경 — new Image 프리로딩·select 완전 정리 Web Development · JavaScriptJavaScript 이미지 변경new Image() 프리로딩과 select 선택값으로 이미지 src를 바꾸는 흐름을 정리합니다.시작 오늘 분석할 코드이 예제는 사용자의 선택과 입력에 따라 화면 값을 바꾸는 흐름을 다룹니다. 이미지는 src를 바꾸고, 폼 요소는 value, checked, focus()를 읽고 제어합니다. new Image()로 이미지 로딩 이미지를 클릭하면 다음 이미지를 보여줍니다. select 객체에서 선택한 과일 출력 과일을 선택하면 이미지가 출력됩니다. 딸기 바나나 사과 실제 출력 미리보기image바나나사과딸기용어 용어 정리srcimg 요소가 표시할 이미지 파일 경로입니다.new Image()이미지.. 2026. 7. 5.

이전 1 2 3 4 다음

티스토리툴바