본문 바로가기

전체 글82

60세 어르신을 위한 코딩 쉬운 가이드 5일차 코딩 배우기: 60세 컴퓨터 초보자를 위한 쉬운 가이드 - 다섯 번째 날HTML, CSS, JavaScript를 이용한 간단한 웹 프로젝트 만들기다섯 번째 날에는 지금까지 배운 HTML, CSS, JavaScript를 종합하여 간단한 웹 프로젝트를 만들어 보겠습니다. 이번 프로젝트에서는 개인 정보를 입력하고, 버튼을 클릭하면 입력된 정보가 표시되는 웹 페이지를 제작합니다. 이 과정을 통해 웹 개발의 기본적인 흐름을 익히고, 실제로 웹 페이지를 만드는 경험을 쌓을 수 있습니다. 프로젝트 개요 목표 사용자가 자신의 이름과 나이를 입력하고 "제출" 버튼을 클릭하면, 입력된 정보가 화면에 표시되는 간단한 웹 페이지를 만듭니다. 필요한 기술 HTML: 페이지 구조 CSS: 페이지 스타일링 JavaScript: 사.. 2024. 6. 10.
60세 어르신을 위한 코딩 쉬운 가이드 4일차 코딩 배우기: 60세 컴퓨터 초보자를 위한 쉬운 가이드 - 네 번째 날JavaScript로 웹 페이지에 동적 기능 추가하기네 번째 날에는 웹 페이지에 동적인 기능을 추가할 수 있는 JavaScript에 대해 배워보겠습니다. JavaScript는 웹 페이지를 더 인터랙티브하게 만들고, 사용자와의 상호작용을 가능하게 하는 프로그래밍 언어입니다. 오늘은 기본적인 JavaScript 문법과 간단한 예제를 통해 JavaScript를 배우겠습니다. JavaScript의 기본 개념 JavaScript란 무엇인가요? JavaScript는 웹 페이지를 동적으로 만들기 위해 사용되는 프로그래밍 언어입니다. HTML과 CSS가 웹 페이지의 구조와 스타일을 정의하는 반면, JavaScript는 웹 페이지에 생명을 불어넣어 줍.. 2024. 6. 7.
60세 어르신을 위한 코딩 쉬운 가이드 3일차 60세 어르신을 위한 코딩 쉬운 가이드 3일차  - 세 번째 날CSS로 웹 페이지 스타일링하기세 번째 날에는 HTML로 만든 웹 페이지를 더욱 멋지게 꾸며주는 CSS(Cascading Style Sheets)에 대해 배워보겠습니다. CSS는 웹 페이지의 외형을 디자인하는 언어로, 글꼴, 색상, 레이아웃 등을 설정할 수 있습니다. HTML이 웹 페이지의 뼈대를 만든다면, CSS는 그 뼈대에 살을 붙여주는 역할을 합니다. CSS의 기본 개념 CSS란 무엇인가요? CSS는 HTML 요소의 스타일을 정의하는 언어입니다. CSS를 사용하면 웹 페이지의 시각적 스타일을 변경할 수 있습니다. 예를 들어, 텍스트의 색상을 바꾸거나, 배경색을 설정하거나, 레이아웃을 조정할 수 있습니다. CSS 기본 구문 CSS 코드는 .. 2024. 5. 28.
60세 어르신을 위한 코딩 쉬운 가이드 2일차 60세 어르신을 위한 코딩 쉬운 가이드 2일차  - 두 번째 날코딩의 세계에 첫 발을 내딛는 것은 마치 새로운 언어를 배우는 것과 같습니다. 첫날의 흥분과 신선함을 지나, 두 번째 날에는 조금 더 깊이 들어가고, 조금 더 많은 것을 배우게 됩니다. 첫 주의 계획을 따르며 하루에 한 시간씩 꾸준히 학습해 나가는 것이 중요합니다. 오늘은 두 번째 날의 학습 내용을 친절하게 설명해 드리겠습니다. HTML의 구조와 태그HTML이란 무엇인가요? HTML(하이퍼텍스트 마크업 언어)은 웹 페이지를 만드는 기본 언어입니다. HTML은 웹 페이지의 구조를 정의하고, 텍스트, 이미지, 링크 등 다양한 요소를 포함할 수 있게 해줍니다. HTML의 기본 구조 HTML 문서는 기본적으로 다음과 같은 구조를 가지고 있습니다: .. 2024. 5. 27.

티스토리툴바