크레마클럽

첫째마당 기초부터 시작하는 자바스크립트 01장 자바스크립트 시작하기 _01-1 처음 만나는 자바스크립트 __프런트엔드 개발 이해하기 __자바스크립트 이해하기 _01-2 개발 환경 준비하기 __크롬 브라우저 설치하고 개발자 도구 살펴보기 __자바스크립트 편집기 설치와 사용법 __비주얼 스튜디오 코드 설치하기 __확장 기능 이용해 HTML 문서를 크롬 브라우저에서 바로 열기 _01-3 자바스크립트 맛보기 예제 __자바스크립트로 간단한 실행문 작성하기 _마무리 문제 02장 자바스크립트 기초 문법 _02-1 자바스크립트의 기초 문법 알아보기 __자바스크립트 선언문 __자바스크립트 주석 처리 __내부 스크립트 외부로 분리하기 __코드 입력 시 주의 사항 _02-2 변수 __변수란? __변수에 저장할 수 있는 자료형 __ES6에 추가된 let과 const __변수 선언 시 주의 사항 _02-3 연산자 __연산자란? __산술 연산자 __문자 결합 연산자 __문자를 쉽게 병합해 주는 템플릿 문자열 __대입 연산자 __증감 연산자 __비교 연산자 __논리 연산자 __연산자 우선순위 __삼항 조건 연산자 __총정리 실습 | 적정 체중을 구하는 테스트기 만들기 _마무리 문제 03장 제어문 _03-1 제어문 알아보기 _03-2 조건문 __if 문 __else 문 __else if 문 __중첩 if 문 __if 블록 레벨 스코프 _03-3 선택문 __switch 문 _03-4 반복문 __while 문 __do while 문 __for 문 __break 문 __continue 문 __중첩 for 문 _마무리 문제 04장 객체 _04-1 객체 알아보기 __객체란? __객체의 종류 _04-2 내장 객체 __내장 객체 생성하기 __날짜 정보 객체 __수학 객체 __배열 객체 __문자열 객체 __ES6 내장 객체에 추가된 유용한 기능 _04-3 브라우저 객체 모델 __브라우저 객체란? __window 객체 __일정한 시간 간격으로 코드 실행하기 __screen 객체 __location 객체 __history 객체 __navigator 객체 __총정리 실습 | 웹 브라우저 객체 모델을 사용해 운영체제와 스크린 정보 얻기 _마무리 문제 05장 함수 _05-1 함수 알아보기 __함수란? __기본 함수 정의문 __매개변수가 있는 함수 정의문 __매개변수 없이 함수에 전달된 값 받아오기 _05-2 함수에서 return 문의 역할 __데이터를 반환하고 강제 종료하는 return 문 __재귀 함수 호출 _05-3 함수 스코프의 개념 이해 __함수 스코프란? __전역 변수와 지역 변수의 개념과 차이 __전역 함수와 지역 함수의 차이 __전역과 지역을 나누는 이유 _05-4 객체 생성자 함수의 활용 __객체 생성자 함수 __메모리를 절약하는 프로토타입 사용하기 _05-5 자바스크립트 내장 함수 _05-6 ES6 화살표 함수와 모듈 패턴 __화살표 함수 __모듈 패턴 __Live Server 플러그인을 설치해 인터넷 프로토콜 사용하기 __모듈 패턴 예제 살펴보기 _마무리 문제 06장 비동기 방식 연동 _06-1 동기 방식과 비동기 방식 __동기 방식과 비동기 방식의 차이점 _06-2 약속 객체 생성하기 __비동기 코드를 위한 약속 객체 생성하기 __async 함수와 await 키워드 _06-3 fetch API __비동기 방식으로 데이터를 바인딩하는 fetch _마무리 문제 둘째마당 자바스크립트를 더 쉽게 해주는 제이쿼리 07장 제이쿼리 문서 객체 선택자와 조작법 _07-1 제이쿼리 기본 다지기 __제이쿼리란? __제이쿼리 라이브러리 연동하기 _07-2 선택자 __선택자 __기본 선택자 __직접 선택자 __인접 관계 선택자 _07-3 제이쿼리 탐색 선택자 __탐색 선택자 __위치 탐색 선택자 __제이쿼리 배열 관련 메서드 __속성 탐색 선택자 __그 외의 선택자 ? 콘텐츠 탐색 선택자 __선택자와 함께 알아두면 유용한 메서드 _07-4 객체 조작 __객체 조작 메서드 __속성 조작 메서드 __수치 조작 메서드 __객체 편집 메서드 __총정리 실습 | 주요 선택자 정리하기 _마무리 문제 08장 제이쿼리 이벤트 _08-1 이벤트 등록 메서드 __이벤트 등록 메서드란? __이벤트 등록 방식 알아보기 __마우스 이벤트 __이벤트 객체와 종류 __포커스 이벤트 __키보드로 마우스 이벤트 대응하기 __키보드 이벤트 __이벤트가 발생한 요소 추적하기 _08-2 그룹 이벤트 등록 및 삭제하기 __그룹 이벤트 등록 메서드 __이벤트 제거 메서드 __총정리 실습 | 글자 확대, 축소 버튼 만들기 _마무리 문제 09장 다양한 효과와 애니메이션 _09-1 효과 및 애니메이션 메서드 __효과 메서드 __동작을 불어넣는 애니메이션 메서드 _09-2 애니메이션 효과 제어 메서드 __애니메이션 효과 제어 메서드란? __총정리 실습 | 지정 구간에서 슬라이드 요소 만들기 _마무리 문제 10장 제이쿼리 비동기 방식 연동 _10-1 Ajax __Ajax란? _10-2 Ajax 관련 메서드 __Ajax 관련 메서드들 __Ajax로 JSON 데이터 바인딩하기 __Ajax로 XML 데이터 바인딩하기 __자바스크립트의 보안 정책과 외부 데이터 바인딩하기 __RSS 연동하기 __비동기 작업을 관리하는 디퍼드 객체 __총정리 실습 | Ajax로 로그인 프로그램 만들기 _마무리 문제 11장 제이쿼리 플러그인 _11-1 제이쿼리 플러그인이란? __제이쿼리 플러그인이란? _11-2 제이쿼리 UI 플러그인 활용하기 __제이쿼리 UI 플러그인 __UI 플러그인으로 드래그 레이어 창 만들기 __UI 플러그인으로 날짜 설정 달력 만들기 _11-3 Swiper JS 라이브러리 활용하기 __Swiper JS 라이브러리 _11-4 jquery-cookie 플러그인 활용하기 __jquery-cookie 플러그인 _11-5 플러그인 직접 제작하기 __플러그인을 제작하는 $.fn.extend( ) 메서드 __간단한 플러그인 제작하기 __자주 묻는 질문 플러그인 제작하기 __총정리 실습 | Swiper JS를 이용해 섬네일 슬라이드 갤러리 만들기 _마무리 문제 셋째마당 자바스크립트 + 제이쿼리 실무 예제 12장 반응형 웹 UI 만들기 _12-1 프로젝트 구성과 HTML 문서 설계하기 __프로젝트 구성 요소 알아보기 __HTML 레이아웃과 콘텐츠 구성 __문서의 기본 구조 _12-2 공통 UI 만들기 __브라우저의 너비 설정하기 __GNB 만들기 _12-3 메인 콘텐츠 영역 UI 만들기 __메인 비주얼 슬라이드 배너 만들기 __최근 게시물 탭 메뉴 만들기 __BEST BOOK 만들기 스페셜 크롬 브라우저로 디버깅하기 찾아보기

펼쳐보기접어보기

상세 이미지

저자 소개 (1명)

저 : 정인용

관심작가 알림신청

현대자동차 및 현대로템 사이트 등 여러 웹사이트를 개발해 온 저자는 삼성인재개발원과 한국녹색디자인개발협회의 기술연구원으로 웹 표준 인재를 양성해 왔다. 또한 한국직업전문학교와 한국디지털기업협회에서 HTML5와 CSS3, 자바스크립트, 제이쿼리 등 프런트엔드 개발에 관련된 강의를 했으며 네이버 ‘웹 표준 스쿨(http://cafe.naver.com/xhtmlschool)’ 카페에서 온·오프라인 모임을 통해 기부형 강좌를 제공하는 등 웹 개발에 몸담고 있는 사람들에게 도움이 되고자 노력하고 있다. 현재는 프리랜서로 활동하며 프런트엔드 및 백엔드 개발을 수행하고 있다. 이러한 온·오... 현대자동차 및 현대로템 사이트 등 여러 웹사이트를 개발해 온 저자는 삼성인재개발원과 한국녹색디자인개발협회의 기술연구원으로 웹 표준 인재를 양성해 왔다. 또한 한국직업전문학교와 한국디지털기업협회에서 HTML5와 CSS3, 자바스크립트, 제이쿼리 등 프런트엔드 개발에 관련된 강의를 했으며 네이버 ‘웹 표준 스쿨(http://cafe.naver.com/xhtmlschool)’ 카페에서 온·오프라인 모임을 통해 기부형 강좌를 제공하는 등 웹 개발에 몸담고 있는 사람들에게 도움이 되고자 노력하고 있다. 현재는 프리랜서로 활동하며 프런트엔드 및 백엔드 개발을 수행하고 있다.
이러한 온·오프라인의 경험을 바탕으로 웹 입문자, 실무자 모두에게 도움이 될 《Do it! 자바스크립트 + 제이쿼리 입문》을 집필하였다. 웹 퍼블리셔, 웹 디자이너, 기획자 및 개발자들은 이 책을 통해 현장에서 꼭 필요한 지식을 빠르게 익힐 수 있을 것이다.

주요 저서
《Do it! 자바스크립트 + 제이쿼리 입문》
《실전 프로젝트 반응형 웹 퍼블리싱》

펼쳐보기접어보기

출판사 리뷰

더 강력하게 돌아왔다! 《Do it! 자바스크립트+제이쿼리 입문》 개정 2판! 새로워진 자바스크립트+제이쿼리 내용을 반영하여 《Do it! 자바스크립트+제이쿼리 입문》이 다음 내용을 중심으로 전면 개정되었습니다. ? 자바스크립트 최신 문법 반영 ? 자바스크립트 비동기 방식 개념 및 실습 강화 ? 실무에서 활용할 수 있는 제이쿼리 플러그인 강화 ? 최신 경향에 맞춰 본문과 소스 코드 업데이트 친절한 설명과 도해로 제대로 이해하고, <마무리 문제>로 확실히 점검하자! 이 책은 자바스크립트와 제이쿼리를 처음 접하는 입문자도 자바스크립트 코드가 동작하는 원리를 알 수 있도록 집필했습니다. 이해하기 어려운 내용은 친절한 그림으로 알려 주고 놓치기 쉬운 코드는 자세히 설명합니다. 또한 장 마지막에 <마무리 문제>를 배치하여 각 장에서 배운 내용을 확실하게 점검할 수 있습니다. 자바스크립트와 제이쿼리의 기초와 핵심을 쉽고 빠르게 배워 웹 개발에 입문해 보세요! 자바스크립트 기본부터 실전에 필요한 반응형 웹, 실무 활용 플러그인까지! 책 한 권으로 자바스크립트+제이쿼리 기초 완전 정복! 이 책의 첫째마당에서는 자바스크립트의 기본 개념과 문법을 공부하며 웹페이지에서 자바스크립트가 어떻게 동작하는지 정확히 이해합니다. 둘째마당에서는 자바스크립트를 더 쉽게 만들어 주는 제이쿼리를 공부합니다. CSS 선택자를 살펴보고 문서 객체와 이벤트를 다루는 방법 그리고 애니메이션, 플러그인의 개념과 사용법을 알아봅니다. 셋째마당에서는 앞에서 배운 자바스크립트와 제이쿼리 기술을 활용하여 반응형 웹사이트를 실무에서 개발하듯이 직접 만들어 보며 실전 감각을 키웁니다. 마지막으로 스페셜에서 크롬 브라우저로 디버깅하는 방법까지 배우고 나면 웹 프런트엔드 개발의 동작 원리와 이를 응용하는 능력을 습득할 수 있습니다. 목표를 정해 혼자서도 체계적으로 공부해 보세요! 30일 코스와 15일 코스, 2가지 학습 계획표와 동영상 강의 제공! 이 책은 혼자서도 체계적으로 공부할 수 있도록 학습 계획표를 제공합니다. 학습 계획표에 스스로 목표 날짜를 써넣고 공부를 시작해 보세요. 자바스크립트와 제이쿼리를 처음 시작한다면 30일 코스를, 자바스크립트를 이미 경험해 보았고 웹 개발의 핵심을 빠르게 익히고 싶다면 15일 코스를 추천합니다! 15일 학습 계획표로는 한학기 수업도 가능합니다. 또한 저자 직강 동영상을 무료로 제공합니다. 이 책의 핵심 내용을 프런트엔드 전문가에게 1:1 과외받듯이 배워 보세요. 책과 함께 시청하면 자바스크립트와 제이쿼리에 더 쉽게 입문할 수 있습니다. 함께 배우고, 나누고, 성장하는 ‘Do it! 스터디룸’으로 오세요! 혼자 계획을 세우고 공부하다 보면 금방 지치기 마련입니다. 어려운 내용은 나와 비슷한 고민을 하는 독자를 만나 공유해 보세요. 서로 도움을 주고받으며 공부하다 보면 더 보람차니까요. 내가 잘 이해한 내용은 남을 도와주고 내가 잘 이해하지 못한 내용은 도움을 받으면서 공부하면 복습 효과도 누릴 수 있습니다. 멀리 가려면 친구와 함께해 보세요. ? Do it! 스터디룸: cafe.naver.com/doitstudyroom 이 책, 이런 분께 추천해요! ? 자바스크립트와 제이쿼리를 처음 접하는 입문자 ? 기초부터 실무까지 프런트엔드의 기본을 익히고 싶은 분 ? 단기간에 자바스크립트와 제이쿼리의 핵심을 정리하고 싶은 분

펼쳐보기접어보기