하늘과 나의 IT 이야기

주석이 뭔가요? 주석은 실제 웹브라우저 화면에는 보이지 않고 소스에서만 보이는데 주로 웹페이지의 제작자의 부가적인 설명이나 메모를 기록할 때 사용합니다. [알아두기] 주석이란? 주석은 실제 웹브라우저 화면에는 보이지 않고 소스에서만 보이는데 주로 웹페이지의 제작자의 부가적인 설명이나 메모를 기록할 때 사용 HTML에서의 주석문 작성법 HTML의 주석문은 아래와 같은 형태로 작성합니다. [알아두기] HTML의 주석문 사이에 내용을 넣어 작성 예) 실제 활용 예 아래와 같은 소스를 작성하고 저장해서 실제로 어떻게 나오는지 확인해 보겠습니다. 메모장을 이용해서 실습 메모장을 열어 아래와 같이 작성하고 주석.html이라고 저장합니다. 실제로 실행해보면 보이지 않는 것을 확인할 수 있습니다. 제 글이 도움이 되셨..

혹시 HTML이라는 들어보셨나요? 못들어보셨다구요? 이제 배우신다구요? HTML이 뭔지 쉽게 설명해 드릴테니 저만 따라오세요. 그럼 출발! HTML이란 무엇일까요? HTML은 HyperText Markup Language의 약자입니다. 아래 그림을 보시면 빨강색으로 표시된 앞자를 따서 간단하게 HTML이라고 씁니다. HTML이 뭐냐하면 약자의 끝에 Language라고 써 있듯이 언어입니다. 한국어, 영어, 일본어 등과 같이 언어라는 것입니다. 무슨 언어냐 하면 PC에 있는 웹브라우저(쉽게 말해 인터넷을 할 수 있게 하는 녀석)을 말하죠. 이 녀석에게 'OOO해' 라고 말하는 것입니다. 영어권의 사람들에게 영어로 말을 해야 알아들을 수 있듯이 컴퓨터에게는 HTML이라는 언어로 표현해야 알아듣고 그에 맞게 ..

HTML/CSS 마우스 커서 모양(스타일) 바꾸기 웹페이지를 HTML과 CSS를 이용해서 만들다 보면 각 상황에 맞게 마우스 커서의 모양을 바꿔야 하는 경우가 있는데요. 이런 경우에 HTML과 CSS를 이용해서 어떻게 바꾸는지 정리해 보도록 하겠습니다. 마우스 커서 모양(스타일) 바꾸는 방법! 그럼 이제부터 한번 알아보도록 하겠습니다. 예를 들어 아래와 같이 HTML 태그를 이용해서 버튼을 만들었을 때 버튼에 마우스를 올려보면 마우스 모양은 기본(화살표) 형태로 나오게 되는데요 이런 경우 손모양으로 바꿔주면 좀더 친절한 표현이 되겠죠? 마우스 포인터의 모양을 바꾸기 위해서는 태그 안에 CSS를 사용해서 style="마우스 커서 모양" 을 넣어주면 됩니다. [핵심정리!] 마우스 포인터의 모양을 바꾸기 위해..

HTML5 두번째 시간이 돌아왔습니다. 이번 시간에는 HTML5인지 아닌지 어떻게 구분할 수 있는지와 기존 HTML 버전과 무엇이 다른지 알아보도록 하겠습니다. 첫번째 HTML5인지 아닌지 알아보는 방법에 대해서 알아보도록 하겠습니다. HTML 페이지를 만들 때 일반적으로 DOCTYPE이라는 것을 문서의 처음 부분에 지정하도록 되어 있는데 아래의 내용과 같이 쓰곤 했었죠. HTML5 이전에 사용했던 버전의 DOCTYPE!

우리가 흔히 인터넷을 할 때 '이 웹페이지는 뭘로 만드는 거야?' 이런 고민을 가지신 분들이 몇 분 계실지도 모르겠습니다. 또는 우리가 매일매일 공기를 들이마시고 내쉴 때 공기가 무엇으로 이루어져 있는지 신경쓰지 않는 것처럼 신경쓰지 않고 인터넷을 이용하시는 분들도 있는지 모르겠습니다. 보통 후자의 경우가 대부분일 것이라는 생각이 드네요. 오늘은 이 웹페이지를 만들 때 알아야 하는 HTML에 대해서 알아보도록 하겠습니다. HTML은 HyperText Markup Language의 줄임말 HTML은 보시면 어느 영어단어와 같이 줄임말입니다. 그러면 무엇의 줄임말일까요? 바로 HTML은 HyperText Markup Language의 줄임말입니다. 대문자만 써서 HTML이라 부릅니다. HTML은 HyperT..

C언어 함수 fopen()의 모든 것! 우리는 지금까지 여러 가지 편집기(메모장, MS 워드, 한글, 훈민정음 등)으로 파일을 만들 수 있었습니다. 물론 다른 프로그램으로도 파일을 만들 수가 있죠. 이제는 C언어를 이용해서 파일을 만들어 보겠습니다. C언어에서 파일을 만들기 위해서는 함수 fopen()을 사용합니다. 함수 fopen()은 헤더 파일 stdio.h파일에 저장되어 있습니다. (fopen()을 사용하기 위해서는 stdio.h파일을 소스코드 내에 포함시켜야 한다는 것 잊지 마세요. 잊으면 오류나니까요) fopen() 에 대해서 헤더파일 stdio.h에 저장되어 있는 함수 fopen()의 원형은 아래와 같습니다. 자세한 설명을 하도록 하겠습니다. 함수 fopen()은 두 개의 문자열 전달인자를 입..

POST 방식과 GET 방식의 차이 오늘은 웹페이지를 작성할 때 쓰이는 언어인 HTML, PHP, ASP, JSP, ASP.NET 를 공부할 때 나오는 GET, POST 방식에 대해서 알아보도록 하겠습니다. 웹프로그래밍을 하다보면 아래 그림과 같이 웹페이지에서 웹페이지로 정보를 전달해야 하는 경우가 있는데요. 그럴 경우에 GET, POST 방식이 사용됩니다. GET, POST 이 두 방식은 페이지에서 페이지로 정보를 전송할 때 쓰이는 방법입니다. GET 방식 - 모든 파라미터는 URL을 통해 전달됩니다. - 사용자의 눈에 직접적으로 표시되기 때문에, 로그인 비밀번호등의 정보를 GET 방식으로 전달 하면 문제가 발생 할 가능성이 있습니다. - URL의 길이가 정해져 있기 때문에 많은 양의 정보를 전달할 수..

아래의 소스는 모바일 버전 홈페이지를 만든 후 스마트폰에서 접속하였을때 자동으로 모바일 버전용 홈페이지로 이동시키는 php 소스입니다. 위의 소스를 index.html이나 index.php 위에 넣어주시면 됩니다^^

2단 레이아웃 만들기 이전에는 다단 레이아웃은 테이블로 작업하는 것이 보통이었습니다. 하지만 테이블로 작업해 놓은 레이아웃은 잘못 수정하면 레이아웃이 깨지는 현상이 발생했죠. 물론 수정작업조차 쉽지 않았습니다. 소스가 길고 복잡했기 때문이죠. 그래서 우리는 CSS를 이용해서 HTML코드와 CSS코드를 분리하는 즉, 내용과 디자인을 분리해서 다단 레이아웃을 만들어 보도록 하겠습니다. 2단 레이아웃 만들어 보기 여기서는 테이블로 2단 레이아웃을 만들지 않고 태그를 이용해 2단 레이아웃을 만들어 보도록 하겠습니다. 2단 레이아웃의 HTML 코드는 아래와 같이 간단합니다. 헤더 영역 내용 사이드바는 빨강색으로 표시했습니다. 사이드바 사이드바는 파랑색으로 표시했습니다. 푸터 위의 소스는 헤더, 컨텐트, 사이드바,..

[HTML 쉽게 이해하기 강좌 #3] HTML의 기본 태그에 대해 알아보기 줄 바꿀때는 태그 먼저 태그에 대해서 알아보도록 하겠습니다. HTML 태그 중의 하나인 태그는 우리가 엔터키를 눌러서 줄을 바꾸는 것과 같은 기능을 합니다. 즉 태그는 줄을 바꿔주는 태그입니다. 태그 : 줄을 바꾸는 역할 html> 서울 특별시 부산 광역시 대전 광역시 문단을 나타낼 때는 문단을 나타낼 때는 , , 태그를 사용합니다. - , 태그는 줄바꾸기 기능을 포함하고 문단 정렬(왼쪽, 가운데, 오른쪽 정렬)이 가능합니다 - 태그는 줄바꾸기 기능이 없으며 style 속성을 통해 문단 내 글자의 색상, 글꼴, 크기 등을 지정할 수 있습니다. * 와 태그의 속성 속성 속성 값 및 설명 align 문단의 정렬을 left, cente..

HTML 시작하기 이제부터 HTML에 대해 하나하나 알아보도록 하겠습니다. 가벼운 마음으로 시작하시면 되겠습니다. HTML이라는 녀석도 알고 보면 별 것 아닙니다. 괜히 HTML이라는 이름에 부담을 가지거나 그럴 필요가 없으니 차근차근 따라해 보시기 바랍니다. HTML은 무엇으로 이루어져 있을까요? HTML은 태그들의 집합이라고 볼 수도 있는데요. 이 태그는 아래와 같은 형태로 사용됩니다. [알아두기] 태그의 형태 내용 HTML의 태그는 기본적으로 여는 태그와 닫는 태그로 구성되어 있습니다. 여는 태그는 태그의 시작을 표시하고 닫는 태그는 태그의 끝을 표시합니다. 여는 태그와 닫는 태그 사이에는 내용이 들어가는데 내용 안에 또 다른 태그를 포함시킬 수도 있습니다. 즉 태그 안에 태그가 들어갈 수 있다는 ..

코드패드로 웹에서도 프로그래밍 할 수 있다 오늘은 프로그래밍 하시는 분들에게 좋은 사이트를 추천해 드리려고 합니다. 저도 예전에 C언어를 처음 배울 때 Turbo C++나 Visual C++를 사용하곤 했는데요. 간혹 다른 컴퓨터에서 갑자기 프로그래밍을 할 일이 있을 때 요긴하게 사용 할 수 있는 사이트입니다. 바로 아래의 사이트입니다. 프로그래밍 도구가 없이도 프로그래밍 할 수 있도록 도와주는 사이트! http://Codepad.org 위 링크를 클릭하여 사이트에 접속하면 아래와 같은 화면이 나옵니다. 아래의 사진에 보이듯이 화면을 보면 단순합니다. 왼쪽에는 개발할 언어를 선택하는 부분이고 오른쪽의 입력창은 바로 소스코드를 입력하는 것입니다. [실습] 한번 해봅시다! 그러면 한번 간단한 소스를 입력해 ..

[프로그래밍 Tip] 아래는 프로그램 소스코드를 공개하는 사이트를 모아둔 것입니다. 1. Visual C++, C# and Visual Basic 및 윈도우즈 .Net에 관련된 소스코드들이 공유되는 대표적인 사이트 http://www.codeguru.com/ 2. 인터넷 상의 돌아다니는 코드들을 모아놓은 사이트 http://www.planet-source-code.com/ 3. Codeguru와 더불어 많은 소스코드와 튜토리얼을 제공하고 있는 사이트 http://www.codeproject.com/ 4. 전세계를 석권하고 있는 구글에서 제공하는 오픈소스 사이트 http://code.google.com/ http://code.google.com/projects.html 5. C++, Visual Basic..

student.mdb 파일은 Student라는 테이블이 있으며 그 내용은 다음과 같습니다. id name addr tel 1 가길동 서울 11-2222 2 나기롱 울산 222-3333 3 다길동 부산 444-5555 이를 통해 만들어진 student.xls 파일은 다음과 같이 생겼습니다... 위의 mdb 파일과 내용이 같겠죠^^;;; id name addr tel 1 가길동 서울 11-2222 2 나기롱 울산 222-3333 3 다길동 부산 444-5555 소스 코드는 다음과 같습니다. --------------------------------------------------- using System; using System.Drawing; using System.Collections; using Sys..

이 책은 C# 언어의 내부 구조를 샅샅이 파헤치고, Microsoft .NET 플랫폼과 Microsoft Visual Studio .NET에 대한 최신 정보를 다룬다. 그리고 C# 예제 코드와 예제 응용 프로그램을 작성하여 손쉽게 개발 방법을 체득할 수 있게 한다. 또한 고급 기능도 빼놓지 않고 다루고 있어 C#을 어떻게 코딩해야 하는지, C#이 어떻게 흘러가는지 쉽게 이해할 수 있다. 이 책의 주요 학습 내용 이 책의 주요 학습 내용은 아래와 같습니다. - C# 클래스 기초 C# 응용 프로그램 및 라이브러리 작성하기 .NET 타입 시스템 클래스와 구조체 메서드, 프로퍼티, 배열, 인덱서, 어트리뷰트 XSL 변환 인터페이스 - 코드 작성하기 수식과 연산자 프로그램 흐름 제어 String 다루기와 정규식 ..