웹코딩 시작하기 - 풀스택으로 만드는 나의 첫 홈페이지 -
책 소개
완전 초보자를 위한 웹코딩 입문
이 책은 개발 환경 구축 이후 HTML5, CSS3, jQuery 순으로 학습한 후 프로젝트로 프론트엔드 부분을 만들고, MySQL과 PHP를 학습하여 백엔드 부분을 만들어 프로젝트를 완성하는 과정이다. 아무것도 모르더라도 컴퓨터만 있다면 웹 서비스가 전반적으로 어떻게 구성되는지 알 수 있게 된다.
어떻게 해야 이 책으로 학습하는 독자가 끝까지 완주할 수 있는지, 어떤 순서로 진행되어야 더 이해하기 쉬운지, 어떤 학습 방법을 적용해야 학습 효과가 좋은지에 대한 끊임없는 고민으로 만들어졌기 때문에 웹 프로그램에 관심을 가지고 어디서부터 시작해야 할지 모른다면 이 책이 길라잡이가 되어줄 것이다.
또한 저자가 운영하는 홈페이지(mybook.everdevel.com)에서 직접 피드백을 받을 수 있다.
이 책은 개발 환경 구축 이후 HTML5, CSS3, jQuery 순으로 학습한 후 프로젝트로 프론트엔드 부분을 만들고, MySQL과 PHP를 학습하여 백엔드 부분을 만들어 프로젝트를 완성하는 과정이다. 아무것도 모르더라도 컴퓨터만 있다면 웹 서비스가 전반적으로 어떻게 구성되는지 알 수 있게 된다.
어떻게 해야 이 책으로 학습하는 독자가 끝까지 완주할 수 있는지, 어떤 순서로 진행되어야 더 이해하기 쉬운지, 어떤 학습 방법을 적용해야 학습 효과가 좋은지에 대한 끊임없는 고민으로 만들어졌기 때문에 웹 프로그램에 관심을 가지고 어디서부터 시작해야 할지 모른다면 이 책이 길라잡이가 되어줄 것이다.
또한 저자가 운영하는 홈페이지(mybook.everdevel.com)에서 직접 피드백을 받을 수 있다.
작가 소개
저 : 김태영
디즈니를 좋아하는 평범한 프로그래머입니다. 프로그래밍보다는 회로에 관심을 갖고 있었으나 맥북으로 웹을 하는 사람들을 보고 반한 후 맥북을 사서 웹 프로그래밍 공부를 시작했습니다.
학생 때 웹 프로그래밍을 독학하면서 네이버 블로그에 포스팅하다가 방문해주신 분들의 반응이 좋아 용기를 얻고 ‘에버디벨’이라는 사이트를 제작하여 운영하고 있습니다. 현재는 에버디벨의 일본어판을 제작하고 있습니다.
프랑스계 해외 마케팅 기업에서 웹 퍼블리셔로 일하면서 사회생활을 시작하였습니다. 한국과 일본에 지식거래 사이트를 운영하는 기업에 입사하여 프로그래머가 되었으며, 해외배송대행 스타트업 기업에서 프론트엔드 개발자로 근무한 경력이 있습니다.
목 차
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. 나의 로그 만들기
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. 나의 로그 만들기
01. 반품기한
- 단순 변심인 경우 : 상품 수령 후 7일 이내 신청
- 상품 불량/오배송인 경우 : 상품 수령 후 3개월 이내, 혹은 그 사실을 알게 된 이후 30일 이내 반품 신청 가능
02. 반품 배송비
| 반품사유 | 반품 배송비 부담자 |
|---|---|
| 단순변심 | 고객 부담이며, 최초 배송비를 포함해 왕복 배송비가 발생합니다. 또한, 도서/산간지역이거나 설치 상품을 반품하는 경우에는 배송비가 추가될 수 있습니다. |
| 고객 부담이 아닙니다. |
03. 배송상태에 따른 환불안내
| 진행 상태 | 결제완료 | 상품준비중 | 배송지시/배송중/배송완료 |
|---|---|---|---|
| 어떤 상태 | 주문 내역 확인 전 | 상품 발송 준비 중 | 상품이 택배사로 이미 발송 됨 |
| 환불 | 즉시환불 | 구매취소 의사전달 → 발송중지 → 환불 | 반품회수 → 반품상품 확인 → 환불 |
04. 취소방법
- 결제완료 또는 배송상품은 1:1 문의에 취소신청해 주셔야 합니다.
- 특정 상품의 경우 취소 수수료가 부과될 수 있습니다.
05. 환불시점
| 결제수단 | 환불시점 | 환불방법 |
|---|---|---|
| 신용카드 | 취소완료 후, 3~5일 내 카드사 승인취소(영업일 기준) | 신용카드 승인취소 |
| 계좌이체 |
실시간 계좌이체 또는 무통장입금 취소완료 후, 입력하신 환불계좌로 1~2일 내 환불금액 입금(영업일 기준) |
계좌입금 |
| 휴대폰 결제 |
당일 구매내역 취소시 취소 완료 후, 6시간 이내 승인취소 전월 구매내역 취소시 취소 완료 후, 1~2일 내 환불계좌로 입금(영업일 기준) |
당일취소 : 휴대폰 결제 승인취소 익월취소 : 계좌입금 |
| 포인트 | 취소 완료 후, 당일 포인트 적립 | 환불 포인트 적립 |
06. 취소반품 불가 사유
- 단순변심으로 인한 반품 시, 배송 완료 후 7일이 지나면 취소/반품 신청이 접수되지 않습니다.
- 주문/제작 상품의 경우, 상품의 제작이 이미 진행된 경우에는 취소가 불가합니다.
- 구성품을 분실하였거나 취급 부주의로 인한 파손/고장/오염된 경우에는 취소/반품이 제한됩니다.
- 제조사의 사정 (신모델 출시 등) 및 부품 가격변동 등에 의해 가격이 변동될 수 있으며, 이로 인한 반품 및 가격보상은 불가합니다.
- 뷰티 상품 이용 시 트러블(알러지, 붉은 반점, 가려움, 따가움)이 발생하는 경우 진료 확인서 및 소견서 등을 증빙하면 환불이 가능하지만 이 경우, 제반 비용은 고객님께서 부담하셔야 합니다.
- 각 상품별로 아래와 같은 사유로 취소/반품이 제한 될 수 있습니다.
| 상품군 | 취소/반품 불가사유 |
|---|---|
| 의류/잡화/수입명품 | 상품의 택(TAG) 제거/라벨 및 상품 훼손으로 상품의 가치가 현저히 감소된 경우 |
| 계절상품/식품/화장품 | 고객님의 사용, 시간경과, 일부 소비에 의하여 상품의 가치가 현저히 감소한 경우 |
| 가전/설치상품 | 전자제품 특성 상, 정품 스티커가 제거되었거나 설치 또는 사용 이후에 단순변심인 경우, 액정화면이 부착된 상품의 전원을 켠 경우 (상품불량으로 인한 교환/반품은 AS센터의 불량 판정을 받아야 합니다.) |
| 자동차용품 | 상품을 개봉하여 장착한 이후 단순변심의 경우 |
| CD/DVD/GAME/BOOK등 | 복제가 가능한 상품의 포장 등을 훼손한 경우 |
| 상품의 시리얼 넘버 유출로 내장된 소프트웨어의 가치가 감소한 경우 | |
| 노트북, 테스크탑 PC 등 | 홀로그램 등을 분리, 분실, 훼손하여 상품의 가치가 현저히 감소하여 재판매가 불가할 경우 |