IT/프로그래밍 21

자주 쓰는 기본 태그 익히기

자주 쓰는 기본 태그 익히기 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

Node.js 클라이언트의 요청에 response를 2개 보내는 방법

Client 요청에 Response(응답)을 2개 보내는 방법 기본적으로 한번의 Request(요청)에 한번의 (Response)응답을 할 수 있다. 하지만 다음과 같이 2개의 Response가 필요한 경우, 응답을 2개 보내게 되면 서버측에서 에러가 발생한다. 당연히 request 한번에 response는 한번만 응답할 수 있으므로, 에러가 발생한 것이다. 1번째 방법. 리다이렉트(redirect)를 이용해 다른페이지에서 수행시키자 리다이렉트를 사용해서 하나의 페이지를 더 만들고 그 리다이렉트 된 페이지에서 수행해야 할 일을 하는 것이다. 그러나 이러한 방법을 사용하면 다시 전 페이지로 돌아가기 위한 버튼 하나를 생성 해야되며, 이 외에도 같은 일을 반복하게 되면 index.js에 많은 응답 페이지를 ..

IT/프로그래밍 2016.07.11

Node.js의 확장모듈 Express를 설치하여 웹 서버 구축하기

Node.js의 확장모듈 Express를 설치하여 웹서버 구축하기 1. express 란? Node.js의 확장모듈로 서버 사이트 웹 프레임워크(Server Side Web Framework)로 정의하며, 자바스크립트 코드를 이용해 서버 사이드 작성이 가능하다. express는 Node.js에서 가장 유명한 웹 프레임워크 모듈로 express를 이용하면더 간단하게 웹 서버를 만들 수 있고, 다양한 템플릿 엔진과 기능들을 사용할 수 있다. 2. express 설치 저장하여 실행시키고자 하는 곳에 express를 설치한다. 나는 D 드라이브에 설치했다. 그런데 여기서 좀 더 편리한 환경을 만들기 위해 보통 'npm install -g express' 하면 자동으로 설치되지만 웹페이지를 jade 형식으로 작성..

IT/프로그래밍 2016.07.09