하늘과 나의 IT 이야기

오늘은 Javascript의 getElementById()를 사용한 예제를 한번 보도록 하겠습니다. 실행화면 이 예제는 링크1을 누르면 링크1을 숨기고 링크2를 보이게 하고 링크2를 누르면 링크1을 보이게 하고 링크2를 숨기는 예제입니다. 실행하면 아래와 같이 나옵니다. 링크2를 누르면 아래와 같이 나옵니다. 그러면 이제 소스를 한번 살펴볼까요? 소스 보기 이 예제는 링크1을 누르면 링크1을 숨기고 링크2를 보이게 하고 링크2를 누르면 링크1을 보이게 하고 링크2를 숨기는 예제입니다. 링크1 링크2

난수란 무엇일까요? 난수(random number)란 특정한 배열 순서나 규칙을 가지지 않는 연속적인 임의의 수를 말합니다. [알아두기] 난수(random number)란? 특정한 배열 순서나 규칙을 가지지 않는 연속적인 임의의 수 C언어에서는 시스템 라이브러리에서 난수를 만드는 함수를 제공하고 있어요. (그러고 보니 난수 만들기를 지원하지 않는 언어는 없는 것 같네요) 시스템 라이브러리에서 제공하는 함수 rand()를 이용하면 난수를 만들 수 있는데 이 함수를 사용하기 위해서는 stdlib.h 파일을 포함시켜야 해요. [알아두기] 난수를 만들기 위해서 필요한 것! 헤더파일인 stdlib.h를 포함시켜 함수 rand()를 이용 (stdlib.h에 함수 rand()의 함수 원형이 정의되어 있기 때문에 포함..

현재의 년월일을 이미지로 된 숫자로 표시하는 자바스크립트 소스 홈페이지에 현재의 년월일을 이미지로 된 숫자로 표기하고 싶을 때 사용하는 자바스크립트 소스입니다. 출처는 http://kin.naver.com/qna/detail.nhn?d1id=1&dirId=1040202&docId=130342940&qb=7J6Q67CU7Iqk7YGs66a97Yq4IOyGjOyKpA==&enc=utf8&section=kin&rank=52&search_sort=0&spq=0입니다. 개인적으로도 쓸 일이 있어 한 번 테스트한 후 남겨 봅니다. 실행 화면 실제 실행한 화면은 아래와 같습니다. 실제로 실행하면 아래와 같이 오늘 날짜의 연월일이 표시됩니다. 위의 소스를 받아서 한번 실행해 보시기 바랍니다.

~ 태그에 대해서 ,,,,, 태그에 대해서 알아보도록 하겠습니다. ~ 은 제목을 작성하는 태그입니다. 이렇게 설명을 드리면 그러면 h뒤에 붙은 숫자는 무엇입니까?라고 질문을 하실지도 모르겠습니다. [알아두기] ~ 태그 제목을 작성하는 태그 제목도 큰 제목이 있고 작은 제목이 있죠? 은 가장 상위 계층의 제목을 표시할 때 사용합니다. h뒤에 숫자가 커질수록 작은 제목을 표시할 때 사용됩니다. 즉 부터 까지 6단계로 제목을 표시할 수 있다는 것입니다. h뒤의 숫자는 웹페이지의 정보를 계층별로 구조화하는 기능을 담당하기도 합니다. 정보 구조화에 대한 관점에서 보면 중요한 ~ 태그 디자인적인 시각에서 보면 이 태그는 그다지 중요하지 않을지도 모르겠습니다. 디자인적인 시각에서 본다면 이 태그는 단순히 글자의 크기..

HTML 쉽게 이해하기 강좌가 계속 진행중입니다. 많은 관심 부탁드립니다. 이번시간에는 로 끝이 나는데, 일반적으로 웹 문서의 내용이 아니라 웹 문서의 제목이나 머리말에 해당하는 정보를 입력합니다. [알아두기] 로 끝남 웹문서의 제목이나 머리말에 해당하는 정보를 입력합니다. head 태그 안에 들어가는 요소 head 태그 안에는 태그, 태그, 태그 등이 들어갈 수 있습니다. 이 태그들을 하나씩 알아보도록 하겠습니다 - 페이지의 제목 표시 태그는 페이지의 제목을 표시합니다 태그는 웹페이지의 제목을 표시하는 태그입니다. 태그는 HTML문서의 실제 소스를 보면 위와 같습니다. 메모장에 위와 같이 입력해서 저장한 후 실행해 보면 위의 그림과 같이 나옴을 볼 수 있습니다. '백문이 불여일타' 라는 말이 있다고 합..

HTML 문서의 기본 구조 이번 시간에는 HTML 문서의 기본 구조에 대해서 알아보도록 하겠습니다. 잠시 개미 이야기를 해볼까 합니다. 개미의 구조는 일반적으로 머리, 가슴, 배로 나눈다고 합니다. 이와 같이 HTML의 기본구조도 나눌 수 있는데요. HTML의 기본구조는 크게 와 로 나눕니다. 아래 그림을 통해 쉽게 이해하실 수 있을 것입니다. 위의 그림과 같이 HTML의 기본구조는 크게 와 로 나뉘는데 이를 HTML 소스로 표현하면 아래와 같습니다. 앞서 설명한 기본구조는 와 로 나뉘지만 HTML문서임을 표시하기 위해 전체를 과 로 묶어준다는 사실을 아셨으면 합니다. 이번 시간은 HTML 문서의 기본 구조에 대해서 알아보았습니다. 제 글이 도움이 되셨다면 아래에 손가락 모양을 꾹 눌러주세요 1초도 안걸..

주석이 뭔가요? 주석은 실제 웹브라우저 화면에는 보이지 않고 소스에서만 보이는데 주로 웹페이지의 제작자의 부가적인 설명이나 메모를 기록할 때 사용합니다. [알아두기] 주석이란? 주석은 실제 웹브라우저 화면에는 보이지 않고 소스에서만 보이는데 주로 웹페이지의 제작자의 부가적인 설명이나 메모를 기록할 때 사용 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()은 두 개의 문자열 전달인자를 입..

인터넷 익스플로러에서 시작페이지 설정하기 인터넷 익스플로러를 통해 인터넷을 하다보면 어느 날 시작페이지가 바뀌었다고 문의를 하시는 분들이 있어서 이렇게 포스팅을 하게 되었습니다. 특정 프로그램을 설치하는 경우 시작 페이지를 변경하는 경우가 있는데요. 이런 경우 당황하시는 분들이 몇분 정도 계시더라구요. 이런 때 당황하지 마시고, 천천히 아래의 내용을 따라하시면 원래 사용하시던 것과 같이 설정하실 수 있으니 걱정은 붙들어 두시고 따라해 보세요^^ 단계1] 바탕화면에 있는 인터넷 익스플로러 아이콘을 클릭하세요 단계2] 메뉴에서 도구 → 인터넷 옵션을 클릭하세요 아래 그림과 같이 메뉴가 보이면 도구를 클릭하신 후에 보이는 메뉴에서 인터넷 옵션을 클릭합니다. 메뉴가 안 보이시는 분들이 있다면 키보드의 [Alt]..

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