"완전 친절 설명, 웹개발 스킬업을 위한 추천"
* 3줄 요약
1. 자바스크립트와 JQuery에 대해 아주 기초 부터 친절한 그림과 글로 설명한다.
2. 초급자를 배려하는 적절한 정리와 분류. 자바스크립트 외 프로그래밍 개념 잡기에도 좋다.
3. 너무 두꺼운 책 분량 (550p)은 다소 부담스럽다. 시리즈로 2권 3권도 있음.
* 추천대상
- HTML, CSS 정도는 아는 [입문 - 초급자]
- 자바스크립트와 JQuery에 대해 기초부터 제대로 배우고 싶은 [입문 - 초급자]
자바 스크립트? Jquery?
HTML만 알면 웹사이트를 만들 수 있을까요? 예전~ 그러니까 웹이 나타나고 얼마 안되었을 때에는 HTML이면 되었죠. 특별히 뭔가 제어하고 할 요소도 없었습니다. 당시 웹 사이트는 단지 일방향 정보 전달 즉, 카탈로그 역할을 하는 정도에 그치는 정도였습니다. 그러나 지금은 그렇지 않죠? 웹 사이트 자체가 모든 비즈니스의 중심이 되어 사업자의 정보 전달은 물론, 예를 들어 찜하기, 장바구니 담기, 상품 주문, 결제, 문의 등 다양한 액션이 웹사이트에서 이루어집니다. 사용자와 끊임 없이 양방향 통신을 하죠. 이런 기능을 하기 위해서는 HTML만으로는 안되고 웹 사이트 단에서 각종 정보를 제어해 줘야 하는데, 이때 필요한 기능이 자바 스트립트와 Jquery입니다. 다시 정리하자면 HTML로 정적인 웹 페이지 구조를 만들고, 자바스크립트로는 동적 요소를 제어합니다. Jquery는 앞의 요소들을 더 쉽고 더 잘 쓸수 있게 해주는 일종의 자바스크립트 확장 프로그램(Library)입니다.
여담으로 자바 스크립트 알아야 하는 것은 구글 애널리틱스를 다룰때도 마찬가지 입니다. 구글 태그 매니저에서 변수등을 설정 할때 옵션으로 JS(자바스크립트)가 있으니까요. 데이터를 받아서 처리할 때 자바 스크립트를 다룹니다. 이말은 웹 데이터 분석을 하려면 자바 스크립트도 어느 정도는 알고 있어야 좋다는 얘기지요.
스터디를 위한 책?
이 책은 제목에서 부터 스터디를 목표로 한다고 공언하고 있습니다. 프론트 엔드/웹개발을 위한 스터디 교재를 목표로 저술된 책이란 얘기죠. 그렇다 보니 학습 순서나 방법을 아주 자세히 제시하고 있습니다.
이 책은 550페이지의 두꺼운 분량이 특징입니다. 정말 많은 내용을 담고 있다고 생각되는데요. 놀라지 마세요, 이것은 단지 '1권 기초'편에서의 분량입니다. Jquery를 더 자세히 다루는 2권, 심화로 가는 3권 까지 가면 분량은 어마어마 해요. 다만 자바스크립와 Jquery의 기본적인 부분만을 알고 싶다면 1권으로도 충분하지 싶네요.
개념에 대한 자세한 설명 보소
이 책은요, 더 이상 풀어 줄수 없다라고 느껴질 정도로 아주 자세히 설명합니다. 다음 처럼 말이죠.
변수를 설명하는데도 문법과 그림, 또 종류를 정리해놓은 것 보세요. 제가 볼때 저자 이분 웹 개발 뿐만 아니라 교육계에서도 꽤 종사하지 않았을까 합니다. 보통 전문가라는 사람들은 자기가 알고 있는 걸 어려운 말로 늘어 놓을 줄은 알지만, 그 지식을 다른 사람에게 쉽게 전달하지 못하는 경우가 많거든요. 하지만 저자는 본인이 알고 있는 지식을 개념화(추상화)해서 전달 받는 사람이 알아 듣기 쉽게 정리 했습니다. 책의 모든 내용이 그래요. 이책에서 그나마 어렵게 느껴질 객체지향 개념인 함수, 클래스, 메소드 개념을 정리할 때도 정말 쉽게 정리했어요. 이런식으로 말이죠.
이외에도 다른 프로그래밍 언어에서 공통적으로 사용되는 개념들을 아주 자세히 설명했어요. 이 책 한권으로도 개념을 읽혀두면 다른 분야에서 응용할 수 있게 말이죠
웹개발 생초보(입문)에서 초급자로 넘어가려는 분들에게
HTML이나 CSS, 자바스크립트 등을 어느정도 알고는 있고 더 깊이 있는 개발자가 되고자 하는 분들에게 이 책을 추천합니다. 두꺼운 분량은 다소 부담스럽지만, 자세히 설명하려다 보니 늘어난 분량이라고 생각합니다. 스터디용 교재라고 되어 있지만, 굳이 스터디가 아니라 혼자 학습용으로도 좋은 교재입니다. 또, 서두에도 잠깐 언급했지만 구글 애널리틱스에서 깊이 있는 웹분석을 위해서는 자바 스크립트를 아는 것이 필요합니다. 참 배울게 많네요!
[1부] 자바스크립트 코어 기초 문법
▣ 01장: 변수
Lesson 01. 변수 소개
__01. 변수란?
__02. 변수는 이럴 때 사용해요.
Lesson 02. 변수 만들기
__01. 변수 하나 만들기
__02. 변수 여러 개 만들기
__03. 변수이름 만들 때 주의사항
Lesson 03. 변수에 저장할 수 있는 데이터 종류
__01. 데이터 위치
__02. 데이터 종류
Lesson 04. 변숫값 저장 및 변경
__01. 변숫값 저장
__02. 변숫값 변경
Lesson 05. 변숫값이 자동으로 읽혀지는 경우
__01. 우측에 변수를 두는 경우
__02. 함수 호출 시 변수를 매개변수 값으로 사용하는 경우
__03. 연산자와 함께 사용하는 경우
Lesson 06. 변수를 활용한 데이터 중복 제거 및 재사용
Lesson 07. 변수에 어떤 값이 들어 있는지 확인하기
__01. alert()
__02. document.write()
__03. console.log()
__04. 정리
Lesson 08. 주석
__01. 주석이란? - 한 줄로 말해요
__02. 주석 만드는 방법 2가지
__03. 주석 활용
Lesson 09. 배열
__01. 배열이란?
__02. 배열 생성
__03. 배열 요소 접근
__04. 배열을 사용하는 이유
Lesson 10. 변수 종류
__01. 변수 종류
__02. 전역변수
__03. 지역변수
__04. 매개변수
__05. 멤버변수
__06. 정리
Lesson 11. 미션
__미션 풀이 방법
* 3줄 요약
1. 자바스크립트와 JQuery에 대해 아주 기초 부터 친절한 그림과 글로 설명한다.
2. 초급자를 배려하는 적절한 정리와 분류. 자바스크립트 외 프로그래밍 개념 잡기에도 좋다.
3. 너무 두꺼운 책 분량 (550p)은 다소 부담스럽다. 시리즈로 2권 3권도 있음.
* 추천대상
- HTML, CSS 정도는 아는 [입문 - 초급자]
- 자바스크립트와 JQuery에 대해 기초부터 제대로 배우고 싶은 [입문 - 초급자]
자바 스크립트? Jquery?
HTML만 알면 웹사이트를 만들 수 있을까요? 예전~ 그러니까 웹이 나타나고 얼마 안되었을 때에는 HTML이면 되었죠. 특별히 뭔가 제어하고 할 요소도 없었습니다. 당시 웹 사이트는 단지 일방향 정보 전달 즉, 카탈로그 역할을 하는 정도에 그치는 정도였습니다. 그러나 지금은 그렇지 않죠? 웹 사이트 자체가 모든 비즈니스의 중심이 되어 사업자의 정보 전달은 물론, 예를 들어 찜하기, 장바구니 담기, 상품 주문, 결제, 문의 등 다양한 액션이 웹사이트에서 이루어집니다. 사용자와 끊임 없이 양방향 통신을 하죠. 이런 기능을 하기 위해서는 HTML만으로는 안되고 웹 사이트 단에서 각종 정보를 제어해 줘야 하는데, 이때 필요한 기능이 자바 스트립트와 Jquery입니다. 다시 정리하자면 HTML로 정적인 웹 페이지 구조를 만들고, 자바스크립트로는 동적 요소를 제어합니다. Jquery는 앞의 요소들을 더 쉽고 더 잘 쓸수 있게 해주는 일종의 자바스크립트 확장 프로그램(Library)입니다.
여담으로 자바 스크립트 알아야 하는 것은 구글 애널리틱스를 다룰때도 마찬가지 입니다. 구글 태그 매니저에서 변수등을 설정 할때 옵션으로 JS(자바스크립트)가 있으니까요. 데이터를 받아서 처리할 때 자바 스크립트를 다룹니다. 이말은 웹 데이터 분석을 하려면 자바 스크립트도 어느 정도는 알고 있어야 좋다는 얘기지요.
스터디를 위한 책?
이 책은 제목에서 부터 스터디를 목표로 한다고 공언하고 있습니다. 프론트 엔드/웹개발을 위한 스터디 교재를 목표로 저술된 책이란 얘기죠. 그렇다 보니 학습 순서나 방법을 아주 자세히 제시하고 있습니다.
이 책은 550페이지의 두꺼운 분량이 특징입니다. 정말 많은 내용을 담고 있다고 생각되는데요. 놀라지 마세요, 이것은 단지 '1권 기초'편에서의 분량입니다. Jquery를 더 자세히 다루는 2권, 심화로 가는 3권 까지 가면 분량은 어마어마 해요. 다만 자바스크립와 Jquery의 기본적인 부분만을 알고 싶다면 1권으로도 충분하지 싶네요.
개념에 대한 자세한 설명 보소
이 책은요, 더 이상 풀어 줄수 없다라고 느껴질 정도로 아주 자세히 설명합니다. 다음 처럼 말이죠.
변수를 설명하는데도 문법과 그림, 또 종류를 정리해놓은 것 보세요. 제가 볼때 저자 이분 웹 개발 뿐만 아니라 교육계에서도 꽤 종사하지 않았을까 합니다. 보통 전문가라는 사람들은 자기가 알고 있는 걸 어려운 말로 늘어 놓을 줄은 알지만, 그 지식을 다른 사람에게 쉽게 전달하지 못하는 경우가 많거든요. 하지만 저자는 본인이 알고 있는 지식을 개념화(추상화)해서 전달 받는 사람이 알아 듣기 쉽게 정리 했습니다. 책의 모든 내용이 그래요. 이책에서 그나마 어렵게 느껴질 객체지향 개념인 함수, 클래스, 메소드 개념을 정리할 때도 정말 쉽게 정리했어요. 이런식으로 말이죠.
이외에도 다른 프로그래밍 언어에서 공통적으로 사용되는 개념들을 아주 자세히 설명했어요. 이 책 한권으로도 개념을 읽혀두면 다른 분야에서 응용할 수 있게 말이죠
웹개발 생초보(입문)에서 초급자로 넘어가려는 분들에게
HTML이나 CSS, 자바스크립트 등을 어느정도 알고는 있고 더 깊이 있는 개발자가 되고자 하는 분들에게 이 책을 추천합니다. 두꺼운 분량은 다소 부담스럽지만, 자세히 설명하려다 보니 늘어난 분량이라고 생각합니다. 스터디용 교재라고 되어 있지만, 굳이 스터디가 아니라 혼자 학습용으로도 좋은 교재입니다. 또, 서두에도 잠깐 언급했지만 구글 애널리틱스에서 깊이 있는 웹분석을 위해서는 자바 스크립트를 아는 것이 필요합니다. 참 배울게 많네요!
[1부] 자바스크립트 코어 기초 문법
▣ 01장: 변수
Lesson 01. 변수 소개
__01. 변수란?
__02. 변수는 이럴 때 사용해요.
Lesson 02. 변수 만들기
__01. 변수 하나 만들기
__02. 변수 여러 개 만들기
__03. 변수이름 만들 때 주의사항
Lesson 03. 변수에 저장할 수 있는 데이터 종류
__01. 데이터 위치
__02. 데이터 종류
Lesson 04. 변숫값 저장 및 변경
__01. 변숫값 저장
__02. 변숫값 변경
Lesson 05. 변숫값이 자동으로 읽혀지는 경우
__01. 우측에 변수를 두는 경우
__02. 함수 호출 시 변수를 매개변수 값으로 사용하는 경우
__03. 연산자와 함께 사용하는 경우
Lesson 06. 변수를 활용한 데이터 중복 제거 및 재사용
Lesson 07. 변수에 어떤 값이 들어 있는지 확인하기
__01. alert()
__02. document.write()
__03. console.log()
__04. 정리
Lesson 08. 주석
__01. 주석이란? - 한 줄로 말해요
__02. 주석 만드는 방법 2가지
__03. 주석 활용
Lesson 09. 배열
__01. 배열이란?
__02. 배열 생성
__03. 배열 요소 접근
__04. 배열을 사용하는 이유
Lesson 10. 변수 종류
__01. 변수 종류
__02. 전역변수
__03. 지역변수
__04. 매개변수
__05. 멤버변수
__06. 정리
Lesson 11. 미션
__미션 풀이 방법