책소개
HTML5, CSS3, jQuery, MySQL, PHP로 웹코딩 *톺아보기*샅샅이 톺아 나가며 살피다
직업, 취미, 개발을 이해하기 위한 어떠한 이유로 웹 개발을 시작하려는 자를 대상으로 구성되어 있다. 웹 개발 관련 도서는 클라이언트 언어와 서버사이드 언어가 직업으로 나뉘기도 하며, 각각 습득해야 할 양도 많기 때문에 클라이언트 언어(HTML, CSS, JavaScript 또는 파생 프레임워크)와 서버사이드 언어(PHP, JSP, node.js) 그리고 데이터베이스(MySQL, mariaDB, Oracle)로 구분된다.
HTML을 사용해 웹페이지를 구성하고, CSS를 사용해 웹 페이지를 디자인하며, jQuery를 사용해 각 엘리먼트에 여러 가지 특수 기능을 구현하여 간단한 커뮤니티 사이트의 웹페이지를 구성한다. 서버사이드 언어인 PHP와 MySQL을 사용해 웹페이지의 실제 기능을 구성하며, 데이터베이스와 연동하여 회원정보, 게시글, 댓글, 공감 정보 등을 저장하고 출력하는 방법에 대해 따라해보며 이해할 수 있다.
완전 초보자를 위한 웹코딩 입문
이 책은 개발 환경 구축 이후 HTML5, CSS3, jQuery 순으로 학습한 후 프로젝트로 프론트엔드 부분을 만들고, MySQL과 PHP를 학습하여 백엔드 부분을 만들어 프로젝트를 완성하는 과정이다. 아무것도 모르더라도 컴퓨터만 있다면 웹 서비스가 전반적으로 어떻게 구성되는지 알 수 있게 된다.
어떻게 해야 이 책으로 학습하는 독자가 끝까지 완주할 수 있는지, 어떤 순서로 진행되어야 더 이해하기 쉬운지, 어떤 학습 방법을 적용해야 학습 효과가 좋은지에 대한 끊임없는 고민으로 만들어졌기 때문에 웹 프로그램에 관심을 가지고 어디서부터 시작해야 할지 모른다면 이 책이 길라잡이가 되어줄 것이다.
또한 저자가 운영하는 홈페이지(mybook.everdevel.com)에서 직접 피드백을 받을 수 있다.
저자소개
디즈니를 좋아하는 평범한 프로그래머입니다. 프로그래밍보다는 회로에 관심을 갖고 있었으나 맥북으로 웹을 하는 사람들을 보고 반한 후 맥북을 사서 웹 프로그래밍 공부를 시작했습니다.
학생 때 웹 프로그래밍을 독학하면서 네이버 블로그에 포스팅하다가 방문해주신 분들의 반응이 좋아 용기를 얻고 ‘에버디벨’이라는 사이트를 제작하여 운영하고 있습니다. 현재는 에버디벨의 일본어판을 제작하고 있습니다.
프랑스계 해외 마케팅 기업에서 웹 퍼블리셔로 일하면서 사회생활을 시작하였습니다. 한국과 일본에 지식거래 사이트를 운영하는 기업에 입사하여 프로그래머가 되었으며, 해외배송대행 스타트업 기업에서 프론트엔드 개발자로 근무한 경력이 있습니다.
mybook.everdevel.com
facebook.com/everdevel
목차
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. 나의 로그 만들기
