현재 위치
홈
상품상세정보
*도서소개
이렇게 자세하고 재미있는 자바스크립트 입문서는 없다!
아무리 디자인을 잘해도 자바스크립트를 제대로 활용하지 못한다면 표현하고자 하는 웹사이트를 만들기 어렵다. 사용자와 전하고자 하는 콘텐츠에 따라 그에 맞는 디자인과 기능을 더해야 하는데 이때 필요한 것이 바로 자바스크립트이기 때문이다. 하지만 자바스크립트를 이론부터 배우기 시작하면 어렵고 막막할 수 있다. 프로그래밍을 하다 보면 어떤 기능을 어떻게 구현해야 하는지 잘 떠오르지 않기도 하다. 이 책에서는 이미 완성된 웹사이트를 기반으로 자바스크립트의 중요한 개념과 기능을 차근차근 설명한다. 따라서 어떤 기능이 어떻게 활용되는지 쉽게 익히고 오늘 당장 나만의 웹사이트를 만드는 데 활용할 수도 있다. 자바스크립트를 처음 배운다면, 배우다가 포기했다면 이 책으로 시작해보자!
*출판사도서소개
웹 디자인 인플루언서 저자 Mana가 알려주는
오늘 당장 적용 가능한 자바스크립트 기초의 모든 것
자바스크립트는 웹사이트에 생명을 불어넣는 프로그래밍 언어입니다. 단지 웹사이트를 더 편리하게, 예쁘게 만들어보고 싶을 뿐인데 복잡한 자바스크립트 문법 때문에 포기했다면 이 책으로 시작해보세요. 자바스크립트 기초 프로그래밍을 중심으로 이벤트, 데이터 활용, 애니메이션까지 누구나 재미있게 배울 수 있도록 구성했습니다.
★완성된 웹사이트로 배울 수 있는 자바스크립트 효과
ㆍ로딩 화면: 자바스크립트 이벤트, 애니메이션 타이밍 조절을 이용하여 사용자의 기대감을 높일 수 있는 화면을 만듭니다.
ㆍ이미지 갤러리: 섬네일 이미지에 커서를 대면 애니메이션과 함께 사진이 나타나는 효과를 만듭니다.
ㆍ슬라이드 메뉴: 햄버거 아이콘을 클릭하면 메뉴 패널이 나타났다가 다시 들어가는 구조를 만듭니다.
ㆍ스크롤로 요소 나타내기: 페이지를 스크롤하면 요소가 밑에서부터 부드럽게 나타나는 화면을 만듭니다.
★대상 독자
ㆍHTML, CSS 기초 학습을 마치고 다음 목표를 찾고 있는 사람
ㆍ자바스크립트를 공부하다 포기한 적 있는 사람
ㆍ움직이는 웹사이트를 만들고 싶은 초보 웹 퍼블리셔/프런트엔드 개발자
ㆍ웹 퍼블리셔/기획자/개발자와 협업을 원활하게 하고 싶은 웹 디자이너
*목차
1.1 자바스크립트란
1.2 자바스크립트로 할 수 있는 것
1.3 자바스크립트를 사용한 여러 웹사이트
CHAPTER 2 자바스크립트 맛보기
2.1 자바스크립트는 어디에 작성할까
2.2 자바스크립트를 작성하는 환경을 준비해보자
2.3 첫 자바스크립트를 작성해보자
2.4 자바스크립트를 작성할 때의 기본 규칙
2.5 콘솔을 사용해보자
CHAPTER 3 자바스크립트 기초 배우기
3.1 작성할 컬러 피커 소개
3.2 필요한 파일 준비하기
3.3 컬러 피커의 컬러값 가져오기
3.4 텍스트 바꿔보기
3.5 DOM 이해하기
3.6 템플릿 문자열로 표시하기
3.7 상수로 깔끔하게 코드 정리하기
3.8 컬러 코드를 표시하는 ‘계기’ 만들기
3.9 함수로 선택한 색 가져오기
3.10 페이지 배경색 바꾸기
3.11 조건을 붙여서 색상명 표시하기
CHAPTER 4 이벤트로 처리하기
4.1 이벤트란
4.2 로딩 중인 이미지 만들기
4.3 로딩 중인 이미지 만들기 - CSS 클래스 추가하기
4.4 버튼을 클릭하여 다크 모드로 바꾸기
4.5 버튼을 클릭하여 다크 모드로 바꾸기 - CSS 클래스 바꾸기
4.6 버튼을 클릭하면 다크 모드로 바꾸기 - 버튼 텍스트 바꾸기
4.7 입력한 글자 수 세어보기
4.8 입력한 글자 수 세어보기 - length로 카운트하기
4.9 입력한 글자 수 세어보기 - 글자 수에 따라 다르게 표시하기
4.10 버튼 상태 변경
4.11 버튼 상태 변경 - 체크하면 버튼 활성화시키기
4.12 버튼 상태 변경 - 더욱 효율적인 구현 방법 생각하기
4.13 페이지의 스크롤 양 표시
4.14 페이지의 스크롤 양 표시 - 스크롤 양 가져오기
4.15 페이지의 스크롤 양 표시 - 페이지 사이즈 가져오기
4.16 페이지의 스크롤 양 표시 - 계산식 작성
CHAPTER 5 여러 데이터 사용해보기
5.1 이미지 목록 페이지 소개
5.2 insertAdjacentHTML로 HTML 태그 삽입하기
5.3 배열로 여러 이미지 파일명 모으기
5.4 배열 안에 있는 이미지 표시하기
5.5 for 문의 반복 처리 개념 이해하기
5.6 for 문으로 이미지 목록 표시하기
5.7 변수 let과 상수 const의 차이점
5.8 객체로 이미지, 메뉴명, 가격 정리
5.9 객체 정보 가져오기
5.10 배열과 객체를 조합하여 데이터를 하나로 정리하기
5.11 목록 표시하기
5.12 분할 대입으로 깔끔한 코드 만들기
CHAPTER 6 애니메이션 추가하기
6.1 움직임이 있는 웹사이트 예시 보기
6.2 움직임이 있을 때 효과적인 이유
6.3 안정감을 주는 움직임이란
6.4 제목이 밑에서부터 떠오르는 것처럼 나타내기
6.5 제목이 밑에서부터 떠오르는 것처럼 나타내기 - 애니메이션 기본 작성법
6.6 제목이 밑에서부터 떠오르는 것처럼 나타내기 - 여러 애니메이션 추가하기
6.7 제목이 밑에서부터 떠오르는 것처럼 나타내기 - 움직임에 상세 설정 더하기
6.8 제목에 사용할 수 있는 다양한 애니메이션
6.9 여러 이미지를 순서대로 표시하기
6.10 여러 이미지를 순서대로 표시하기 - 모든 클래스 가져오기
6.11 여러 이미지를 순서대로 표시하기 - 하나씩 늦추기
6.12 이미지에 사용할 수 있는 여러 애니메이션
6.13 스크롤과 애니메이션 조합하기
6.14 스크롤과 애니메이션 조합하기 - Intersection Observer 조합
6.15 스크롤과 애니메이션 조합하기 - 교차 상태 정보 살펴보기
6.16 스크롤과 애니메이션 조합하기 - 움직임 추가하기
CHAPTER 7 웹 페이지 만들기
7.1 작성할 웹 페이지 소개
7.2 로딩에서 화면 바뀜
7.3 로딩에서 화면 바뀜 - 화면이 바뀌는 스크린 만들기
7.4 로딩에서 화면 바뀜 - 애니메이션 타이밍 조절
7.5 이미지 갤러리
7.6 이미지 갤러리 - 커서를 갖다 댔을 때의 애니메이션
7.7 이미지 갤러리 - 커서를 갖다 댔을 때 크게 표시
7.8 이미지 갤러리 - 여러 요소를 forEach로 작성하기
7.9 슬라이드 메뉴
7.10 슬라이드 메뉴 - 클릭해서 메뉴 열기
7.11 슬라이드 메뉴 - 위에서부터 순서대로 표시하기
7.12 스크롤로 요소 표시
7.13 스크롤로 요소 표시 - fadein 클래스의 HTML 요소 가져오기
7.14 스크롤로 요소 표시 - 부드럽게 표시하는 애니메이션 설정
7.15 스크롤로 요소 표시 - 여러 번 실행되지 않도록 제어
CHAPTER 8 오류와 해결 방법
8.1 오류 확인 방법
8.2 자주 발생하는 오류 리스트
상품필수 정보
| 도서명 | 완성된 웹사이트로 배우는 자바스크립트 | ||
|---|---|---|---|
| 저자/출판사 | Mana / 한빛미디어 | ||
| 크기/전자책용량 | 183x235x30 | ||
| 쪽수 | 360 | ||
| 제품 구성 | 낱권 | ||
| 발행일 | 2024-04-03 | ||
| 목차 또는 책소개 | 상세설명 참조 | ||
배송안내
- 배송비 : 기본배송료는 2,500원 입니다. (도서,산간,오지 일부지역은 배송비가 추가될 수 있습니다)
- 본 상품의 평균 배송일은 3일입니다.(입금 확인 후) 설치 상품의 경우 다소 늦어질수 있습니다.[배송예정일은 주문시점(주문순서)에 따른 유동성이 발생하므로 평균 배송일과는 차이가 발생할 수 있습니다.]
- 본 상품의 배송 가능일은 3일 입니다. 배송 가능일이란 본 상품을 주문 하신 고객님들께 상품 배송이 가능한 기간을 의미합니다. (단, 연휴 및 공휴일은 기간 계산시 제외하며 현금 주문일 경우 입금일 기준 입니다.)
교환 및 반품안내
- 상품 택(tag)제거 또는 개봉으로 상품 가치 훼손 시에는 상품수령후 7일 이내라도 교환 및 반품이 불가능합니다.
- 저단가 상품, 일부 특가 상품은 고객 변심에 의한 교환, 반품은 고객께서 배송비를 부담하셔야 합니다(제품의 하자,배송오류는 제외)
- 일부 상품은 신모델 출시, 부품가격 변동 등 제조사 사정으로 가격이 변동될 수 있습니다.
- 신발의 경우, 실외에서 착화하였거나 사용흔적이 있는 경우에는 교환/반품 기간내라도 교환 및 반품이 불가능 합니다.
- 수제화 중 개별 주문제작상품(굽높이,발볼,사이즈 변경)의 경우에는 제작완료, 인수 후에는 교환/반품기간내라도 교환 및 반품이 불가능 합니다.
- 수입,명품 제품의 경우, 제품 및 본 상품의 박스 훼손, 분실 등으로 인한 상품 가치 훼손 시 교환 및 반품이 불가능 하오니, 양해 바랍니다.
- 일부 특가 상품의 경우, 인수 후에는 제품 하자나 오배송의 경우를 제외한 고객님의 단순변심에 의한 교환, 반품이 불가능할 수 있사오니, 각 상품의 상품상세정보를 꼭 참조하십시오.
환불안내
AS안내
- 소비자분쟁해결 기준(공정거래위원회 고시)에 따라 피해를 보상받을 수 있습니다.
- A/S는 판매자에게 문의하시기 바랍니다.
이미지 확대보기
완성된 웹사이트로 배우는 자바스크립트
비밀번호 인증
글 작성시 설정한 비밀번호를 입력해 주세요.
확인장바구니 담기
상품이 장바구니에 담겼습니다.
바로 확인하시겠습니까?
찜 리스트 담기
상품이 찜 리스트에 담겼습니다.
바로 확인하시겠습니까?
