컴퓨터강의 (20) 썸네일형 리스트형 홈페이지 만들기 2단원: HTML 기초 마스터 – 뼈대부터 배워보자! 홈페이지의 기초는 바로 HTML입니다. 이건 ‘HyperText Markup Language’의 줄임말로, 웹페이지의 뼈대와 구조를 구성하는 언어예요. 마치 건물의 기둥을 세우는 것과 같죠!1. HTML 기본 구조 여기에 본문 내용이 들어가요! - : 전체 문서 영역 - : 제목, 문자셋 등 눈에 보이지 않는 정보 - : 우리가 실제로 보는 웹페이지 화면2. 자주 쓰는 기본 태그들~ : 제목 태그, 숫자가 작을수록 크고 굵음 : 단락, 문단을 나눌 때 사용 : 링크 연결 : 이미지 삽입 : 줄바꿈 3. 직접 써보는 예제차차의 홈페이지에 오신 걸 환영합니다!이곳은 차차가 HTML을 배우며 만든 웹페이지예요.블로그 가기4. 실습 팁 💡- 코드 편집은 VS Code 추천! - 저장할 때는.. 홈페이지 만들기 1단원: 웹사이트의 구조와 흐름 이해하기 홈페이지를 만들기 전에 꼭 알아야 할 기초가 있습니다. 바로 웹사이트의 전체 구조와 흐름을 이해하는 거예요. 코딩에 들어가기 전에 이 개념을 잡아두면 앞으로 훨씬 쉽게 따라올 수 있어요!1. 웹은 어떻게 작동할까?우리가 브라우저(크롬, 사파리 등)에서 주소를 입력하면, 그 주소는 인터넷 상의 서버라는 컴퓨터에 연결돼요. 거기서 HTML이라는 문서를 가져와서 화면에 보여주는 거죠. 이게 바로 웹의 기본 원리입니다.2. 홈페이지의 3요소HTML: 페이지의 뼈대, 구조를 담당해요.CSS: 색상, 폰트, 배치 등 스타일을 입혀줘요.JavaScript: 동작과 인터랙션을 넣어주는 친구예요. 3. 폴더 구조는 이렇게 잡아요📁 my-website/ ┣ 📄 index.html → 홈페이지 첫 화면 ┣ 📁 css.. 🔧 10단원 - 실전 자동화 프로젝트 📁 프로젝트 목표입력폼 → 엑셀 시트 기록 → 자동 저장까지 한 번에 처리하는 VBA 미니 시스템을 구현합니다.🔹 시나리오직원 이름과 근무시간을 입력[등록] 버튼 클릭 시 시트에 자동 저장자동으로 파일 백업까지 완료🧾 Step 1: UserForm 구성TextBox1 → 이름 입력TextBox2 → 근무시간 입력CommandButton1 → "등록" 버튼📌 폼 코드Private Sub CommandButton1_Click() Dim 이름 As String Dim 시간 As Double Dim 마지막행 As Long 이름 = TextBox1.Value 시간 = Val(TextBox2.Value) If 이름 = "" Or 시간 = 0 Then MsgBox .. 🗂 9단원 - 파일 및 외부 데이터 처리 📁 1. 텍스트 파일 저장하기간단한 데이터를 텍스트(.txt) 파일로 저장해볼게요.Sub 텍스트저장() Dim 파일번호 As Integer 파일번호 = FreeFile Open "C:\Users\사용자\Desktop\차차파일.txt" For Output As #파일번호 Print #파일번호, "차차 VBA 강의 중입니다!" Print #파일번호, "이건 두 번째 줄이에요" Close #파일번호End Sub ▶ 해당 경로에 .txt 파일이 저장되고, 내용이 입력됩니다!📖 2. 텍스트 파일 불러오기이번엔 저장된 텍스트파일을 엑셀로 불러오는 예제예요.Sub 텍스트읽기() Dim 파일번호 As Integer Dim 한줄 As String Dim i As In.. 🧾 8단원 - UserForm 만들기 📌 UserForm이란?VBA에서 제공하는 입력용 대화 상자예요. 텍스트박스, 버튼, 콤보박스 등 다양한 컨트롤을 넣어서 마치 미니 앱처럼 동작하는 인터페이스를 만들 수 있어요!🧱 UserForm 만들기VBA 편집기(VBE)에서 삽입 → UserForm 클릭도구상자에서 Label, TextBox, CommandButton 추가각 요소의 이름(Name)과 캡션(Caption) 속성 설정🎨 예시 구성Label1: "이름"TextBox1CommandButton1: "등록"🧪 버튼 클릭 시 동작 코드CommandButton1 더블클릭 → 아래 코드 입력Private Sub CommandButton1_Click() Dim 이름 As String 이름 = TextBox1.Value I.. ⚡ 7단원 - 이벤트 프로그래밍 📌 이벤트 프로그래밍이란?예를 들어:시트가 열리면 자동으로 안내 메시지 띄우기셀 값이 바뀌면 자동으로 계산 실행워크북을 저장할 때 백업 자동 생성📂 이벤트 코드는 어디에 작성하나요?VBA 편집기(VBE)에서 왼쪽 Project 창 → 해당 시트 더블클릭예: Sheet1 (Sheet1) 클릭 → 오른쪽 코드 창에 입력🧪 예제 1: 셀 값 바뀌면 메시지 출력Private Sub Worksheet_Change(ByVal Target As Range) MsgBox "값이 변경되었습니다: " & Target.AddressEnd Sub ▶ Sheet1에서 어떤 셀 값이 바뀌면 바로 메시지가 뜹니다!🧪 예제 2: 특정 셀(A1)이 바뀌면 색깔 변경Private Sub Worksheet_Change(By.. 📄 6단원 - 셀 제어 및 워크시트 조작 🔹 Range 객체 이해하기Range("A1")처럼 셀의 주소를 지정하면 해당 셀에 접근할 수 있어요.📌 예제 1: 셀에 값 넣기Sub 값입력() Range("A1").Value = "차차 화이팅!"End Sub ▶ A1 셀에 “차차 화이팅!” 이라는 글자가 들어가요.📌 예제 2: 셀의 배경색 변경Sub 색변경() Range("A1").Interior.Color = RGB(255, 255, 0)End Sub ▶ A1 셀의 배경이 노란색으로 바뀝니다 😊📌 예제 3: 여러 셀 지정Sub 여러셀() Range("B1:B5").Value = "VBA"End Sub ▶ B1부터 B5까지 모두 "VBA"가 채워져요.📄 Cells 객체 사용하기Cells(행, 열) 형태로 셀을 지정할 .. 🧠 5단원 - Sub와 Function 만들기 📌 Sub 프로시저란?Sub는 VBA에서 어떤 작업을 수행하는 '명령의 묶음'이에요. 버튼 클릭, 자동 실행 등에서 자주 사용돼요.💡 기본 구조Sub 이름() 실행할 코드End Sub 🧪 예제Sub SayHello() MsgBox "안녕하세요, 차차입니다!"End Sub ▶ 실행하면 팝업창이 뜨며 메시지를 보여줘요.🧾 Function 함수란?Function은 특정 계산을 수행하고 결과를 반환하는 프로시저에요. 직접 만든 함수를 엑셀 수식처럼 셀에서 사용할 수도 있어요!💡 기본 구조Function 이름(매개변수) As 자료형 계산식 이름 = 결과End Function 🧪 예제: 두 수를 더하는 함수Function AddNumbers(a As Double, b As Do.. 이전 1 2 3 다음
