사용자 입장에서 생각하세요

CHAPTER 01 읽는 사용자
_텍스트는 마치 리듬처럼 보여야 한다
_읽는 사용자, 들여다보기
_설계 가이드 | 리듬감 있는 UI 텍스트 설계 원칙 6가지
_모든 설계자는 타이포그래퍼가 되어야 한다

CHAPTER 02 똑똑하지 않은 사용자
_따라가기 벅찰 정도로 발전하는 기술, 나만 바보야?
_똑똑하지 않은 사용자, 들여다보기
_러닝 커브, 새로운 기술을 얼마나 빠르게 익힐 수 있는가?
_설계 가이드 | 눈높이를 맞추는 UX 설계 원칙 6가지
_잘 설계된 인터페이스는 튜토리얼을 요구하지 않는다

CHAPTER 03 서두르는 사용자
_아, 급하다니까요! 결정 좀 빨리빨리 합시다
_서두르는 사용자, 들여다보기
_설계 가이드 | 빠른 선택을 이끄는 UX 설계 원칙 6가지
_급한 사용자는 기다려주지 않는다

CHAPTER 04 즐거운 사용자
_오늘도 접속하면 갖고 싶었던 보상을 받을 수 있어요!
_즐거운 사용자, 들여다보기
_설계 가이드 | 게임처럼 빠져들게 만드는 UX 설계 원칙 7가지
_지루한 과업을 놀이로 바꾸는 법

CHAPTER 05 들어주는 사용자
_온 세상의 앱들이 토스처럼 말하기 시작했다
_들어주는 사용자, 들여다보기
_설계 가이드 | 사용자가 듣고 싶어 하는 UX 라이팅 설계 원칙 6가지
_어떤 이야기를, 어떤 목소리로 들려줄래?

CHAPTER 06 예쁜 게 좋은 사용자
_첫눈에 반하는 UI, 심미성은 사치가 아닌 전략
_예쁜 게 좋은 사용자, 들여다보기
_설계 가이드 | 아름답지만 편리한 UX 설계 원칙 5가지
_아름다움과 편리함, 그 사이란

CHAPTER 07 시작하는 사용자
_몇 초 만에 사랑에 빠지거나 도망치거나
_시작하는 사용자, 들여다보기
_설계 가이드 | 사용자를 붙잡는 온보딩 UX 설계 원칙 4가지
_온보딩은 '우리 앱 기능 자랑 대회'가 아니다
_좋은 온보딩은 자연스럽게 스며든다

CHAPTER 08 유혹되는 사용자
_손가락은 멈췄지만, 뇌는 계속 스크롤 중
_유혹되는 사용자, 들여다보기
_설계 가이드 | 건강한 행동을 유도하는 UX를 만드는 원칙 4가지
_건강한 UX는 사용자의 자율성 위에 세워진다

CHAPTER 09 불안한 사용...


국내도서 > 컴퓨터/모바일 > 그래픽/멀티미디어 > 그래픽 일반
국내도서 > 컴퓨터/모바일 > 웹디자인/홈페이지 > 웹디자인 입문
국내도서 > 컴퓨터/모바일 > 웹디자인/홈페이지 > 웹기획
국내도서 > 자기계발 > 취업/진로/유망직업 > 국내 진학/취업
국내도서 > 자기계발 > 20대의 자기계발
국내도서 > 자기계발 > 취업/진로/유망직업 > 크리에이터/1인미디어

[세트] Do it! 프런트엔드 개발자 합격 세트 - 전2권

Do it! AI 시대에 살아남는 프런트엔드 면접의 기술
Do it! HTML + CSS + 자바스크립트 웹 표준의 정석

Do it! AI 시대에 살아남는 프런트엔드 면접의 기술

첫째마당 프런트엔드 기초 - HTML, CSS, 자바스크립트
1장 HTML과 웹 기본 구조
__Q1 HTML이란 무엇인가요?
__Q2 HTML의 Doctype은 어떤 역할을 하나요?
__Q3 〈head〉 태그 안에는 어떤 태그를 사용하나요?
__Q4 시맨틱 태그란 무엇이고, 사용하는 이유를 설명할 수 있나요?
__Q5 웹 표준과 웹 접근성이란 무엇인가요?
__Q6 모든 HTML 태그에는 종료 태그가 있나요?
__Q7 블록 요소와 인라인 요소란 무엇인가요?
__Q8 data-* 속성을 설명할 수 있나요?
__Q9 웹 스토리지란 무엇인가요?
__Q10 〈a〉 태그는 어떻게 사용하나요?
__Q11 〈iframe〉 태그의 장점과 단점은 무엇인가요?
__Q12 헤딩 태그란 무엇인가요?
__Q13 HTML 엔티티란 무엇인가요?
__Q14 〈img〉 태그의 srcset 속성은 언제 사용하나요?
__Q15 〈canvas〉 태그란 무엇인가요?
__Q16 HTML 인코딩이란 무엇인가요?
__Q17 〈svg〉 태그는 어떤 용도로 사용하나요?

2장 최신 CSS 기법과 레이아웃
__Q18 CSS란 무엇인가요?
__Q19 CSS 선택자와 선택자 우선순위를 설명할 수 있나요?
__Q20 가상 클래스와 가상 요소의 차이점은 무엇인가요?
__Q21 〈img〉 태그와 CSS background-image 속성은 각각 언제 사용해야 하나요?
__Q22 박스 모델이란 무엇인가요?
__Q23 전처리기란 무엇인가요?
__Q24 display: none, visibility: hidden, opacity: 0의 차이점은 무엇인가요?
__Q25 z-index가 의도대로 동작하지 않는 경우 어떤 것을 확인해야 할까요?
__Q26 인라인 스타일 요소와 블록 스타일 요소를 가운데 정렬하는 방법은 무엇인가요?
__Q27 vertical-align은 왜 수직 정렬이 잘 안 될까요?
__Q28 요소를 중앙 정렬하는 대표적인 방법은 무엇인가요?
__Q29 미디어 쿼리는 언제 사용하나요?
__Q30 animation, transition, transform 속성이란 무엇인가요?
__Q31 플렉스박스와 그리드의 차이점은 무엇이며, 각각 어떤 상황에 사용하는 것이 더 적합한가요?
__Q32 BEM은 무엇이며, 사용하는 이유를 설명할 수 있나요?
__Q33 @supports 규칙은 언제 사용하나요?
__Q34 .is()와 :where() 가상 클래스 선택자의 차이점은 무엇인가요?

3장 자바스크립트 핵심 개...


국내도서 > 자기계발 > 취업/진로/유망직업 > 국내 진학/취업
국내도서 > 컴퓨터/모바일 > 웹디자인/홈페이지 > HTML/JavaScript
국내도서 > 컴퓨터/모바일 > 프로그래밍 언어 > 프로그래밍 언어 기타
국내도서 > 컴퓨터/모바일 > 프로그래밍 개발/방법론 > 웹 서비스/웹 프로그래밍
국내도서 > 컴퓨터/모바일 > 인공지능

실전 코딩 테스트 가이드

1장 구현(시뮬레이션)
1. 문제 분류 설명
1-1. 요구사항을 함수로 나누어 구현하기
1-2. 함수 분할의 기준
1-3. 데이터의 배열화
1-4. 비트 처리
2. 문제 풀이
기본 문제 1: 중국 신분증 번호
기본 문제 2: 로봇 청소기
응용 문제 1: 온풍기 안녕!
응용 문제 2: 큐빙

2장. 완전 탐색
1. 문제 분류 설명
2-1. 알고리즘 시간 복잡도 분석
2-2. 재귀 함수
2-3. 재귀 함수 구현 방법
2-4. 재귀 함수 작성 시 주의점
2-5. 백트래킹과 가지치기
2-6. DFS와 BFS
2. 문제 풀이
기본 문제 1: DFS와 BFS
기본 문제 2: N과 M (1)
기본 문제 3: N과 M (2)
기본 문제 4: 숨바꼭질
응용 문제 1: 연구소

3장. 동적 프로그래밍
1. 문제 분류 설명
3-1. 피보나치 수열과 점화식
3-2. 메모이제이션(memoization)
3-3. 메모이제이션의 시간 복잡도
3-4. 메모이제이션 템플릿
3-5. Top-down과 Bottom-up
3-6. 배낭 문제
2. 문제 풀이
기본 문제 1: 피보나치 수
기본 문제 2: 2 × n 타일링
기본 문제 3: 계단 오르기
응용 문제 1: 체스판 위의 공
응용 문제 2: 파이프 옮기기
응용 문제 3: 가장 큰 정사각형

4장 탐욕법
1. 문제 분류 설명
4-1. 커스텀 Comparator 만드는 법
4-2. 우선순위 큐 사용법
2. 문제 풀이
기본 문제 1: 로프
기본 문제 2: 회의실 배정
기본 문제 3: 순회 강연
응용 문제 1: 전구 끄기

5장 이진 탐색
1. 문제 분류 설명
5-1. 이진 탐색
5-2. 매개 변수 탐색(파라메트릭 서치)
5-3. Upper Bound와 Lower Bound
2. 문제 풀이
기본 문제 1: 수 찾기
응용 문제 1: 공유기 설치
응용 문제 2: 숫자 구슬

6장 투 포인터
1. 문제 분류 설명
6-1. 투 포인터
6-2. 타입 체크
2. 문제 풀이
기본 문제 1: 수들의 합
응용 문제 1: 회전 초밥
응용 문제 2: 합이 0인 네 정수

7장 그래프와 트리
1. 문제 분류 설명
7-1. 그래프
7-2. 그래프의 종류
7-3. 간선의 표현 방법
7-4. 경로
...


국내도서 > 컴퓨터/모바일 > 컴퓨터 공학 > 자료구조/알고리즘
국내도서 > 컴퓨터/모바일 > 웹디자인/홈페이지 > HTML/JavaScript
국내도서 > 대학교재/전문서적 > 공학계열 > 컴퓨터공학 > 알고리즘

공간 컴퓨팅 : XR 인터랙션 디자인

1장 공간 컴퓨팅과 혼합 현실의 기초
1.1 공간 컴퓨팅 소개
1.2 공간 컴퓨팅과 혼합 현실의 관계
1.3 인간의 공간 인식과 상호작용
1.4 공간 컴퓨팅의 가치와 중요성

2장 공간 컴퓨팅을 위한 주요 기기 및 기술과 입출력 인터랙션
2.1 주요 XR 기기의 발전과 인터랙션 진화
2.2 최근 XR 기기의 트렌드와 UX 방향
2.3 공간 인식과 환경 이해
2.4 입력 인터랙션을 위한 기술들(사용자로부터 정보 입력)
2.5 출력 인터랙션을 위한 기술들(사용자에게 정보 전달)

3장 공간 컴퓨팅의 디자인 패러다임
3.1 공간 캔버스: 인터랙션 공간의 재정의
3.2 공간 캔버스의 핵심 요소
3.3 물리적 세계와 디지털 세계의 융합
3.4 공간 디자인 원칙

4장 공간 컴퓨팅의 입력 및 인터랙션 모델
4.1 입력 방식
4.2 인터랙션 패턴
4.3 텍스트 입력
4.4 로코모션: VR 환경에서의 이동
4.5 인터랙션 디자인의 접근성

5장 공간 컴퓨팅의 주요 디자인 요소 및 고려 사항
5.1 공간 레이아웃과 컴포지션
5.2 공간 UI 유형
5.3 환경 인식 기술의 실제적 활용
5.4 어포던스와 다중 감각 피드백 디자인
5.5 사용자의 편안함과 인체공학

6장 공간 경험 프로토타이핑
6.1 왜, 무엇을 프로토타이핑해야 하는가?
6.2 프로토타이핑 환경과 도구들: 목적에 맞는 연장 선택하기
6.3 핵심 인터랙션 프로토타이핑: 플랫폼별 툴킷 활용
6.4 사용자 테스트와 반복 개선
6.5 UI와 공간 경험 디자인 및 스케치를 위한 디자인 툴킷

7장 주요 운영체제로 알아보는 UX 요소 분석
7.1 메타 Horizon OS
7.2 마이크로소프트 홀로렌즈 - 윈도우 홀로그래픽
7.3 구글 - Android XR
7.4 애플 visionOS
7.5 정리

8장 공간 컴퓨팅 소프트웨어 스택과 개발 환경
8.1 XR 소프트웨어 아키텍처
8.2 주요 플랫폼과 운영체제의 특징
8.3 크로스 플랫폼 개발 환경과 표준

9장 Cosmic XR을 통해 알아보는 공간 UX 디자인
9.1 앱의 기획
9.2 프로토타이핑
9.3 인트로 씬
9.4 메인 메뉴 - 플로팅 UI
9.5 Planet Details 씬
9.6 ...


국내도서 > 컴퓨터/모바일 > 그래픽/멀티미디어 > 그래픽 일반
국내도서 > 컴퓨터/모바일 > 웹디자인/홈페이지 > 웹디자인 기타
국내도서 > 경제경영 > 트렌드/미래전망 > 메타버스/디지털플랫폼

GEO 마케팅 어떻게 할 것인가?

들어가는 글

Part 1. 기업은 지금 왜 GEO에 주목하는가?
AI 시대, 고객은 어떻게 검색하는가?
-생성형 AI가 가져온 검색 패러다임의 전환
-‘키워드가 아닌 질문으로’ 소비자 검색 행동의 진화
-‘제로클릭(Zero-Click)’으로의 고객 여정 변화
기업들은 어떻게 GEO에 대응하고 있나?
-AI 검색 시대, 기업들의 고민
-글로벌 주요 기업의 GEO 추진 사례
-국내 주요 기업의 GEO 추진 사례
-GEO에 성공한 기업들의 4가지 공통점

Part 2. AI는 어떻게 답변을 만드는가?
검색엔진 최적화(SEO)와 생성형 엔진 최적화(GEO)는 무엇이 다른가?
-검색엔진의 진화와 SEO의 변화
-기존 SEO의 한계
-SEO를 넘어서 GEO로
-SEO를 잘한 콘텐츠는 GEO에서도 좋은 성과를 낸다
AI 검색은 어떻게 구성되고 답변 결과를 도출하는가?
-어떻게 AI는 고객 의도를 이해하고 답변을 구성하는가?
-구글 검색에 제공되는 AI 모드와 AI 개요
-구글 AI 검색 서비스는 어떻게 검색 답변을 제공하는가?
-네이버는 어떻게 ‘AI 브리핑’ 검색 답변을 제공하는가?
-챗GPT는 어떻게 검색 답변을 제공하는가?
-퍼플렉시티는 어떻게 검색 답변을 제공하는가?

Part 3. AI는 어떻게 콘텐츠를 평가하고 랭킹을 결정하는가?
AI가 콘텐츠를 평가하고 랭킹을 결정하는 10가지 요소
-콘텐츠 관련성 및 의도 매칭
-E-E-A-T 신호
-구조화된 데이터(Schema Markup)
-콘텐츠 최신성
-권위성 및 도메인 강도
-출처 신뢰성
-콘텐츠 포맷 및 추출 가능성
-토픽 권위 클러스터링
-내부 링킹 구조
-사용자 참여 신호
구글 AI 검색은 어떻게 콘텐츠를 평가하고 검색 결과를 인용하는가?
챗GPT 검색은 어떻게 콘텐츠 랭킹을 결정하는가?
퍼플렉시티는 어떻게 콘텐츠 순위를 매기는가?
AI는 어떤 사이트를 가장 많이 인용 출처로 활용하고 있나?

Part 4. GEO, 무엇을 해야 하는가?
온페이지 GEO - AI가 페이지의 의미와 토픽을 빠르게 파악
-청킹 및 포맷팅 전략
-정보 배치: RAG를 고려한 역피라미드 구조
-가독성 및 의미 신호
콘텐츠 GEO - AI가 직접 인용·요약하기 좋은 콘텐츠 설계
-E-E-A-T 기반의 신뢰도 강화
-토픽 권...


국내도서 > 경제경영 > 트렌드/미래전망 > 트렌드/미래전망 일반
국내도서 > 경제경영 > 마케팅/세일즈 > 마케팅/브랜드
국내도서 > 컴퓨터/모바일 > 웹디자인/홈페이지 > 웹기획
국내도서 > 경제경영 > 트렌드/미래전망 > 인공지능/빅데이터

캔바로 만든 디자인, 돈이 됩니다

Canva 01 전공도, 자본도 없이 디자인을 시작하다
01 포토샵도 몰랐지만 디자인을 시작한 이유
02 지금도 디자인으로 수익화할 수 있을까?

Canva 020에서 시작하는 디자인 수익화 준비 단계
01 디자인 판매 구조 파헤치기
02 사람들은 어떤 디자인에 돈을 쓸까?
03 첫 수익을 내기 전에 꼭 필요한 준비물
04 누구에게 어떤 디자인을 제공할 것인가?
05 디자인 감각을 끌어올리는 꿀팁 8
실패를 줄이는 체크리스트 디자인 작업 전후 반드시 점검해야 할 기준!

Canva 03 디자인이 돈이 되기 시작하는 첫걸음
01 무엇부터 작업해야 할까? - 초보 디자이너의 첫걸음
02 디자인 작업 프로세스 한눈에 파악하기
03 모든 디자인에 먹히는 디자인 제작 비법 살펴보기
| 무작정 따라하기 | 01 무작정 캔바 시작하기
04 30분 컷으로 명함 & 쿠폰 디자인 마스터하기
실패를 줄이는 체크리스트 단순히 속도만 내는 디자인을 제작하고 있는지 체크하세요.
| 무작정 따라하기 | 02 캔바로 명함 제작하기
05 60분 컷으로 포스터 디자인해 판가 단가 끌어올리기
| 무작정 따라하기 | 03 캔바로 포스터 제작하기
06 카드뉴스 디자인해 브랜드의 첫인상 결정하기
| 무작정 따라하기 | 04 캔바로 카드뉴스 디자인하기
07 2시간 컷으로 전자책 디자인해 판매 단가 끌어올리기
| 무작정 따라하기 | 05 캔바로 전자책 표지 제작하기
08 홈페이지형 블로그 디자인해 시간당 단가 높이기
| 무작정 따라하기 | 06 캔바로 홈페이지형 블로그 제작하기
09 상세 페이지 디자인해 수익화 확장하기
| 무작정 따라하기 | 07 캔바로 상세 페이지 제작하기
10 프레젠테이션 디자인 시안 만들어 작업 단가 더 끌어올리기
| 무작정 따라하기 | 08 캔바로 프레젠테이션 제작하기
실패를 줄이는 체크리스트 무작정 시작하기보다 실패를 줄이는 기준이 필요합니다.
Canva 04 첫 고객을 만나는 가장 현실적인 방법
01 첫 고객에게 크몽이 가장 현실적인 이유
02 크몽에 가입하기 전에 반드시 정리해야 할 네 가지 기준
03 크몽에 가입하는 방법의 모든 것
| 무작정 따라하기 | 01 크몽 판매자로 가입하기
| 무작정 따라하기 | 02 크몽에 내 서비스 등록...


국내도서 > 경제경영 > 마케팅/세일즈 > 마케팅/브랜드
국내도서 > 컴퓨터/모바일 > 그래픽/멀티미디어 > 그래픽 일반
국내도서 > 컴퓨터/모바일 > PC/게임/디지털 카메라 > 초보자를 위한 컴퓨터 책
국내도서 > 컴퓨터/모바일 > 웹디자인/홈페이지 > 웹디자인 기타
국내도서 > 컴퓨터/모바일 > 인공지능

이게 되네? 클로드 MCP 커넥터 미친 활용법 31제

[이게 되네? Part 00] 처음 만나는 클로드와 MCP
_Chapter 01 클로드를 시작하는 사람들을 위한 매뉴얼
[매뉴얼 01] 클로드 설치하고 로그인하기
[매뉴얼 02] 채팅 기능 살펴보기
[매뉴얼 03] 프로젝트 사용해보기
[매뉴얼 04] 클로드 채팅에 파일 첨부하기
[매뉴얼 05] 클로드 스킬 사용하기
[매뉴얼 06] 클로드 웹 검색 사용하기
[매뉴얼 07] 클로드 리서치 모드 사용하기
[매뉴얼 08] 클로드 스타일 사용하기
[매뉴얼 09] 클로드 요금제 살펴보고 구독 결정하기
[매뉴얼 10] 클로드 구독 해지를 하려면?
[매뉴얼 11] 클로드의 모델 설정은 어디서 하나요?
_Chapter 02 MCP 이해하기
크롬 브라우저 써봤으면 이해할 수 있는 MCP 개념
클로드 커넥터 둘러보기
[미친 활용 01] 바탕화면 정리를 말로 한다고?

[이게 되네? Part 01] 클로드와 MCP로 일상 업무 처리하기
_Chapter 03 정보 수집하고 관리하기
[미친 활용 02] 노션 MCP로 노션에 뉴스 기사 정리하기
[미친 활용 03] 옵시디언 MCP로 옵시디언에 글 정리하기
[미친 활용 04] Claude in Chrome 커넥터로 크롤링하기
_Chapter 04 더 다양한 정보 수집하기
[미친 활용 05] 네이버 블로그의 글 요약하고 정리하기
[미친 활용 06] 네이버 트렌드 분석하고 콘텐츠 기획하기
[미친 활용 07] 카카오맵 MCP로 국내 여행 계획 짜기

[이게 되네? Part 02] 클로드와 MCP로 회사 업무 처리하기
_Chapter 05 메일, 드라이브 업무 처리하기
[미친 활용 08] 메일 업무 쉽게 처리하기
[미친 활용 09] 구글 드라이브 살펴보고 정리하기
[미친 활용 10] 구글 드라이브의 파일을 바탕으로 보고 메일 작성하기
_Chapter 06 엑셀 자동화하기
[미친 활용 11] 엑셀 MCP 설치하고 간단히 실행해보기
[미친 활용 12] 도서 재고 확인 후 사내에 재고 입고 메일 보내기
[미친 활용 13] 과일 가게 재고 관리 대시보드 만들기
[미친 활용 14] 미국 주식 데이터 수집하고 투자 알고리즘에 따라 시뮬레이션 해보기
_Chapter 07 디자인 도구와 함께 사용하기
[미친 활용 15] 캔바 커넥터로 홍보 이미지와 발표 자료 만들기
[미친 활용 16] 피그마 MCP로 화면 명세서 만들기
[미친...


국내도서 > 컴퓨터/모바일 > e비즈니스/창업 > e-비즈니스/온라인 창업
국내도서 > 컴퓨터/모바일 > 웹디자인/홈페이지 > 웹기획
국내도서 > 컴퓨터/모바일 > 컴퓨터 공학 > 자료구조/알고리즘
국내도서 > 컴퓨터/모바일 > PC/게임/디지털 카메라 > 초보자를 위한 컴퓨터 책
국내도서 > 컴퓨터/모바일 > 프로그래밍 개발/방법론 > 웹 서비스/웹 프로그래밍
국내도서 > 컴퓨터/모바일 > 프로그래밍 개발/방법론 > 프로그래밍 기초/개발 방법론
국내도서 > 컴퓨터/모바일 > 프로그래밍 언어 > 파이썬
국내도서 > 컴퓨터/모바일 > 인공지능