하늘과 나의 IT 이야기

[Javascript] document.GetElementById() 함수 document.GetElementById() 함수 getElementById() 함수는 해당되는 id의 요소에 접근하는 함수입니다. 예를 들어 라는 부분이 있을 때 document.getElementById("aaa")라고 한다면 라는 부분에 접근할 수 있다는 거죠. 접근해서 무엇을 하냐구요? getElementById()를 이용하면 의 여러 특성들을 자바스크립트로 바꿀 수 있다는 거죠. 자세한 예제는 먼저 getElementById에 대해서 알아보고 예제를 통해 보도록 하겠습니다. document.GetElementById() 란? - 지정된 유일한 ID를 가진 요소(element)를 찾는 함수 getElementById()는..

JQuery 예제- 네이버 검색창 밑에 있는 검색목록 만들기 오늘은 JQuery를 이용해서 네이버 검색창 밑에 있는 검색목록을 만들어 보도록 하겠습니다. 바로 아래 그림에 있는 빨간 부분이 오늘 만들어 볼 예제입니다. 아래와 같이 소스를 입력합니다 운영체제(OS) 프로그래밍 웹사이트 제작, 운영 컴퓨터네트워크 데이터베이스 출처 : 네이버 지식인 태양신 sjisbmoc님의 답변 (구체적인 페이지 주소는 잘 모르겠네요)

C언어 구구단 소스입니다. 출처는 모르겠네요. [C언어 소스] 구구단 ○ 조건 A를 입력하면 전체 구구단(2단~9단) 출력. O를 입력하면 홀수 구구단 출력. E를 입력하면 짝수 구구단 출력. C를 입력하면 프로그램 종료. 구구단 소스 #include int main() { int i , j, start, step; char c; //선택한 값을 저장할 변수 while(1) { fflush(stdin); printf("선택(A:전체 O: 홀수 E : 짝수 C : 종료) : "); scanf("%c",&c); //입력 받기 if(c=='C' || c=='c')break; //만약 c가 입력 되었다면.. while문을 탈출합니다. if(c=='O' || c=='o') //만약 홀수단선택이면 3단부터 시작하고..

CSS(Cascading Style Sheet) CSS(Cascading Style Sheet)는 웹이 어떻게 보여질 것인지를 담당하는 언어로, 웹의 표현을 제어합니다. CSS를 도입함으로써 얻을 수 있는 장점은 웹 페이지의 경량화, 쉬운 유지 및 보수를 들 수 있습니다. CSS의 연결 CSS를 HTML에 연결하는 방법으로 1. Link Type : 외부 파일로 분리 2. Embedded Type : HTML 파일 내에 Style Sheet 부분을 포함 3. Inline Type : HTML 요소 안에 직접 지정 [알아두기] CSS를 HTML에 연결하는 방법 1. 링크 타입(Link Type) : 별도의 CSS파일을 만들어 연결하는 방법 2. 임베디드 타입(Embedded Type) : HTML 파일 내..

최근 HTML5에 대한 관심이 높아지고 있는데요. 여러분은 HTML5에 대해서 많이 들어보셨는지 모르겠습니다. 이번 포스팅에서는 HTML5에 대한 적용지수를 표시해주는 웹사이트가 있어 이를 소개하려고 합니다. 여러분이 사용하고 있는 웹브라우저에서는 HTML5를 얼마나 지원하는지 점수로 확인해 보세요 당신이 사용하고 있는 웹브라우저는? 여러분은 어떤 웹브라우저를 이용하고 계시나요? 우리나라의 경우 많은 사람들이 마이크로소프트에서 발표한 인터넷 익스플로러(Internet Explorer)를 사용하고 있는데요. 최근에는 크롬이나 파이어폭스를 사용하는 분들이 많아지고 있는 추세라고 하네요. 그냥 말로 하면 모르니까 현재 웹브라우저 점유율을 보여주는 사이트는 어디없나 찾아보았습니다. 좋은 사이트가 있더라구요. 바..

태그에 대해서 알아보도록 하겠습니다 태그는 서식 요소를 생성합니다. 태그에 대해서 정리

태그에 대해서 알아봅시다. 태그는 사용자가 작성하여 서버로 제출할 수 있는 서식 영역을 생성하는 요소입니다. 태그에는 어떤 속성을 지정할 수 있나요? 태그에는 아래와 같은 속성을 지정할 수 있습니다.

이번 강좌에서는 HTML Element Level 이라는 것에 대해서 한번 설명해 드리고자 합니다. 태그들은 크게 Block Level Element와 Inline Level Element로 구분됩니다. 무엇이 다른가요? 두 요소가 무엇이 다른지 설명드리자면 종 류 설 명 태 그 Block Level Element 여는 태그로 시작하거나 닫는 태그로 끝날 때 줄바꿈이 되는 것 , , 등 Inline Level Element 여는 태그로 시작하거나 닫는 태그로 끝날 때 줄바꿈이 안되는 것 , , 등 하지만 이 것은 CSS를 사용해서 변경할 수 있습니다. Block Level Element에는 다른 Block Level Element나 Inline Level Element를 포함할 수 있지만, Inline ..

이 DOCTYPE은 반드시 쓰지 않아도 큰 문제는 없습니다. 하지만 이 DOCTYPE을 선언해줌으로써 브라우저가 좀 더 빠르고 정확하게 문서를 분석하여 표현해주며, 제작도구에서도 이 선언에 따라 문서에 제약을 걸어 정확한 표현을 해줄 수 있도록 해줍니다. DOCTYPE XHTML의 DOCTYPE은 strict, transitional, frameset의 세 종류로 이루어져 있으며, HTML 문서 최상단에 어떠한 요소보다 우선적으로 선언되어야 합니다. 그래야 웹브라우저에서 DOCTYPE을 구분할 수 있습니다. XHTML 1.0 Strict dtd strict dtd는 XHTML을 엄격하게 적용하는 규칙입니다. 경우에 따라서는 HTML 4.01 기반에서 사용하던 태그를 사용하지 못하는 경우도 있습니다. XH..

오늘은 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초도 안걸..