본문 바로가기

홈페이지 만들기/기본편

간단한 홈페이지 만들기 - 06.그누보드5 게시판 생성(기본설정) 안녕하세요.이전 포스팅(간단한 홈페이지 만들기 - 05.그누보드5 설명 및 설치하기)에서는 그누보드5를 웹 서버에 설치하는 과정을 다뤘습니다. 그누보드 이번 포스팅에서는 그누보드5의 기본 기능을 이용하여 홈페이지를 간단하게 꾸미는 방법에 대해 다루고자 합니다. 사실 궁극적으로는 그누보드5를 이용하여 게시판을 생성하는 방법을 소개하는 것이 이번 포스팅에 주 목적입니다. Step. 1.1. 게시판 그룹 생성 - 게시판 그룹관리 페이지그누보드5의 게시판을 생성하기 위해서는 먼저 관리 페이지로 접속해야 합니다. 관리 페이지 주소는 "http://호스팅URL/adm/" 입니다. (예. http://hostID.dothome.co.kr/adm/) 관리 페이지로 접속을 하면 (버전에 따라 조금씩 다르겠지만) 아래 그.. 더보기
간단한 홈페이지 만들기 - 05.그누보드5 설명 및 설치하기 안녕하세요.이전 포스팅(간단한 홈페이지 만들기 - 04.기초 HTML 태그 레이아웃 설명)에서는 기본적인 HTML 태그에 대한 설명을 드렸습니다. 이번 포스팅에서는 본격적으로 홈페이지를 만들기 위한 작업을 진행하기 위해 그누보드5를 웹 서버에 설치하는 과정을 다루고자 합니다.이전 포스팅에서 언급했듯이 해당 카테고리에서는 그누보드5(Gnuboard 5)라는 오픈소스 웹 프로그램을 사용하려고 합니다. 그누보드5를 설치하기에 앞서 그누보드5에 대해 간단하게 설명을 먼저 드려보고자 합니다. 그누보드 공식 사이트 주소는 http://www.sir.co.kr 입니다.공식 사이트 설명을 빌린다면 "그누보드는 웹에서 게시판, 회원정보 등을 편리하게 관리하는 게시판(BBS - Bulletin Board System) 프.. 더보기
간단한 홈페이지 만들기 - 04.기초 HTML 태그 레이아웃 설명 안녕하세요.이전 포스팅(간단한 홈페이지 만들기 - 03.간단한 웹 페이지 만들기)에서는 간단한 HTML 태그를 작성하여 웹 서버에 업로드하는 방법에 대해 다뤄보았습니다. 이번 포스팅에서는 기본적인 HTML 태그에 대한 설명을 하고자 합니다. 해당 포스팅의 카테고리에서는 빠르게 하나의 홈페이지를 만드는 과정을 다루기 때문에 자세한 HTML 태그에 대한 설명은 없습니다. 만약 HTML 태그를 완벽하게 이해하기 원하신다면 별도의 도서나 자료를 참고 하도록해주세요. C언어나 Java, 파이썬 등의 프로그래밍 개발 경험이 있으신 분들은 비쥬얼 스튜디오, 이클리스와 같은 IDE(Integrated Development Environment, 통합 개발 환경)에 대해 들어보신적이 있을겁니다. HTML 또한 이러한 I.. 더보기
간단한 홈페이지 만들기 - 03.간단한 웹 페이지 만들기 안녕하세요.이전 포스팅(간단한 홈페이지 만들기 - 02.FTP 서버 접속하기)에서는 FTP 프로그램을 이용하여 웹 서버에 접속하는 방법에 대해 다뤄보았습니다. 이번 포스팅에서는 간단한 웹 페이지를 만들어 보도록 하겠습니다.간단한 HTML 코드를 작성 한 후해당 HTML 파일을 FTP를 이용하여 웹 서버에 업로드 하고실제로 웹 페이지가 출력이 되는 과정에 대해 다루겠습니다. 1. 간단한 HTML 코드 작성C언어나 Java 등의 비쥬얼 스튜디오, 이클립스와 같이 HTML 또한 코딩을 편하게 할 수 있는 다양한 에디터가 존재합니다. 물론 유료, 무료 다양하게 존재합니다. 해당 포스팅에서는 윈도우에 기본 메모장으로 코드를 작성하도록 하겠습니다. (다른 에디터에 대한 설명은 다음 포스팅에서 다루도록 하겠습니다.).. 더보기
간단한 홈페이지 만들기 - 02.FTP 서버 접속하기 안녕하세요. 이전 포스팅(간단한 홈페이지 만들기 - 01.웹 호스팅)에서는 실제 홈페이지를 만들고 운영하기 위해 필요한 웹 서버 호스팅에 대해 다뤄보았습니다. 이번 포스팅에서는 이전 포스팅에서 만든 웹 서버에 접속하는 방법에 대해 다루겠습니다.웹 서버를 호스팅 받았다면 해당 서버에 HTML, PHP 파일등을 업로드 하고, 때로는 해당 파일들을 삭제를 해야합니다. 이러한 작업을 할 수 있는 방법중 FTP를 통해 서버에 접속하는 방법에 대해 다루겠습니다. 우선 FTP 서버 접속 프로그램은 다양하게 존재합니다. 저는 그중 대표적인 무료 프로그램인 '파일질라'를 사용하도록 하겠습니다.우선 파일질라 홈페이지(https://filezilla-project.org/)에 접속합니다. 아래 그림과 같이 파일질라 홈페이지.. 더보기
간단한 홈페이지 만들기 - 01.웹(서버) 호스팅 안녕하세요. 이번 포스팅에서는 실제 홈페이지를 만들고 운영하기 위해 필수라고 할 수 있는 웹 서버 호스팅을 다뤄보겠습니다.앞선 포스팅 "간단한 홈페이지 만들기 - 00.소개"에서 HTML + 그누보드5(PHP + MySQL)을 이용해서 간단한 홈페이지를 만든다 하였습니다.일반적으로 홈페이지 사용자는 웹 브라우저(익스플로러, 크롬 등)의 주소창에 도메인 주소를 입력한 후 엔터를 누르면 홈페이지가 브라우저에 출력이 됩니다.그렇다면 사용자가 웹 브라우저에 도메인 주소를 입력했을 때 보여줄 정보들(HTML, DB)가 존재해야 하고, 이에따라 이러한 정보들이 저장되어 있을 저장소가 필요합니다. 아래 그림과 같이 이러한 정보들이 저장되는 곳을 웹 서버(웹 호스팅 서버)라고 합니다. 간단한 홈페이지 만들기에 앞서 이.. 더보기
간단한 홈페이지 만들기 - 00.소개 안녕하세요. 보통 홈페이지 만들기를 위한 도구는 웹 디자인(Web Design) + 웹 프로그래밍(Web Programming) + 데이터베이스(Database)와 같이 구성이 됩니다.1. 웹 디자인은 HTML(CSS)이라는 마크업 언어를 이용하여 홈페이지에서 눈에 보이는 부분을 구성하는 작업을 의미합니다.2. 웹 프로그래밍은 앞서 디자인된 홈페이지에 다양한 기능들(게시판, 회원가입, 로그인 등)을 추가하는 작업을 의미합니다. 보통 PHP, JavaScript 등의 프로그래밍 언어가 사용됩니다.3. 하지만 회원가입을 하고 로그인을 하기 위해서는 회원 정보를 저장할 장소가 필요합니다. 또한, 게시판에 쓴 글이 저장될 장소도 필요합니다. 이를 위해 필요한 것이 데이터베이스입니다. 대표적인 데이터베이스로 My.. 더보기