하늘과 나의 IT 이야기

5장. HTML5 기본태그(목록 태그) 이번에는 목록 태그를 만들어 보도록 하겠습니다. 순서 있는 목록 만들기 순서 있는 목록은 ~ 태그를 이용해서 만듭니다. OL은 Ordered List의 단어를 줄여서 만든 태그입니다. 순서 있는 목록 즉, 목록 앞에 숫자를 붙여서 순서를 가지는 목록을 만들 때 사용합니다.(기본값은 숫자) 첫번째 두번째 세번째 네번째 TYPE 속성 TYPE=A, a, I, i, 1 의 값을 가질 수 있다. A: 대문자 알파벳 a: 소문자 알파벳 I: 대문자 로마숫자 i: 소문자 로마숫자 1: 숫자 START=n 리스트의 시작 번호를 임의로 바꿀 수 있다. 순서 없는 목록 만들기 순서 없는 목록은 ~태그를 이용해서 작성한다. Unordered List의 단어를 줄여서 만든 태그. 첫번..

4장. HTML5 기본태그(글과 관련된 태그) 이번 시간에는 기존에 사용되었던 글과 관련된 태그를 복습해 보도록 하겠습니다. 이미 이 부분을 알고 계신 분들도 많이 있으시리라 생각됩니다. 처음 접하시는 분들은 강의에 집중해 주시기 바랍니다.^^ 글과 관련된 태그 1. ~ 태그제목을 나타내는 태그입니다. 에서 까지 있으며 태그가 가장 크고 태그가 가장 작습니다. HTML4에서는 태그와 비교하면서 많이 설명이 되어졌지만 HTML5.0 에서는 태그 자체를 사용하지 않으므로 비교설명은 하지 않고 태그만 설명드리도록 하겠습니다. 예제 소스를 보도록 하겠습니다. 첫번째 첫번째 첫번째 첫번째 첫번째 첫번째 2. ~ 태그영어의 paragraph를 의미합니다. 즉, 문장 여러개가 모인 문단을 만들어주는 태그입니다. 3...

HTML5강의를 시작하게 된 하늘과 나입니다. 오늘부터 하나씩 HTML5 강의를 시작할 텐데요. HTML5에 대해서 배워보고 싶은 분들과 HTML5가 뭐지 하는 분들에게 조금이나마 도움이 되어 드리고자 시작하게 되었습니다. 그러면 하나씩 하나씩 살펴보도록 하겠습니다. 1. 웹(web)의 역사 먼저 웹(web)이라는 녀석이 어떻게 세상에 등장하게 되었는지 살펴보도록 하겠습니다. 웹은 월드 와이드 웹(World Wide Web)을 줄여서 부르는 말인데요. 인터넷에 연결된 컴퓨터들을 통해서 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간을 말합니다. 웹이라는 단어는 생소하기도 한데요. 우리는 흔히 이 웹을 보고 인터넷이라고 말하기도 합니다. 하지만 웹은 인터넷 밑에 있는 하나의 서비스라고 보면 될 것 ..

자, HTML5 강의 세번째 시간입니다. HTML4에서는 문서의 구조를 만들 때 div 태그를 id, class와 함께 사용했습니다. 완성된 문서를 보면 태그가 여러번 사용한 것을 볼 수 있었지요. 그래서 구조가 복잡할 수록 태그가 여러번 겹쳐 있었기 때문에 알아보기가 힘들었을 뿐더러 수정하기도 어려웠습니다. HTML5에 와서 문서의 구조를 만드는 새로운 개념과 요소들이 추가되었습니다. 그래서 기존에 태그로 소스코드를 작성했던 것보다 구조적인 문서를 만드는 것이 가능해졌습니다. 구조를 만들기 위한 새로운 태그들을 시맨틱 태그라고 하는데요. 오늘은 HTML5에서 새롭게 등장한 시맨틱(semantic)태그에 대해서 알아보도록 하겠습니다. 시맨틱(semantic) 태그란 무엇인가요? 영어에서 semantic이..

[HTML5 강의] 3장. HTML5의 기본. 태그 HTML이 무엇인지 다시 한번 복습하고 넘어가도록 할게요. HTML의 정의 HTML은 Hyper Text Markup Language의 줄임말입니다. mark-up 언어는 무엇이냐구요? 그것은 바로 안에 정의된 용어로 태그(tag)를 표현하므로 mark-up 언어라고 부른답니다. HTML의 태그는 이런 특징을 가지고 있습니다. HTML의 태그는 기본적으로 대소문자를 구분하지 않아요. header와 HEADER는 같은 의미라는 말이지요. 태그를 이용해서 문장이나 그림 등의 구성요소와 배치 구조 등을 설정할 수 있구요. 파일의 이름 끝에는 .html 또는 .html이 붙어요.(이 .htm과 .html로 이 파일이 HTML문서라는 것을 구분한답니다..

[HTML5 강의] HTML5를 실행해보자. 웹 브라우저 설치하기 HTML5 강의 두번째 시간입니다. 이번 HTML5 강의에서는 HTML5를 실제로 실행해보기 위해서 HTML5를 지원하는 웹브라우저를 설치해 보도록 하겠습니다. 구글 크롬 설치 구글 크롬은 가장 최근에 만들어진 브라우저로 빠른 속도가 큰 장점이라고 할 수 있겠습니다. 구글 크롬 설치하러 가기 - http://www.google.co.kr/intl/ko/chrome/ 위 링크를 클릭하여 구글 크롬 설치페이지로 이동합니다. 아래 보이는 화면과 같이 나오면 Chrome 다운로드 버튼을 눌러 설치 파일을 다운로드 한 후 설치하면 됩니다. 오페라 설치 아래의 링크를 클릭하여 오페라 브라우저를 설치합니다. 오페라 브라우저 설치하러 가기 - http:..

[한방에 이해하는 C언어] 키보드로부터 입력을 받자! scanf()함수 우리가 전 시간에 printf()함수를 이용해서 화면에 출력을 해보았습니다. 다 해보셨죠? 그런데 printf()함수만으로는 우리가 원하는 프로그램을 만들 수 없습니다. 적어도 요즘 많은 프로그램들은 최소한 아이디와 비밀번호는 입력하게끔 되어 있으니 말이죠. 그래서 오늘은 C언어에서 키보드로 입력을 할 수 있는 scanf()함수에 대해서 알아보도록 하겠습니다. scanf() 함수의 스펙 아래의 내용을 scanf() 함수의 특성을 한 눈에 볼 수 있도록 정리한 것입니다.잘 모르더라도 일단 넘어가면 됩니다. 나중에 다 알게 되니까요^^ 예제 소스 - scanf()로 숫자를 입력받아 입력받은 숫자를 출력하는 소스 이번에는 C언어에서 지원하..

자바스크립트로 만든 즐겨찾기 추가 소스(javascript bookmark) 블로그나 홈페이지를 만들다 보면 링크를 클릭하면 웹브라우저의 즐겨찾기에 추가할 수 있는 스크립트 소스가 필요할 때가 있어 이렇게 포스팅해 봅니다. 다른 여러 사이트를 찾아봤지만 일반적으로 모든 브라우저에 적용되지 않아서 모든 브라우저(인터넷익스플로러, 크롬, 파이어폭스, 오페라등)에서 쓸 수 있는 스크립트가 별로 없더라구요. 아래와 같이 하면 대부분의 브라우저에서 즐겨찾기에 추가할 수 있습니다. 소스 보기 오른쪽 상단의 첫번째 버튼을 누르시면 소스를 복사하실 수 있으니 복사해서 사용하세요^^ 아래의 파일을 다운로드 하셔도 됩니다. 위의 자바스크립트 소스 부분은 그냥 붙여넣기해서 사용하시면 되구요. bookmarksite()함수는..

C언어 정렬 - 버블정렬(Bubble Sort) 쉽게 정리하기 버블 정렬(Bubble Sort)은 두 인접한 원소를 검사하여 정렬하는 방법입니다. 버블 정렬(Bubble Sort)은 시간 복잡도가 O(n^2)로 상당히 느리지만, 코드가 단순하기 때문에 자주 사용되는데요. 원소의 이동이 거품이 수면으로 올라오는 듯한 모습을 보이기 때문에 지어진 이름이라고 하네요. 버블 정렬(Bubble Sort) - 두 인접한 원소를 검사하여 정렬하는 방법 - 시간 복잡도 O(n^2) - 코드가 단순하기 때문에 자주 사용됨 버블 정렬 알고리즘 실행 과정 해부하기 버블 정렬 알고리즘의 실행 과정을 보도록 하겠습니다. 이 버블 정렬 알고리즘은 인접한 두 수를 비교해서 큰 수를 뒤로 보내는 알고리즘이라고 위에서 설명한 바 있는..

C언어 함수 fprintf()와 fscanf()의 개념부터 예제 소스까지 모든 것 총망라! 함수 fprintf()와 fscanf()를 이용한 파일 저장과 내용 읽기를 해보도록 하겠습니다.함수 fprintf()는 특정 내용을 파일에 저장할 때 사용하는 함수, 함수 fscanf()는 파일에 있는 내용을 읽을 때에 사용하는 함수라고 할 수 있겠습니다. 함수 fprintf()와 fscanf()의 원형 함수 fprintf()와 fscanf()의 원형을 확인해 보도록 하겠습니다. 맨 앞의 입출력에 이용되는 첫번째 인자는 표준 입출력에도 이용할 수 있습니다. 이 말이 무엇이냐하면 함수 fprintf()와 fscanf()의 첫 번째 인자에 stdin 또는 stdout을 이용하면 표준 입력, 표준 출력으로 이용이 가능하..

IT업체로 취직을 하려는 분들에게 좋은 정보(?)일 것 같아 이렇게 포스팅해 봅니다. 아래의 사이트에는 약 140여개의 IT 업체에 대한 평가가 솔직하게(?)나와 있는데요. 하나하나 보면 좋지 않은 이야기가 없는 회사는 없어 보이네요. 취업을 하는데 있어서 IT 업체로 취업을 할 계획이시라면 이 사이트에 접속해 보시는 것도 좋을 듯 하네요^^ 꿀위키 바로가기 : http://www.ggulwiki.com/index.php/IT%ED%9A%8C%EC%82%AC_%EA%BF%80%EC%A0%95%EB%B3%B4

사용자로부터 1~12까지의 달을 month로 입력받은 후 1월부터 입력된 month 월까지의 총일을 total에 구하여 다음과 같이 출력하시오. 프로그램을 단순화하기 위해 2월이 29일까지 있는 윤년은 고려하지 않고 2월은 무조건 28일까지로 처리한다.hint. 열두 달의 일수를 저장하기 위해 1차원 배열을 사용한다. 이때 다음과 같이 배열의 첨자가 곧바로 월을 의미하도록 배열의 크기를 13으로 선언하여 두 번째 원소부터 각 월의 일수를 저장하는 것도 첨자로 인한 헷갈림을 피할 수 있는 방법이다.int days[13] = {0, 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31}; 프로그래밍 문제를 풀어보세요. #include int main() { int days[13..

프로그래밍 문제를 한번 풀어보아요^^ 종이를 한번 접으면 면적이 1/2로 줄어든다. 종이를 몇 번 접어야 원래 면적의 1/100로 줄어드는가? 역시 로그 함수나 지수 함수를 사용하지 말고 반복 구조를 이용하여서 해결하여 보자. 1/100로 면적이 언제 줄어드냐는 건데요 처음 크기가 1이라고 했을때 한번 접으면 1 / 2 = 1/2 가되고 두번 접으면 (1/2) / 2 = 1/4 세번 접으면 (1/4) / 2 = 1/8 . . . 이런식으로 면적값이 0.01보다 작거나 같아질때까지 계속 2로 나누는 겁니다. (1/2를 곱해도 되구요) #include int main() { float a=1; int i=0; while (a > 0.01) { a/=2; i++; } printf("%d번 접으면 원래의 1/1..

프로그래밍 문제를 한번 풀어보아요^^ 세균이 1시간마다 4배씩 증가한다고 가정하자. 이 세균 10마리를 배양하면 7시간 후의 세균의 수는 얼마나 될까? 역시 지수 함수나 로그 함수를 이용하지 말고 반복 구조만을 사용하여서 해결하여 보자. 언어에 구애받지 않고 어떤 언어로 푸셔도 상관없을 것 같네요. 즐거운 프로그래밍 문제를 한번 풀어보시기 바랍니다.^^ 풀이방법은 아래에^^ * 해결 10마리로 시작해서1시간이 지나면 10마리*4=40마리2시간이 지나면 40마리*4=160마리3시간이 지나면 160마리*4=640마리 . . .식으로 늘어난 마리에서 다시 4배를 7번 해주면 되겠죠 #include int main() { int b=10; int i; for(i=0; i < 7; i++) { b*=4; } pr..

PHP에서 commit와 rollback을 사용하는 예제 출처 : http://php.net/manual/en/mysqli.rollback.php