"웹개발에 입문하려 한다면"
* 3줄 요약
1. 웹개발(프론트 엔드)의 가장 기본적이지만 필수적인 내용을 다뤘다.
2. 가능한 쉽게 설명하려고 노력한 책이다.
3. 웹 개발에 입문하려는 생초보자에게 추천
* 추천 대상
- 웹이 뭔지 HTML이 뭔지 아무것도 모르는 생초보자
요즘 저는 구글 애널리틱스(Google Analytics)에 집중하고 있습니다. 가장 기본이 되는 태깅에서 부터 그로부터 나오는 데이터를 활용한 분석, 대시보드까지 만들고 있어요. 구글 애널리틱스를 사용한건 이미 6-7년 전이지만요, 구글 애널리틱스 분석 기능의 일부를 주로 사용했습니다. 그게 다인줄 알았죠. 하지만 아니더군요, 그것은 빙산의 일각일뿐, 훨씬 깊고 훨씬 심오합니다. 거기에 빅쿼리(Big Query)까지 붙으면 Wow~ 아차, 구글 애널리틱스 얘기를 하려한게 아닌데...어쨋든
구글 애널리틱스를 깊이 있게 잘하려면 프론트 엔드(Front-End) 주요 기술들을 잘 알아야 합니다. (프론트 엔드란 웹 개발에서 앞단 즉, 사용자에게 보여지는 영역인 UI/UX쪽을 말합니다. 상반되는 용어로 백엔드(Back-End)가 있어요.) 제가 웹을 안다뤄 본것은 아니지만 이미 시간이 많이 흘렀고, 기술도 많이 바뀌었을 거라 생각했습니다. 최근 기술은 어떤걸까, 집어든 책이 바로 '생활코딩! HTML+CSS+자바스크립트'입니다.
HTML+CSS+자바스크립트 라니. 노렸네 노렸어
목차를 한번 살펴 볼까요?
HTML의 기본 문법에서 부터 시작에서 웹 서버란 무엇이지 알아봅니다. 그리고 CSS(Cascading style sheets)에 대해 알아보구요. 그다음엔 자바스크립트(Java Script)까지 알아보네요. 프론트 엔드의 가장 기초라 할수 있는 부분들은 쓰윽~ 다 훑는군요. HTML+CSS+자바스크립트라니. 딱 프론트 엔드 개발의 '기본 of the 기본'을 설명하겠어! 란 작가의 의도가 보이네요. 아시죠? HTML이야 뭐 웹 페이지 제작의 Basic 이구요, CSS는 웹을 꾸미는데 가장 널리 사용되는 기법일 뿐더러, 자바 스크립트 역시 웹 페이지를 조금이라도 능동적으로 제어하겠다하면 반드시 익혀야 하는 내용이죠. 즉, 프론트 엔드 개발하려는 분들에게는 필수지요.
학습 목표를 제시해서 어떤 식으로 내용을 풀어나갈지 소개하는 부분도 좋습니다. 내용은 용어 부터 아주 기초적으로 푸는군요. 예를 들어
"그런데 여기서 사람이 하는 일. 다시 말해 원인을 가리키는 여러 가지 표현이 있습니다. 부호 또는 신호라는 의미에서 코드(code), 원천이라는 뜻의 소스(source), 그리고 기계도 이해할 수 있고 사람도 이해할수 있는 공통의 약속이리는 의미에서 언어(]anguage), 프로그래밍 언어라는 표현을 씁니다."
라는 식으로 말이죠. 이 책이 쌩초보를 대상으로 한다는 것을 알아볼 수 있는 부분입니다. 쉽게 예를 들어 설명하는 건 물론이구요. 사용빈도가 높은 문법 위주로 설명합니다.
학습하는 방법도 알려준다
입문서를 보는 분들은 말 그대로 초보자입니다. 어디서 부터 어떻게 학습하는지 알려줄 필요가 있죠. 하지만 지금까지 전문서이라고 하는 책들은 그런 내용이 거의 없었습니다. 제 책도 마찬가지지만 이 책 역시 초보자들을 염두에 두고 학습하는 방법을 알려줍니다. 다음 처럼 말이죠.
"이번 시간에는 통계를 기반으로 공부하는 이야기를 해보겠습니다. 현재 최신 버전의 HTML에는 150개 이상의 태그가 있습니다. 그럼 150개의 태그를 다 외워야 할까요? 그렇지 않습니다. 앞서 살펴본 혁명적 변화를 통해 여러분이 태그가 무엇인지 안다면 모든 태그를 1분이면 찾을 수 있기 때문입니다. "
아, 그림도 참 많네요.
역시 동병상련인가
저자는 비전공자 출신이라고 합니다. 제 생각에 아마도 스스로 학습하지 않으면 안되었을 상황이 많았을거 같아요. 그래서일까요? 이책은 비전공자 이자 초보자를 염두에 두고 쉽게 설명하려고 노력한 책이라는게 많이 느껴졌습니다. 같은 입장에서 고민했을 법한 내용을 잘 정리했군요.
'생활코딩! HTML+CSS+자바스크립트'은 저 개인적으로도 오랫동안 손놓았던 웹개발 요소를 다시 들여볼수 있었어서 좋았던 책입니다. 그나저나 저자 필명은 왜 이고잉인건까요? (실명 아니죠?)
목차
[1부] HTML 편
1. 수업 소개
2. 프로젝트의 동기
3. 기획
4. 코딩과 HTML
5. HTML 코딩과 실습 환경 준비
6. 기본 문법과 태그
7. 혁명적인 변화
8. 통계에 기반한 학습
9. 줄바꿈: [br] vs. [p]
10. HTML이 중요한 이유
11. 최후의 문법 속성과 [img] 태그
12. 부모 자식과 목록
13. 문서의 구조와 슈퍼스타들
14. HTML 태그의 제왕
15. 웹 사이트 완성
16. 원시 웹
17. 인터넷을 여는 열쇠: 서버와 클라이언트
18. 웹 호스팅: 깃허브 페이지
19. 웹 서버 운영하기
__19.1 웹 호스팅: 웹 서버 설치(윈도우)
__19.2 웹 호스팅: 웹 서버와 HTTP(윈도우)
__19.3 웹 서버와 웹 브라우저의 통신(윈도우)
__19.4 웹 서버 설치(macOS)
__19.5 웹 서버와 HTTP(macOS)
__19.6 웹 브라우저와 웹 서버의 통신(macOS)
__19.7 웹 브라우저와 웹 서버의 통신(리눅스)
20. 수업을 마치며 1/3
21. 수업을 마치며 2/3
22. 수업을 마치며 3/3
[2부] CSS 편
1. 수업 소개
2. CSS가 등장하기 전의 상황
3. CSS의 등장
4. CSS의 기본 문법
5. 혁명적 변화
6. CSS 속성을 스스로 알아내기
7. CSS 선택자의 기본
8. 박스 모델
9. 박스 모델 써먹기
10. 그리드 소개
11. 그리드 써먹기
12. 미디어 쿼리 소개
13. 미디어 쿼리 써먹기
14. CSS 코드의 재사용
15. 수업을 마치며
[3부] 자바스크립트 편
1. 수업 소개
2. 수업의 목적
3. HTML과 JS의 만남: [script] 태그
4. HTML과 JS의 만남: 이벤트
5. HTML과 JS의 만남: 콘솔
6. 데이터 타입 - 문자열과 숫자
7. 변수와 대입 연산자
8. 웹 브라우저 제어
9. CSS 기초: style 속성
10. CSS 기초: [style] 태그
11. CSS 기초: 선택자
12. 제어할 태그 선택하기
13. 프로그램, 프로그래밍, 프로그래머
14. 조건문 예고
15. 비교 연산자와 불리언
16. 조건문
17. 조건문의 활용
18. 중복의 제거를 위한 리팩터링
19. 반복문 예고
20. 배열
21. 반복문
22. 배열과 반복문
23. 배열과 반복문의 활용
24. 함수 예고
25. 함수
26. 매개변수와 인자
27. 함수(return 문)
28. 함수의 활용
29. 객체 예고
30. 객체 쓰기와 읽기
31. 객체와 반복문
32. 객체 프로퍼티와 메서드
33. 객체의 활용
34. 파일로 쪼개서 정리 정돈하기
35. 라이브러리와 프레임워크
36. UI vs. API
37. 수업을 마치며
* 3줄 요약
1. 웹개발(프론트 엔드)의 가장 기본적이지만 필수적인 내용을 다뤘다.
2. 가능한 쉽게 설명하려고 노력한 책이다.
3. 웹 개발에 입문하려는 생초보자에게 추천
* 추천 대상
- 웹이 뭔지 HTML이 뭔지 아무것도 모르는 생초보자
요즘 저는 구글 애널리틱스(Google Analytics)에 집중하고 있습니다. 가장 기본이 되는 태깅에서 부터 그로부터 나오는 데이터를 활용한 분석, 대시보드까지 만들고 있어요. 구글 애널리틱스를 사용한건 이미 6-7년 전이지만요, 구글 애널리틱스 분석 기능의 일부를 주로 사용했습니다. 그게 다인줄 알았죠. 하지만 아니더군요, 그것은 빙산의 일각일뿐, 훨씬 깊고 훨씬 심오합니다. 거기에 빅쿼리(Big Query)까지 붙으면 Wow~ 아차, 구글 애널리틱스 얘기를 하려한게 아닌데...어쨋든
구글 애널리틱스를 깊이 있게 잘하려면 프론트 엔드(Front-End) 주요 기술들을 잘 알아야 합니다. (프론트 엔드란 웹 개발에서 앞단 즉, 사용자에게 보여지는 영역인 UI/UX쪽을 말합니다. 상반되는 용어로 백엔드(Back-End)가 있어요.) 제가 웹을 안다뤄 본것은 아니지만 이미 시간이 많이 흘렀고, 기술도 많이 바뀌었을 거라 생각했습니다. 최근 기술은 어떤걸까, 집어든 책이 바로 '생활코딩! HTML+CSS+자바스크립트'입니다.
HTML+CSS+자바스크립트 라니. 노렸네 노렸어
목차를 한번 살펴 볼까요?
HTML의 기본 문법에서 부터 시작에서 웹 서버란 무엇이지 알아봅니다. 그리고 CSS(Cascading style sheets)에 대해 알아보구요. 그다음엔 자바스크립트(Java Script)까지 알아보네요. 프론트 엔드의 가장 기초라 할수 있는 부분들은 쓰윽~ 다 훑는군요. HTML+CSS+자바스크립트라니. 딱 프론트 엔드 개발의 '기본 of the 기본'을 설명하겠어! 란 작가의 의도가 보이네요. 아시죠? HTML이야 뭐 웹 페이지 제작의 Basic 이구요, CSS는 웹을 꾸미는데 가장 널리 사용되는 기법일 뿐더러, 자바 스크립트 역시 웹 페이지를 조금이라도 능동적으로 제어하겠다하면 반드시 익혀야 하는 내용이죠. 즉, 프론트 엔드 개발하려는 분들에게는 필수지요.
학습 목표를 제시해서 어떤 식으로 내용을 풀어나갈지 소개하는 부분도 좋습니다. 내용은 용어 부터 아주 기초적으로 푸는군요. 예를 들어
"그런데 여기서 사람이 하는 일. 다시 말해 원인을 가리키는 여러 가지 표현이 있습니다. 부호 또는 신호라는 의미에서 코드(code), 원천이라는 뜻의 소스(source), 그리고 기계도 이해할 수 있고 사람도 이해할수 있는 공통의 약속이리는 의미에서 언어(]anguage), 프로그래밍 언어라는 표현을 씁니다."
라는 식으로 말이죠. 이 책이 쌩초보를 대상으로 한다는 것을 알아볼 수 있는 부분입니다. 쉽게 예를 들어 설명하는 건 물론이구요. 사용빈도가 높은 문법 위주로 설명합니다.
학습하는 방법도 알려준다
입문서를 보는 분들은 말 그대로 초보자입니다. 어디서 부터 어떻게 학습하는지 알려줄 필요가 있죠. 하지만 지금까지 전문서이라고 하는 책들은 그런 내용이 거의 없었습니다. 제 책도 마찬가지지만 이 책 역시 초보자들을 염두에 두고 학습하는 방법을 알려줍니다. 다음 처럼 말이죠.
"이번 시간에는 통계를 기반으로 공부하는 이야기를 해보겠습니다. 현재 최신 버전의 HTML에는 150개 이상의 태그가 있습니다. 그럼 150개의 태그를 다 외워야 할까요? 그렇지 않습니다. 앞서 살펴본 혁명적 변화를 통해 여러분이 태그가 무엇인지 안다면 모든 태그를 1분이면 찾을 수 있기 때문입니다. "
아, 그림도 참 많네요.
역시 동병상련인가
저자는 비전공자 출신이라고 합니다. 제 생각에 아마도 스스로 학습하지 않으면 안되었을 상황이 많았을거 같아요. 그래서일까요? 이책은 비전공자 이자 초보자를 염두에 두고 쉽게 설명하려고 노력한 책이라는게 많이 느껴졌습니다. 같은 입장에서 고민했을 법한 내용을 잘 정리했군요.
'생활코딩! HTML+CSS+자바스크립트'은 저 개인적으로도 오랫동안 손놓았던 웹개발 요소를 다시 들여볼수 있었어서 좋았던 책입니다. 그나저나 저자 필명은 왜 이고잉인건까요? (실명 아니죠?)
목차
[1부] HTML 편
1. 수업 소개
2. 프로젝트의 동기
3. 기획
4. 코딩과 HTML
5. HTML 코딩과 실습 환경 준비
6. 기본 문법과 태그
7. 혁명적인 변화
8. 통계에 기반한 학습
9. 줄바꿈: [br] vs. [p]
10. HTML이 중요한 이유
11. 최후의 문법 속성과 [img] 태그
12. 부모 자식과 목록
13. 문서의 구조와 슈퍼스타들
14. HTML 태그의 제왕
15. 웹 사이트 완성
16. 원시 웹
17. 인터넷을 여는 열쇠: 서버와 클라이언트
18. 웹 호스팅: 깃허브 페이지
19. 웹 서버 운영하기
__19.1 웹 호스팅: 웹 서버 설치(윈도우)
__19.2 웹 호스팅: 웹 서버와 HTTP(윈도우)
__19.3 웹 서버와 웹 브라우저의 통신(윈도우)
__19.4 웹 서버 설치(macOS)
__19.5 웹 서버와 HTTP(macOS)
__19.6 웹 브라우저와 웹 서버의 통신(macOS)
__19.7 웹 브라우저와 웹 서버의 통신(리눅스)
20. 수업을 마치며 1/3
21. 수업을 마치며 2/3
22. 수업을 마치며 3/3
[2부] CSS 편
1. 수업 소개
2. CSS가 등장하기 전의 상황
3. CSS의 등장
4. CSS의 기본 문법
5. 혁명적 변화
6. CSS 속성을 스스로 알아내기
7. CSS 선택자의 기본
8. 박스 모델
9. 박스 모델 써먹기
10. 그리드 소개
11. 그리드 써먹기
12. 미디어 쿼리 소개
13. 미디어 쿼리 써먹기
14. CSS 코드의 재사용
15. 수업을 마치며
[3부] 자바스크립트 편
1. 수업 소개
2. 수업의 목적
3. HTML과 JS의 만남: [script] 태그
4. HTML과 JS의 만남: 이벤트
5. HTML과 JS의 만남: 콘솔
6. 데이터 타입 - 문자열과 숫자
7. 변수와 대입 연산자
8. 웹 브라우저 제어
9. CSS 기초: style 속성
10. CSS 기초: [style] 태그
11. CSS 기초: 선택자
12. 제어할 태그 선택하기
13. 프로그램, 프로그래밍, 프로그래머
14. 조건문 예고
15. 비교 연산자와 불리언
16. 조건문
17. 조건문의 활용
18. 중복의 제거를 위한 리팩터링
19. 반복문 예고
20. 배열
21. 반복문
22. 배열과 반복문
23. 배열과 반복문의 활용
24. 함수 예고
25. 함수
26. 매개변수와 인자
27. 함수(return 문)
28. 함수의 활용
29. 객체 예고
30. 객체 쓰기와 읽기
31. 객체와 반복문
32. 객체 프로퍼티와 메서드
33. 객체의 활용
34. 파일로 쪼개서 정리 정돈하기
35. 라이브러리와 프레임워크
36. UI vs. API
37. 수업을 마치며
