1. 이미지의 관심 영역을 설정하고 추출하는 기능을 구현.2. 입력 영상은 컬러 or 흑백 사진 사용.3. 이미지 관심영역이란 임의로 도형을 드래그 또는 포인트 점을 찍어 만든 영역을 말함.3-1. 타원마우스 왼쪽 버튼을 눌러 드래그 하여 영역 설정.드래그하는 동안 타원 그림이 그려져야 함.3-2. 다각형 (포인트 사용)여러 개의 점을 찍어 다각형 영역을 설정.최소 3개의 점이 찍혀야 함.점과 점 사이에는 선이 그려져야함다각형을 유지하기 위해서는 내각이 180도 이하여야 함.임의로 클릭하여 점을 찍을 때, 첫 번째 점과의 거리가 20px 이하여 다각형을 닫음. (마지막으로 찍은 점은 무시.)4. 타원 또는 다각형 형태로 설정한 영역 내부의 이미지를 추출 후 저장.5. 타원, 다각형을 할 수 있는 모드는 ..

- 사용템플릿(1) Visual Studio Code(2) Github(3) Netlify - 완성된 사이트 주소   https://warm-wisp-80c7da.netlify.app/ 간단한 메모장간단한 메모장 제목 메모 저장 전체 지우기 저장된 메모warm-wisp-80c7da.netlify.app - 완성화면 (1) 시작화면 (2) 메모 입력화면 (3) 저장화면 (4) 내 컴퓨터에 저장 화면 (5) 저장된 모습(메모장 사이즈에 맞게 저장) - 핵심 코드 설명 (1) HTML 부분 제목 메모 ..

- 사용템플릿(1) Visual Studio Code(2) Github(3) Netlify - 완성된 사이트 주소https://neon-elf-202055.netlify.app/ 디지털 시계와 알람 neon-elf-202055.netlify.app - 완성화면 (1) 시작화면 (2) 시계 색상 변경 기능 (3) 알람화면 (4) 타이머 화면 (5) 타이머 진행화면 (6) 타이머 종료화면 (알람소리까지 재생됨) - 핵심 코드 설명 (1) HTML 알람 설정 알람 설정 타이머 설정  (2) CSS/* 스타일링: 전체 페이지 배경 색상 및 중앙 정렬 */body { display: flex; justify..

- 사용템플릿(1) Visual Studio Code(2) Github(3) Netlify - 완성된 사이트 주소https://tranquil-squirrel-ee89de.netlify.app/ 최대공약수와 최소공배수 계산기최대공약수와 최소공배수 계산기tranquil-squirrel-ee89de.netlify.app -  완성화면 (1) 시작화면 (2) 오류화면 (최대 입력 값 1000으로 제한) (3) 결과화면 - 핵심코드 설명/* 스타일링: 전체 페이지 배경 색상 및 중앙 정렬 */ body { display: flex; justify-content: center; align-items: center; heig..