완성된 웹사이트로 배우는 자바스크립트 또는 온라인 마케팅 전쟁, 최전선의 변화 > NEW도서

완성된 웹사이트로 배우는 자바스크립트



도서명 : 완성된 웹사이트로 배우는 자바스크립트
저자/출판사 : Mana, 한빛미디어
쪽수 : 360쪽
출판일 : 2024-04-03
ISBN : 9791169212205
정가 : 27000

CHAPTER 1 자바스크립트로 할 수 있는 것
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 자주 발생하는 오류 리스트





온라인 마케팅 전쟁, 최전선의 변화



도서명 : 온라인 마케팅 전쟁, 최전선의 변화
저자/출판사 : 이상규, 나비의활주로
쪽수 : 340쪽
출판일 : 2024-03-30
ISBN : 9791193110270
정가 : 22000

프롤로그 코로나19 이후의 확 달라진 온라인 마케팅을 속 시원히 알려드립니다

C H A P T E R 1 핵심만 살펴보는 코로나19 이후 온라인 마케팅의 변화 포인트
포인트 ① 채널의 고착화가 이루어지고 광고 피로도가 증가하였습니다
포인트 ② 모든 제품의 상향 평준화가 이루어졌습니다
포인트 ③ 기존 유통의 한계를 가져왔습니다
포인트 ④ 가장 무서운 제조사 마케팅(D2C 마케팅)이 떠오르고 있습니다
포인트 ⑤ 퍼포먼스 마케팅에서 브랜드 마케팅으로의 변화하고 있습니다

C H A P T E R 2 온라인 마케팅 성공을 위한 절대 원칙 테이크 오프(Take Off) 프레임워크

C H A P T E R 3 주요 채널별 반드시 알아야 할 마케팅 트렌드 2024
대표 채널 ① 여전히 막강 파워, 검색포털(네이버) 채널 트렌드의 변화
대표 채널 ② 압도적 1위, SNS(인스타그램) 채널 트렌드의 변화
대표 채널 ③ 2024년 현재, 1등 마케팅 채널 유튜브의 변화

C H A P T E R 4 오프라인 숍을 위한 핫 트렌드 온라인 마케팅
식당, 카페, PC방, 학원, 미용실, 사진관, 헬스장 등 오프라인 매장
실전 사례 ① 인스타그램 오피셜 계정의 성과, 강아지 수제 케이크 투○일스
실전 사례 ② 플레이스 상위 노출로 대박이 난 청주 미용실 킹○바버숍
실전 사례 ③ 플레이스 상위 노출로 리뷰 이벤트의 시너지, 부천 네일 시○니초 네일
실전 사례 ④ 인스타그램을 통한 비포 앤드 애프터 이벤트 성공, 인천 미용실 그○터기 헤어
실전 사례 ⑤ 네이버 블로그 상위 노출로 리뷰의 성공 양평 한옥 펜션 하○ 펜션

C H A P T E R 5 서비스 마케팅을 위한 핫 트렌드 온라인 마케팅
영어 학원, 필라테스 레슨, 스튜디오 등의 서비스 마케팅
실전 사례 ① 파워 콘텐츠 광고를 통해 대박이 난 보건 안전 교육
실전 사례 ② 다름 심리 분야와 연계하여 성과를 낸 미술 심리치료
실전 사례 ③ 홈페이지 구축으로 전문가 포지션 성공, 책 쓰기 교육
실전 사례 ④ 인터뷰 후기와 바이럴로 성공한 영어 화상 수업 토○25

C H A P T E R 6 브랜드 마케팅을 위한 핫 트렌드 온라인 마케팅
프랜차이즈 이외의 소상공인을 위한 브랜드 마케팅
실전 사례 ① 업계 최초 5년 평생 무료 교환 서비스, 이○잠 경추베개
실전 사례 ② 인스타그램 스폰서 광고로 성공, 차량용품 울○○○○보우
실전 사례 ③ 카페 리뷰 이벤트의 성과, 가죽 공방 카○디
실전 사례 ④ 제품 시장 확장 컨설팅의 성과, 남성청결제 엘○보
실전 사례 ⑤ 66일 챌린지 이벤트로 커뮤니티 활성화, 적외선 치료기 온○스
실전 사례 ⑥ 바이블이 있는 기업으로 재탄생한 헬스용품 유○○운지
실전 사례 ⑦ 새로운 경험을 만들어서 롱런하는 브랜드를 추구, 강아지 다이어트 사○○견
실전 사례 ⑧ 차별화 포인트와 신뢰도를 확보한 광고의 힘 당뇨병 환자를 위한 쌀 농○로
실전 사례 ⑨ 스토리텔링과 신뢰도를 높여 브랜딩화, 보리차 약○○○○딸
실전 사례 ⑩ 인스타그램 스폰서 광고로 대박이 난 고기유통 찐○선

C H A P T E R 7 전문직 마케팅을 위한 핫 트렌드 온라인 마케팅
의사, 변호사, 회계사, 변리사, 세무사, 감정평가사, 공인중개사, 노무사, 법무사, 관세사 등
실전 사례 ① 리뷰 이벤트로 플레이스 마케팅 성공, 더○○란트 치과
실전 사례 ② 시니어 성형의 전국 일타급 포지셔닝 성공, 강동구 성형외과 연○○도 성형외과
실전 사례 ③ 유튜브로 전문성과 신뢰도 어필, 문래동 유튜버 철○○○○사람들

C H A P T E R 8 프랜차이즈 마케팅을 위한 핫 트렌드 온라인 마케팅
국내 프랜차이즈 브랜드 가맹점 주
실전 사례 ① 유튜브의 야무진 운영이 눈에 띄는 프랭크 버거(Frankburger)
실전 사례 ② 더 정직하고 투명한 유튜브 마케팅이 빛나는 디저트 39
실전 사례 ③ 그 어떤 업체보다 진정성이 돋보이는 목구멍

C H A P T E R 9 사장님들이 제일 궁금해 하는 2024 온라인 마케팅 QnA 백문백답
Q 1 돈 들어가는 스폰서 광고를 꼭 해야 하나요? 돈 안 드는 블로그 운영, 인스타그램 운영, 유튜브 운영만 해서 매출을
올릴 수는 없을까요?
Q 2 홈페이지형 블로그나 네이버 카페를 홈페이지 대용으로 쓰면 안 될까요? 홈페이지 꼭 만들어야 할까요?
Q 3 회사 홈페이지를 만들려고 하는데 홈페이지 안에 꼭 들어가야 할 요소에는 무엇이 있을까요?
Q 4 아임웹, 윅스, 워드프레스, 카페24, 고도몰 같은 홈페이지 빌더로 직접 홈페이지를 만드는 것이 좋을까요? 아니면
홈페이지 제작 업체를 이용하는 것이 좋을까요?
Q 5 한 달 광고비 예산을 어떻게 설정하는 것이 좋을까요?
Q 6 상품 판매 가격은 어떤 기준으로 설정하는 것이 좋을까요?
Q 7 경쟁사 조사를 하려는데 어려움이 있습니다. 어떻게 하면 될까요?
Q 8 시중에 다양한 마케팅 프로그램을 팔던데, 이를 실제로 써보면 효과가 있을까요?
Q 9 최근 들어서 퍼포먼스 마케팅의 효율성이 낮고, 이제는 브랜드 마케팅을 해야 한다는 말이 많던데 왜 그런가요?
Q 10 블로그, 인스타그램, 유튜브 셋 중 브랜딩에 가장 효과적인 채널은 어디인가요?
Q 11 요즘은 사업 아이템, 마케팅 채널 운영 뭐 하나 할 것 없이 전부 레드오션인 거 같은데 그래도 시작해야 할까요?
Q 12 마케팅 트렌드가 너무 빨리 변하는 것 같습니다. 흐름에 뒤처지지 않고, 최신 트렌드를 빠르게 파악하려면 어떤 걸
해야 할까요?
Q 13 팬을 만드는 브랜드의 공통적인 특징은 무엇이 있을까요?
Q 14 2024년 현재, 대표님이 눈여겨보는 브랜드가 있나요? 있다면 어떤 이유 때문인지요?
Q 15 제품과 서비스를 차별화시켜야 한다고 하셨는데 마땅한 방법을 모르겠습니다. 어떻게 해야 잘할 수 있을까요?
Q 16 요즘 숏폼, 릴스, 틱톡처럼 짧은 동영상 플랫폼이 대세인 것 같은데 하는 게 좋을까요?
Q 17 챗 GPT 같은 생성 AI가 유행이던데 마케팅에 잘 활용할 수 있을까요?
Q 18 대표가 마케팅을 잘 모르는데 마케터가 일을 얼마나 잘 하는지 체크할 수 있을까요?
Q 19 대표인 제가 마케팅을 모르니 마케터와 소통이 어렵습니다. 어떻게 하면 될까요?
Q 20 어떻게 해야 좋은 마케터를 뽑을 수 있을까요?
Q 21 마케터들은 이직이 잦다고 하는데 내 회사에 오래 다닐 마케터를 만나려면 어떻게 해야 할까요?
Q 22 마케터 구인 광고는 어느 플랫폼에 내야 할까요?
Q 23 직원 면접 시 어떤 질문을 해야 실력 있는 마케터인 것을 알 수 있을까요?
Q 24 대행사에 사기를 당하는 대표적인 사례와 이를 피하기 위해 좋은 대행사를 선정하는 기준은 무엇인가요?
Q 25 광고 대행사들은 계약 전까지는 잘 해줄 것처럼 상담하고, 계약 후에는 소홀해지는 것 같은데 실제 그런가요?
Q 26 적은 비용으로 최대 아웃풋을 내고 싶은데 대행사와 어떻게 협업해야 할까요?
Q 27 네이버가 점점 구글, 유튜브에 검색 점유율을 뺏기는 느낌인데 앞으로 네이버의 비전은 괜찮을까요?
Q 28 네이버 검색창 바로 밑에 있는 광고 노출 효과가 어마어마할 것 같은데요. 이 광고를 하면 매출에 효과가 있을까요?
Q 29 블로그를 직접 운영해서 상위노출을 할 수 있다면 매출에 큰 이득이 있을까요?
Q 30 이왕 블로그를 운영하는 거 네이버 인플루언서를 목표로 하는 건 어떤가요?
Q 31 블로그 꼭 1일 1포스팅을 해야 하나요?
Q 32 서로 이웃과 답방을 꼭 해야 하나요?
Q 33 매일매일 글 쓰는 것이 너무 힘들어요. 편한 방법은 없을까요?
Q 34 C랭크 로직 때문에 이제 블로그는 한 주제로만 포스팅해야 하나요? 다른 주제로도 글을 쓰고 싶으면 세컨 블로그를
만들어야 할까요?
Q 35 스마트블록에 상위노출하기 위해서는 어떻게 해야 할까요?
Q 36 아직 자사 몰은 없고 오픈마켓에 상품을 등록해서 팔고 있습니다. 오픈마켓 중에서는 스마트스토어 매출이 가장 높은데요. 자사 몰은 고정 지출이 발생하고 계속 돈을 써서 마케팅을 해야 고객이 옵니다. 슬슬 자사 몰을 시작해야
할까요? 스마트스토어만 운영하면 안 될까요?
Q 37 내가 직접 체험단을 운영하는 것과 대행사(플랫폼)를 써서 체험단을 모집하는 것과 어떤 차이가 있나요?
Q 38 상위노출 대행을 건 바이 건으로 하는 게 좋나요, 월 보장으로 하는 게 좋나요?
Q 39 리뷰 이벤트가 중요하다고 하셨는데 무엇을 드려야 소비자들이 좋아할까요?
Q 40 GFA 광고와 메타 광고 둘 다 타깃 광고이자 배너 광고인데 어떤 것이 더 괜찮을까요?
Q 41 네이버 라이브 커머스 효과는 괜찮나요?
Q 42 유튜브 체험단은 어떻게 할 수 있나요?
Q 43 어떻게 나와 딱 맞는 인플루언서를 찾고 연락할 수 있을까요?
Q 44 유튜브 알고리즘의 선택을 받기 위해서는 어떻게 해야 할까요?
Q 45 유튜브를 키울 때 유튜브 광고를 같이 해야 할까요?
Q 46 유튜브는 하나의 주제로만 해야 하나요? 다른 주제로 유튜브를 하고 싶으면 서브 채널을 만들어야 할까요?
Q 47 대표님이 가장 추천하는 유튜브 주제는 무엇인가요?
Q 48 유튜브 영상은 며칠 주기로 올리는 것이 좋을까요?
Q 49 유튜브에 꾸준히 동영상을 올려야 하는데 소재가 생각이 안 나요. 어떻게 아이디어를 낼 수 있을까요?
Q 50 유튜브 구독자가 몇 명 이상부터 매출에 직접적인 효과가 있는 편인가요?
Q 51 유튜브 구독자를 많이 모으기 위해서는 어떤 영상, 어떤 계정 콘셉트가 유리하나요?
Q 52 유튜브 촬영에 반드시 필요한 장비에는 무엇이 있나요?
Q 53 유튜브에도 저품질이 있나요?
Q 54 페이스북 페이지, 그룹 운영이 지금도 효과가 있을까요?
Q 55 메타의 여러 광고 캠페인 중 전환 광고의 효과가 가장 좋다고 하던데 사실인가요?
Q 56 트래픽 캠페인 광고로 매출을 올리는데 한계가 있나요?
Q 57 스폰서 광고를 할 때 단일 이미지로 하는 게 좋을까요? 카드뉴스 포맷이 좋을까요?
Q 58 광고 소재 A/B 테스트는 어떻게 하면 되나요?
Q 59 광고 최적화에 성공한 이후 어떻게 관리하면 될까요?
Q 60 CPC, CPM, CTR 등 여러 지표 중 어떤 것을 중점적으로 봐야 할까요?
Q 61 광고 소재 카피라이팅이 너무 힘든데 반응 좋은 카피를 쉽게 쓰려면 어떻게 해야 할까요?
Q 62 구글 크롬이 쿠키를 차단한다는데 앞으로 리타깃팅 광고를 어떻게 해야 할까요?
Q 63 인스타그램은 맛집, 여행, 펜션, 애견, 육아 등 10~30대 여성들이 좋아하는 업종에 집중되어있는 것 같습니다.
방금 말씀드린 타깃이 아니면 인스타그램 마케팅 성과가 미흡한가요?
Q 64 인스타그램 해시태그 상위 노출은 블로그 키워드 상위 노출만큼 효과가 있나요?
Q 65 개인 계정과 브랜드 계정을 운영할 때 어떤 사진을 찍어서 올려야 할까요?
Q 66 브랜드 계정에 할인 이벤트 프로모션을 하려는데 매번 어떤 프로모션을 해야 하나 생각하는 것이 힘듭니다.
어떻게 아이디어를 떠올릴 수 있을까요?
Q 67 팔로워가 몇 명 정도 되어야 인플루언서라고 칭할 수 있을까요?
Q 68 인플루언서와 공동구매 이벤트 효과 괜찮나요?
Q 69 인스타그램에서 콘텐츠가 공유, 친구 소환 등으로 대박이 터질 수 있나요?
Q 70 인스타그램이 쇼핑 태그부터 시작해서 점점 쇼핑몰화가 되어간다는데 어떻게 대비해야 할까요?
Q 71 인스타그램에도 저품질이 있나요?
Q 72 인스타그램 팔로워를 구매하고 프로그램을 써도 될까요?
Q 73 선팔과 맞팔 무조건 해야 하나요?
Q 74 카카오 비즈보드 광고는 효과가 있나요?
Q 75 구글 이미지 배너 광고는 효과가 있나요?
Q 76 채널톡에 사람을 많이 모으기 위해서는 어떻게 해야 할까요?
Q 77 채널톡으로 전체 메시지를 보낼 때마다 채널톡을 해지하는 사람이 늘어나는데 어떻게 해야 할까요?
Q 78 인스타그램, 유튜브 다음으로 어떤 플랫폼이 나올까요?
Q 79 카드뉴스를 잘 만들기 위해서는 어떻게 해야 할까요?
Q 80 대표님이 마케팅을 해오면서 가장 어렵다고 생각한 업종은 무엇인가요? 그 어려움을 극복하기 위해 어떻게
하셨나요?
Q 81 충성 고객을 만들기 위해서는 어떻게 해야 할까요?
Q 82 CRM 마케팅이 많이 중요해졌다고 하는데 왜 그런가요?
Q 83 CRM 마케팅을 시작하기 위해 뭐부터 하면 좋을까요?
Q 84 충성 고객을 만들기 위해 서포터즈를 어떤 식으로 운영하면 될까요?
Q 85 상세 페이지에 반드시 포함되어야 할 요소는 뭐가 있을까요?
Q 86 소비자의 관점은 무엇이고 왜 넣어야 하나요?
Q 87 후기, 리뷰는 어떻게 만들어서 넣어야 할까요?
Q 88 내 상품의 차별화를 상세 페이지에서 어떻게 보여주는 것이 좋을까요?
Q 89 경쟁사 비교 자료는 어떻게 만들어서 넣으면 좋을까요?
Q 90 생산 과정은 어떻게 보여주면 좋을까요?
Q 91 고객들이 상세 페이지를 읽다가 뒤로 가기를 눌러서 이탈하는데 이를 막으려면 어떻게 해야 할까요?
Q 92 요즘 망고보드, 미리캔버스 같은 상세 페이지 제작할 수 있는 디자인 플랫폼이 잘 발달되어 있는데요. 이걸로 상세
페이지를 디자인해도 좋을까요? 아니면 크몽 등을 통해 디자이너에게 외주를 주는 것이 더 좋을까요?
Q 93 상세 페이지에서 고객에게 신뢰성을 주고 싶은데 어떻게 하면 좋을까요?
Q 94 저는 사업 시작한 지 얼마 되지 않았는데 상세 페이지에 넣을 고객 후기를 어떻게 확보하면 좋을까요?
Q 95 상세 페이지 벤치마킹을 하고 싶은데 상세 페이지 참고하기 좋은 사이트는 어디가 있을까요?
Q 96 코로나19 이후 무자본 창업, 디지털 노마드가 큰 이슈인데 대표님은 어떻게 생각하나요?
Q 97 대표님이 생각하기에 믿을 수 있는 좋은 강사는 어떤 강사일까요?
Q 98 나만이 할 수 있는 사업 아이템을 어떻게 찾아야 할까요?
Q 99 대표님이 10년 동안 마케팅을 해오면서 느낀 마케팅의 본질은 무엇인 것 같나요?
Q 100 대표님이 생각하는 사업의 본질은 결국 무엇인 것 같나요?

에필로그 3가지 물음에 관한 답을 끊임없이 찾을 때 경쟁력도 생깁니다