요술처럼 홈페이지 만들기(스프링)

『요술처럼 홈페이지 만들기』는 '입문서'입니다.

웹에 관심 있는 분, 내 홈페이지를 직접 만들고 싶은 분, 또 내 홈페이지 도전에 실패했던 분들을 위해 재미있게, 기본 개념을 담아 구성하였습니다.



저자는 "개인적으로 웹과 관련된 기술에서는 매뉴얼은 별도로 책이 필요 없다"고 말한다. 웹에 대한 모든 지식과 정보는 모두 인터넷에 있다며 말이다.

그리고 이어 덧붙이기를, 이 책의 강점으로 웹 세계에 입문하면서 겪었던 경험과 실수를 다른 분들과 공유, 과정을 간단하고 쉽게 이해할 수 있도록 했다고 한다.

다음은 『요술처럼 홈페이지 만들기』를 소개하는 저자의 말이다.



"예전에 윈도우용 프로그램을 만들 때는 여러 언어 중에서 한 가지만 알아도 웬만한 프로그램은 다 만들 수 있었습니다. C++, Delphi, 비주얼 베이직 같은 것들이 있었죠. 비록 책 한 권이 베개만큼 두꺼워도 그 한 권만 죽어라 열심히 공부하면 IT 개발자가 될 수 있었습니다.

그런데 웹사이트를 만들려면 적어도 6가지 언어와 기술을 알아야 합니다. 'Html, CSS, 자바스크립트, JQuery, PHP, MySQL 등.' 한 권에 500페이지만 해도 총 3,000페이지는 읽고 이해해야 합니다.

왜 이렇게 배우기 어려워진 것일까요?

그런데 이상하지 않나요? 요즘은 초등생도 홈페이지는 뚝딱 만든다는데 그건 다 무슨 소리죠?



둘 다 맞는 말입니다.

왜냐하면, 웹사이트를 하나 만들기 위해서 선택할 수 있는 길이 너무나 많습니다. 결과는 같은데 공부하는 방법은 정말 여러 가지입니다.

우선 Html부터 시작해서 하나씩 정복해 가는 고전적인 방법이 있습니다.

그런데 이 길은 너무나 멀고 험합니다. 또 결국 목표에 가서 보면 그 다양한 지식 중 실제로 내 홈페이지에서 사용하는 기술은 10%도 채 되지 않습니다.



반면 각 언어의 기본 개념만 이해해도 쉽게 만들 수 있습니다.

이것이 가능한 이유는 '웹 기술의 기본이 개방과 공유'이기 때문입니다.

즉, 우리는 내 책상에서 전 세계 모든 웹사이트의 구조와 소스를 볼 수 있습니다.

마우스 우클릭 한 번으로 말이죠.

그리고 이 소스에서 모르는 명령은 사전 찾듯이 인터넷에서 검색하면 됩니다. 그렇게 하나씩 내 것으로 만들어 가는 것입니다.

멋지지 않나요?



제가 이 두 번째 방법을 알게 된 것이 불과 몇 개월 전입니다. 바로 첫 번째 전통적인 공부 방법으로 도전하다 재미없어 포기하려 할 때였습니다. 이 엄청난(?) 발견을 새로 웹 세계에 도전하는 분들에게도 알려 주고 싶었습니다.

저의 이 작은 경험담이 여러분에게 작은 도움이 되었으면 좋겠습니다. 여러분들이 포기하지 않고 만들어낸 멋진 홈페이지를 함께 보고 싶습니다."

CONTENTS



PART 1

HTML, CSS & 부트스트랩



Chapter 01 준비하며 몸풀기

홈페이지의 작동 이해

홈페이지와 웹페이지

문서편집기(Editor) 준비

NotePad++의 설정

브라우저



Chapter 02 HTML과 CSS

웹의 세계로 들어가 봅시다

CSS로 꾸미기

스타일시트 작성

Html 문서 안에 스타일 삽입하기

Html 문서 안에 스타일 삽입하기2 (문장 내 삽입)



Chapter 03 Div와 구조설계

웹페이지의 구조 이해

스타일시트 작성

레이아웃 다듬기



Chapter 04 인라인(InLine) 태그와 리스트

인라인(inline) 태그

리스트(List) 태그



Chapter 05 스팬(Span)과 클래스(Class)

span, class



Chapter 06 링크와 이미지

링크(Link)

이미지



Chapter 07 테이블(Table)

Table

테이블로 레이아웃 만들기



Chapter 08 폼(Form)

폼 구조

폼 전송 (get, post)



Chapter 09 웹표준 이야기

웹브라우저 전쟁

웹표준에 대한 오해와 진실

웹표준이 중요한 이유



Chapter 10 Html5로 가기

Html의 표준

문자 인코딩



Chapter 11 부트스트랩(Bootstrap)

부트스트랩(Bootstrap)이란?

부트스트랩 공식 사이트

예제 파일 만들기

2단 레이아웃 만들기

테이블



PART 2

서버언어 배우기



Chapter 01 웹서버 만들기

웹호스팅

서버설치용 SW 다운받기

Autoset의 설치

오토셋 관리

서버 설치폴더의 이해



Chapter 02 MySQL

데이터베이스의 구성

칼럼(필드) 속성

phpMyAdmin - DB관리 프로그램

데이터베이스(DB)와 테이블 생성

SQL 언어

INSERT 추가

SELECT 조회

UPDATE 수정

DELETE 삭제



Chapter 03 PHP

PHP 이해하기

php 기본 원칙

php 코드 작성

html과 php 코드 같이 쓰기

php만 사용하기

변수(Variable)

배열(Array)

함수

If 조건문

isset( ), empty( ) 함수

switch 조건 분기문

while 반복문

require / require_once (include / include_once)

mysqli_connect(), mysqli_close()

mysqli_query( )

mysqli_fetch_array( )

mysqli_num_rows( )



PART 3

요기보드



Chapter 01 '요기보드' 설치와 설정

요기보드 설치

상수와 $_SERVER[ ]

설치폴더의 이해



Chapter 02 메인화면의 이해

index.php

경로와 레이아웃 불러오기

회전그림(Carousel)

홈피소개(intro.php)의 이해



Chapter 03 2단 레이아웃과 게시판 화면

notice.php

bbs.php

bbs.list.php

bbs.add.php



Chapter 04 로그인과 회원가입

로그인 (user/login.php)

로그인 (yogi/user.login.php)

회원가입(user/signup.php)

숙 제



Chapter 05 Style.css와 내 디자인 만들기

style.css

내 디자인 만들기



Chapter 06 못다 한 이야기들…

'요기보드' 버전

더 공부하고 싶은 분들을 위해

Head First PHP & MySQL



PART 4

내 홈페이지 출판하기



Chapter 01 내 PC로 출판하기

내 PC로 호스팅하기1 (공유기 범위 안에서 접속하기)

내 PC로 호스팅하기2 (외부에서 접속하기)

DDN과 DDNS

FTP 사용하기



Chapter 02 웹호스팅 사용하기

웹호스팅 신청

FTP 연결과 설치

도레미 [저서]

- 『초보자 뛰어넘기』

- 『PC는 마술사』

- 『데이터베이스의 이해』

- 『기억의 마술사』