2016/07 15

HTML 문서의 구조

HTML 문서의 구조 웹 문서는 아무리 길더라도 다음과 같은 기본 구조로 이루어져 있고 부분과 ~ 부분에 대부분의 소스가 표시 된다. -HTML 문서와 DOCTYPE 웹 문서의 시작을 알려주는 태그보다 먼저 사용하는 것이 ‘문서 유형(document type)’을 지정하는 이다. 문서 유형은 웹 브라우저에서 “이제부터 처리할 문서는 HTML 문서이고 어떤 유형을 사용했으니 그 버전에 맞는 방법으로 해석하라.”고 알려주는 것이다. 은 태그가 아니지만, 웹 문서를 만들 때 함께 사용해야 하는 요소이다. HTML에서는 대소문자 구별이 없지만 doc-type을 좀더 강조하기 위해 대문자로 사용하기도 한다. HTML5은 복잡한 과정 없이 단 한 줄로 문서 유형을 선언한다. 또는 웹 브라우저는 이 소스만 보고 ‘H..

IT/프로그래밍 2016.07.22

Phaser로 웹 게임 만들기

Phaser로 웹 게임 만들기 1. Phaser란? 게임 프레임워크로 MIT에서 제공하는 라이센스이며, HTML5로 게임을 만들 수 있도록 지원하는 오픈소스(자바스크립트 모듈)다. 특히 모바일 게임 제작에 강하며, HTML5 게임 엔진에서 순위를 살펴보면 Phaser(페이저)가 얼마나 많이 사용되고, 유지보수가 잘 되고 있는 지 알 수 있다. 2. Editor 선택 제작자가 추천하는 Editor로 Sublime, Basic Studio, IDE 가 있지만, 그 외 이클립스나 아톰 등의 에디터를 사용해도 무방하다. 본인은 Editor를 Atom으로 사용할 것이며, 웹 코딩 외에 별도의 특별한 Editor기능을 사용하지 않기 때문에 어느 Editor든 상관 없다. 3. Phaser 다운로드 Phaser 사이..

IT/프로그래밍 2016.07.19

자주 쓰는 기본 태그 익히기

자주 쓰는 기본 태그 익히기 HTML에 빠짐없이 등장하는 감초 태그들을 알아보자. 지금 배울 태그들은 태그와 태그 사이에 사용한다. - 태그 – 제목 표시하기 제목 텍스트는 일반 텍스트보다 크기가 크고 진하게 표시된다. 제목 크기에 따라 ~ 태그까지 사용할 수 있는데, 이 가장 크고 이 가장 작게 표시되는 태그이다. 라는 텍스트 단락을 표시하는 태그를 사용해서 제목 텍스트를 만든 다음 크고 진하게 바꿔도 결과 화면은 태그를 쓰는 것과 비슷하지만, 태그는 일반 텍스트에, 태그는 제목 텍스트에 사용해야 웹 표준에 맞다. è 제목 - 태그 – 텍스트 단락 만들기 웹 문서에서 가장 많이 사용하는 태그 중의 하나가 태그이다. 태그와 태그 사이에 텍스트를 입력하면 입력한 내용 앞뒤로 빈 줄이 생기면서 텍스트 단락(..

IT/프로그래밍 2016.07.18

HTML - 텍스트 입력

HTML - form형식으로 텍스트 입력하는 방법 HTML 입문자라면 앞으로 게시판을 만들거나 회원가입 페이지를 만들게될 때 게시판의 텍스트 입력 방법이나 회원가입시 나오는 텍스트 박스 등 텍스트를 입력받는 방법은 자주 사용하기 때문에 알고있으면 좋은 방법 중 하나이다. 오늘은 아래와같이 HTML의 간단한 태그를을 사용하여 웹 페이지에서 form형식으로 텍스트를 입력받는 방법을 알아보자. 필자가 작성한 간단한 코드를 보고 태그의 기능들을 하나하나 알아보자. 예제) text : password : text area : 기본값 우선 부분의 은 인코딩 방식을 utf-8로 설정하겠다는 이야기이다. 부분으로 들어가서 제일 처음 이라는 태그를 보게 되는데 사용자가 로그인을하거나 회원가입을하거나물건을사거나 또는 글을..

IT/프로그래밍 2016.07.14

Node.js 게시물 개수 및 번호 매기기와 페이지 나누기

Node.js 게시물 개수 및 번호 매기기와 페이지 나누기 1. 게시물 개수 및 번호 매기기와 페이지 나누기 일반적인 게시판을 작성한다는 가정 하에 게시물 수와 게시판에 보여줄 번호를 매기는 방법과 페이지를 나누는 방법이다. [ mysql을 연동시킨 HeidiSQL 화면 ] 데이터베이스에 게시물 2개를 추가한 상태에서 다음과 같이 게시물 수를 수동적으로 입력해 표 행을 반복하여 웹페이지 출력하는 게시판 목록을 띄운다. 이러한 번거로운 일을 자동으로 바꾸는 과정이다. 이 작업을 자동적으로 수행하게 하려면 행의 길이를 알면 되는데 데이터베이스에 쿼리문을 보내 행의 길이를 알아내기엔 너무나 코드가 길어지기 때문에 이미 이 페이지에서는 rows라는 json형식을 불러와 출력해주고 있음을 알고 있다. 'rows...

IT/프로그래밍 2016.07.13