웹코딩 시작하기

풀스택으로 만드는 나의 첫 홈페이지

김태영 지음

정보문화사 2017년 09월 06일 출간 종이책 : 2017년 08월 20일 출간

작품소개

책소개

완전 초보자를 위한 웹코딩 입문

직업, 취미, 개발을 이해하기 위한 어떠한 이유로 웹 개발을 시작하려는 자를 대상으로 구성되어 있다. 웹 개발 관련 도서는 클라이언트 언어와 서버사이드 언어가 직업으로 나뉘기도 하며, 각각 습득해야 할 양도 많기 때문에 클라이언트 언어(HTML, CSS, JavaScript 또는 파생 프레임워크)와 서버사이드 언어(PHP, JSP, node.js) 그리고 데이터베이스(MySQL, mariaDB, Oracle)로 구분된다.

HTML을 사용해 웹페이지를 구성하고, CSS를 사용해 웹 페이지를 디자인하며, jQuery를 사용해 각 엘리먼트에 여러 가지 특수 기능을 구현하여 간단한 커뮤니티 사이트의 웹페이지를 구성한다. 서버사이드 언어인 PHP와 MySQL을 사용해 웹페이지의 실제 기능을 구성하며, 데이터베이스와 연동하여 회원정보, 게시글, 댓글, 공감 정보 등을 저장하고 출력하는 방법에 대해 따라해보며 이해할 수 있다.

목차

PART 1. 프론트엔드 HTML5 + CSS3 + jQuery
CHAPTER 1. HTML5
1. HTML5 소개
2. 메타 태그
3. 텍스트 태그
4. 이미지 태그
5. 하이퍼링크 태그(a 태그)
6. 리스트 태그
7. form 태그
8. 공간 태그
9. video 태그
10. audio 태그
11. svg와 canvas
12. table 태그

CHAPTER 2. CSS3
1. CSS 소개
2. CSS를 적용하는 세 가지 방법
3. 선택자(selector)
4. 텍스트를 꾸미는 CSS 요소
5. 가로 길이와 세로 길이 조정하기
6. 텍스트가 영역을 벗어날 때
7. HTML 엘리먼트의 위치 변경하기
8. 배경 꾸미기
9. 외곽선 긋기
10. float와 clear
11. 박스의 바깥 여백 설정하기
12. 박스의 안쪽 여백 설정하기
13. CSS 리셋
14. 애니메이션
15. transform
16. transition
17. display
18. 반응형 웹
19. 반응형으로 간단한 레이아웃 만들기
20. SVG 태그

CHAPTER 3. jQuery
1. jQuery 시작하기
2. 셀렉터
3. 엘리먼트 보이기와 숨기기
4. 클릭했을 때 무언가 하기
5. 마우스 포인터를 요소 위에 올릴 때 무언가 하기
6. 제이쿼리로 CSS 적용하기
7. 변수 사용하기
8. HTML 엘리먼트에 있는 텍스트 변경하기
9. HTML 태그 제어하기
10. 애니메이션 기능
11. 엘리먼트에 클래스 추가, 삭제하기
12. 엘리먼트의 이동
13. 폼 태그의 값 조정
14. 포커스
15. this 사용하기
16. 연산자
17. 함수 만들기
18. 변수에 대해서
19. 글로벌 변수와 로컬 변수
20. 조건문
21. 반복문
22. 스크롤 이벤트
23. AJAX
24. canvas 태그(HTML5)

project 나의 첫 웹서비스 만들기

CHAPTER 1. 나의 첫 웹서비스 프로젝트 소개

CHAPTER 2. 나의 첫 웹서비스 만들기 프로젝트 - front end
1. 메인 페이지 만들기(index.html)
2. 나의 페이지 만들기(me.html)
3. 모두의 페이지 만들기(all.html)

PART 2. 백엔드 MySQL + PHP
CHAPTER 1. MySQL
1. 데이터베이스란?
2. MySQL 시작하기
3. 데이터베이스 만들기
4. 테이블
5. 필드의 데이터 크기와 데이터형 지정하기
6. 테이블 생성하기
7. 필드의 추가, 수정, 삭제
8. 테이블 삭제하기
9. 테이블에 데이터 입력하기
10. 데이터 불러오기
11. 데이터의 값을 변경, 삭제하기
12. 테이블 초기화
13. 2개 이상의 테이블 사용하기(JOIN)
14. 집계함수
15. 그룹별 집계
16. 출력 결과의 정렬
17. 불러올 레코드 수 지정하기
18. 2개 이상의 테이블을 묶어 사용하기
19. 쿼리문 안의 쿼리문 서브쿼리
20. 특정 필드에 같은 값을 넣지 않는 방법
2 1 . 서로 다른 필드의 값을 합쳐서 출력하기
22. 검색을 더욱 빠르게 하는 인덱스

CHAPTER 2. PHP
1. PHP 소개
2. 출력문
3. 주석
4. 변수
5. 연산자
6. 배열
7. 데이터형
8. 조건문
9. 반복문
10. 함수
11. 함수 만들기
12. POST와 GET
13. 기능의 사물화
14. 코드의 재활용
15. PHP와 MySQL의 연동
16. 상수
17. 정규 표현식
18. 파일 업로드
19. 디렉터리 함수
20. 파일 함수
21. Anchor 태그의 ping 속성과 AJAX
22. 쿠키와 세션
23. 객체지향 프로그래밍

project 나의 첫 웹서비스 만들기
CHAPTER 3. 나의 첫 웹서비스 만들기 프로젝트 - back end
3-1. 회원가입 기능
3-2. 로그인, 로그아웃 기능
3-3. 게시물 등록하기
3-4. 게시물 불러오기
3-5. 댓글 등록하기
3-6. 댓글 불러오기
3-7. 게시물 공감하기
3-8. 모두의 페이지
3-9. 포토 업로드 기능
3-10. 나의 로그 만들기

출판사 서평

풀스택 = 프론트엔드(HTML+CSS+jQuery)+ 백엔드(PHP+MySQL)
HTML5, CSS3, jQuery, MySQL, PHP로 웹코딩 톺아보기!

이 책은 개발 환경 구축 이후 HTML5, CSS3, jQuery 순으로 학습한 후 프로젝트로 프론트엔드 부분을 만들고, MySQL과 PHP를 학습하여 백엔드 부분을 만들어 프로젝트를 완성하는 과정이다. 아무것도 모르더라도 컴퓨터만 있다면 웹 서비스가 전반적으로 어떻게 구성되는지 알 수 있게 된다.

어떻게 해야 이 책으로 학습하는 독자가 끝까지 완주할 수 있는지, 어떤 순서로 진행되어야 더 이해하기 쉬운지, 어떤 학습 방법을 적용해야 학습 효과가 좋은지에 대한 끊임없는 고민으로 만들어졌기 때문에 웹 프로그램에 관심을 가지고 어디서부터 시작해야 할지 모른다면 이 책이 길라잡이가 되어줄 것이다.

■ 추천사
웹 프로그래밍을 처음 시작하는 분들에게는 아주 친절한 입문서가 될 것입니다.
글쓴이의 친절한 설명을 따라가면서 기초를 튼튼히 할 수 있고, 튼튼한 기초를 쌓았다면 지금까지 배운 내용으로 간단한 프로젝트까지 완료할 수 있습니다.
웹 프로그램에 관심을 가지고 어디서부터 시작해야 할지 모르는 분들에게 꼭 추천합니다.
- 양석원 이장님

기본을 지키며 창의적인 개발을 할 수 있게 풀어낸 책입니다.
더 나은 진로, 보다 나은 프로그래머를 꿈꾸는 사람들의 길잡이가 될 필독서입니다.
- LG전자 어플라이언스 연구소 R&D 포탈 책임자 김성도

이 책은 웹 서비스를 제공해보고 싶은 마음을 가진 초급 개발자에게 개발 환경 구축부터 시작하여 커뮤니티 기능을 가진 웹을 구현하여 웹 서비스를 제공할 방법을 배울 수 있는 유용한 책입니다.
그동안 코딩이라면 어렵게 생각하던 초심자나 최소한의 HTML 기본적인 것을 알고 있는 저와 같은 초급 개발자들도 이 책의 간단하고 다양한 실전 예제를 따라하면서 빠른 시간 내에 코딩을 쉽고 재미있게 배울 수 있습니다.
- 삼성전자 차세대사업팀 목영중

프로그래밍에 관심 있는 분은 초심자라도 부담 없이 알기 쉽게 배울 수 있습니다.
실전에서 사용할 수 있는 프로그래밍을 하나부터 즐겁게 공부하려면 추천합니다.
당신도 망설임 없이 이 책을 꼭 손에 넣어 보세요.
- 한국에서 회사 다니는 일본인 고스게 유우코(小菅由子)

2017년도에 홈페이지란, 저와 같은 청년창업가들에게는 단순 제품을 소개하는 공간이 아니라 브랜드의 얼굴이라고 생각합니다.
이 책은 웹 페이지를 제작하면서 어려움을 가졌던 분들에게 좋은 참고서가 될 수 있는 책입니다.
페이지마다 전과 후에 대한 이미지가 있어서 그것만으로도 쉽게 찾을 수 있고, 이책을 통해 원하는 부분을 채워나갈 수 있었습니다.
꼼꼼하게 정리되어 있는 글과 사진들을 통해 부담 없이 배울 수 있습니다.
- 숯진주 발명가 김경희

작가정보

저자(글) 김태영

저자 김태영은 디즈니를 좋아하는 평범한 프로그래머입니다. 프로그래밍보다는 회로에 관심을 갖고 있었으나 맥북으로 웹을 하는 사람들을 보고 반한 후 맥북을 사서 웹 프로그래밍 공부를 시작했습니다.
학생 때 웹 프로그래밍을 독학하면서 네이버 블로그에 포스팅하다가 방문해주신 분들의 반응이 좋아 용기를 얻고 ‘에버디벨’이라는 사이트를 제작하여 운영하고 있습니다. 현재는 에버디벨의 일본어판을 제작하고 있습니다.
프랑스계 해외 마케팅 기업에서 웹 퍼블리셔로 일하면서 사회생활을 시작하였습니다. 한국과 일본에 지식거래 사이트를 운영하는 기업에 입사하여 프로그래머가 되었으며, 해외배송대행 스타트업 기업에서 프론트엔드 개발자로 근무한 경력이 있습니다.

mybook.everdevel.com
facebook.com/everdevel