총 37개
-
HTML과 JavaScript를 이용한 테이블 행 색상 구분2025.11.141. HTML 테이블 구조 HTML의 table, tr, th, td 요소를 사용하여 테이블을 생성합니다. thead와 tbody를 구분하여 헤더 행과 데이터 행을 명확히 하며, 각 행(tr)은 여러 개의 셀(td)로 구성됩니다. 이 예제에서는 3개의 열을 가진 테이블을 생성하고 헤더 행과 3개의 데이터 행을 포함합니다. 2. CSS 스타일링 CSS의 클래스 선택자를 사용하여 홀수 행과 짝수 행에 다른 배경색을 적용합니다. even-row 클래스는 파란색(#cce6ff), odd-row 클래스는 빨간색(#ffcccc)의 배경색을 지...2025.11.14
-
HTML5, CSS3, JavaScript를 이용한 3명의 3과목 점수 계산 및 평균/석차 출력 프로그램2025.05.101. HTML5 HTML5는 웹 페이지를 구조화하고 의미를 부여하는 마크업 언어입니다. 이 프로그램에서는 HTML5를 사용하여 사용자 입력 폼과 결과 출력 영역을 구현하였습니다. 2. CSS3 CSS3는 HTML 요소의 스타일을 지정하는 언어입니다. 이 프로그램에서는 CSS3를 사용하여 입력 폼과 결과 출력 영역의 레이아웃과 디자인을 구현하였습니다. 3. JavaScript JavaScript는 웹 페이지의 동적 기능을 구현하는 프로그래밍 언어입니다. 이 프로그램에서는 JavaScript를 사용하여 사용자 입력을 받아 평균 점수와 ...2025.05.10
-
아이프레임을 이용한 이미지 및 영상 갤러리 페이지 제작2025.12.191. 아이프레임(iframe) 기술 아이프레임은 독립된 문서를 현재 문서 안에 삽입할 수 있는 기능으로, 한 페이지 안에서 여러 콘텐츠를 동시에 표시하거나 특정 영역에 동적으로 다른 페이지나 이미지를 불러올 수 있다. 이를 통해 웹 페이지의 구조를 유연하게 만들고 사용자에게 직관적인 인터페이스를 제공한다. 본 과제에서는 썸네일 클릭 시 아이프레임 내부에 HTML 문서를 동적으로 생성하여 이미지가 화면 가득히 표시되도록 구현했다. 2. 이미지 삽입 및 갤러리 구현 웹에서 이미지는 필수적인 요소로, 시각적 정보 전달이 텍스트만으로 이루...2025.12.19
-
프로그램 언어의 역사, 특징, 장.단점2025.05.061. 프로그래밍 언어 프로그래밍 언어는 기계와 인간이 이해할 수 있는 형태로 문제를 해결하기 위해 사용되는 도구입니다. 저급언어와 고급언어의 차이점은 사용자 중심의 언어인지, 하드웨어 중심의 언어인지에 있습니다. 저급언어는 기계어와 어셈블리어로 구성되며 컴퓨터만 이해할 수 있는 언어입니다. 고급언어는 절차지향 언어와 객체지향 언어로 구분되며 사용자가 이해하기 쉽고 이식성이 높습니다. 2. C 언어 C 언어는 1972년 데니스 리치에 의해 개발되었으며, 시스템 프로그래밍과 응용 프로그래밍에 널리 사용되는 범용 프로그래밍 언어입니다. ...2025.05.06
-
영화관 좌석 예약 앱2025.01.181. 웹 앱 프로그래밍 이 프로젝트는 웹 기반 앱 프로그래밍을 활용하여 영화관 좌석 예약 기능을 구현하였습니다. HTML, CSS, JavaScript를 사용하여 사용자 인터페이스와 좌석 선택 기능을 구현하였습니다. 사용자는 좌석 번호를 입력하면 해당 좌석의 배경색이 변경되어 선택된 것을 확인할 수 있습니다. 2. 사용자 인터페이스 설계 이 프로젝트에서는 직관적이고 사용자 친화적인 인터페이스를 설계하였습니다. 헤더 영역에는 프로젝트 제목을 표시하고, 좌석 선택을 위한 입력 필드와 버튼을 중앙에 배치하였습니다. 좌석은 5행 5열로 구...2025.01.18
-
신재희 자기소개서2025.05.031. HTML HTML(Hypertext Markup Language)은 웹 페이지를 구조화하고 표현하는 데 사용되는 마크업 언어입니다. 이 자기소개서에서는 HTML의 다양한 태그와 속성을 활용하여 글자, 멀티미디어, 테이블 등을 포함한 간단한 자기소개서를 작성하고 있습니다. 2. 웹 프로그래밍 이 자기소개서는 HTML을 사용하여 웹 페이지를 구현하고 있습니다. 웹 프로그래밍은 웹 브라우저에서 실행되는 애플리케이션을 개발하는 것으로, HTML, CSS, JavaScript 등의 기술이 사용됩니다. 3. 자기소개서 이 자기소개서에는 ...2025.05.03
-
HTML5를 이용한 표 생성 방법2025.12.111. HTML5 Table 구조태그 HTML5에서 표를 생성하기 위한 기본 구조태그들을 설명한다. <table>은 표 전체를 정의하는 가장 바깥쪽 태그이며, <tr>은 표의 행을 정의한다. <td>는 데이터 셀을 정의하고, <th>는 머리글 셀을 정의하여 텍스트를 중앙 정렬하고 굵게 표시한다. 이러한 태그들을 조합하여 다양한 형태의 표를 구성할 수 있다. 2. HTML5 Table 셀 병합 표의 셀을 병합하기 위해 colspan과 rowspan 속성을 사용한다. colspan 속성은 셀을 가로로 병합하여 하나의 셀이 여러 열을 차지...2025.12.11
-
고등학교 프로그래밍 평가계획서2025.01.161. 프로그래밍의 개요 프로그래밍의 개념, 프로그래밍 언어의 종류와 특징을 학습한다. 프로그래밍의 절차와 알고리즘, 프로그래밍 개발 환경 등 프로그래밍의 기본 개념을 학습할 수 있도록 구성한다. 2. 프로그래밍 언어의 종류와 특징 프로그래밍 언어의 역사와 종류, 기계어, 어셈블리어, 고급언어의 특징을 설명할 수 있다. 3. 프로그래밍의 절차와 알고리즘 프로그램을 계발하기 위한 절차, 프로그래밍의 과정, 알고리즘의 조건과 표현 방법, 순서도를 활용한 알고리즘 표현, 컴파일과 디버깅을 학습한다. 4. 프로그래밍 개발 환경 통합 개발 환...2025.01.16
-
방통대 컴퓨터과학과 jsp프로그래밍_기말_과제물형2025.01.251. JDK JDK는 Java Development Kit의 약자이며, ORACLE 사이트에서 운영체제에 맞게 다운로드가 가능합니다. JSP 프로그래밍을 위해서는 JRE만 설치하는 것은 부족하고 JDK를 설치해야 합니다. JDK에는 컴파일러와 디버거가 포함되어 있습니다. 2. JSP 처리 과정 JSP 처리 과정은 다음과 같습니다. 클라이언트 요청 -> JSP페이지-> 서블릿 클래스 -> 서블릿 -> 클라이언트에게 응답. WAS/웹 컨테이너는 JSP에 대한 요청이 들어온 후 상응하는 서블릿이 존재하지 않을 경우 JSP페이지를 서블릿 ...2025.01.25
-
윈도우즈 프로그래밍 UI 컨트롤 비교 분석2025.12.131. 텍스트박스와 리치텍스트박스 컨트롤 텍스트박스는 단순한 문자열 입력을 지원하는 기본 컨트롤로 한 줄 또는 여러 줄의 입력이 가능하지만 글자 색상, 글꼴 등의 서식 지정이 불가능합니다. 반면 리치텍스트박스는 굵게, 기울임, 색상 변경 등 서식이 있는 텍스트 입력을 지원하며 RTF, HTML, XML 포맷을 저장하고 불러올 수 있어 문서 편집기나 고급 텍스트 편집 기능이 필요한 경우에 사용됩니다. 2. 리스트박스와 체크리스트박스 컨트롤 리스트박스는 여러 개의 항목을 리스트 형태로 표시하며 단일 선택 또는 다중 선택이 가능한 일반적인...2025.12.13
1 / 4
