추가 적립 안내

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

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

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

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

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

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

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

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

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

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

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

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. 나의 로그 만들기