HTML 튜토리얼

이 실습에서는 요소를 선택하고, 콘텐츠를 변경하고, 속성을 설정하고, 새 요소를 생성/추가하는 등 JavaScript DOM 조작의 기본 사항을 배우게 됩니다.

이 실습에서는 다양한 CSS 속성을 사용하여 HTML 테이블의 가독성과 시각적 매력을 향상시키는 방법을 배웁니다.

이 실습에서는 기본적인 웹 페이지를 처음부터 만들어 HTML 문서의 기본 구조를 배우게 됩니다. DOCTYPE, html, head, body 태그의 역할을 이해하게 됩니다.

이 실습에서는 `<img>` 태그와 `src`, `alt`, `width`, `height`와 같은 필수 속성을 사용하여 HTML 문서에 이미지를 삽입하는 방법을 배웁니다.

이 실습에서는 form, input, label, textarea 와 같은 다양한 HTML 요소를 사용하여 웹 폼을 생성하고 구조화하는 방법을 배웁니다.

이 실습에서는 외부 링크, 내부 링크를 포함한 다양한 유형의 HTML 링크를 생성하고 툴팁을 추가하는 방법을 배웁니다.

이 실습에서는 제목, 단락, 굵게, 기울임꼴 및 줄 바꿈 태그를 사용하여 웹 콘텐츠를 구조화하고 스타일링하는 방법을 포함하여 HTML 텍스트 서식의 기본 사항을 배웁니다.

이 실습에서는 HTML 에서 순서 없는 목록, 순서 있는 목록 및 중첩 목록을 사용하여 콘텐츠를 만들고 구조화하는 방법을 배웁니다. 이는 웹 페이지에서 정보를 구성하는 기본적인 기술입니다.

이 실습에서는 HTML 테이블을 사용하여 데이터를 생성하고 구조화하는 방법을 배웁니다. `<table>`, `<tr>`, `<th>`, `<td>` 태그의 역할을 이해하며 간단한 테이블을 처음부터 구축합니다.

이 실습에서는 JavaScript 의 기본 사항을 배우고, HTML 파일에 직접 포함하는 방법과 외부 JavaScript 파일을 연결하는 방법을 알아봅니다.

이 실습에서는 다양한 CSS 색상 및 배경 속성을 적용하여 웹 페이지 요소를 스타일링하는 방법을 배우게 됩니다. 색상 설정, 이미지 추가, 위치 및 반복 제어를 포함합니다.

이 실습에서는 다양한 CSS 속성을 사용하여 HTML 목록을 스타일링하여 가로 탐색 메뉴를 만드는 방법을 배웁니다.

이 실습에서는 간단한 HTML 요소를 스타일링하여 유틸리티 우선 CSS 프레임워크인 Tailwind CSS 의 기본 사항을 배우게 됩니다. CDN 을 추가하고 배경색, 텍스트 색상, 패딩 및 레이아웃에 대한 클래스를 적용합니다.

이 실습에서는 외부 스타일시트를 생성하고 페이지 글꼴을 변경하기 위해 HTML 문서에 연결하는 방법을 포함하여 CSS 의 기본 사항을 배우게 됩니다.

이 실습에서는 기본적인 HTML 태그를 사용하여 완전한 개인 웹페이지를 처음부터 구축합니다. 문서 구조화, 텍스트 서식 지정, 목록 생성, 링크 및 이미지 추가, 테이블 및 양식 구축 방법을 배우게 됩니다.

이 실습에서는 onclick 속성 사용부터 addEventListener 및 이벤트 객체 속성과 같은 고급 기술까지 JavaScript 이벤트 처리의 기본 사항을 배우게 됩니다.

이 'jQuery 플립 퍼즐 게임' 프로젝트는 JavaScript, jQuery, Bootstrap 에 중점을 둔 웹 개발 실습 경험을 제공합니다. JavaScript 의 객체 지향 프로그래밍을 포함하며, 웹 개발 맥락에서 흔히 발생하는 'this' 바인딩 문제를 다룹니다. 이 게임은 사용자 인터페이스를 위해 jQuery 와 Bootstrap 3 을 사용하여 구현되었습니다. Bootstrap 에 대한 지식이 있으면 도움이 되지만, 프로젝트의 핵심 로직은 jQuery 와 JavaScript 로 구축되었습니다.

이 프로젝트는 Flask 와 MySQL 을 사용하여 간단한 URL 단축기 서비스를 만드는 과정을 안내합니다. 데이터베이스 설정, 웹 인터페이스 디자인, URL 단축 기능 구현, 태그별 URL 검색, 분석 보기 등을 배우게 됩니다. 이 프로젝트는 초보자도 쉽게 따라 할 수 있으며, Python 을 사용한 웹 개발 및 데이터베이스 관리에 대한 포괄적인 통찰력을 제공합니다.