★ 진짜 초보자도 자신 있게 끝낼 수 있도록 투머치 설명러 얄코가 다 알려 주는 웹 개발 가이드
명쾌한 설명과 전달력 높은 강의로 입문자들의 찬사를 받고 있는 얄코(얄팍한코딩사전)의 「제대로 파는 HTML+CSS」와 「뉴비를 위한 자바스크립트」 온라인 강의를 한 권의 책으로 담아냈습니다. 코딩이 처음인 사람도 어렵지 않게 프로그래밍과 웹 개발에 접근할 수 있도록 최대한 친절하고 쉬운 비유로 설명합니다. 한두 줄로 끝날 수 있는 기능 설명을 수많은 경우의 수의 화면을 보여 주며 비교하는 얄코 특유의 투머치 친절한 설명은 초보자뿐만 아니라 현업에 있는 개발자들도 놓치고 넘어가던 개념까지 세세하게 짚어 줍니다.
『얄코의 TOO MUCH 친절한 HTML+CSS+자바스크립트』는 웹 페이지 제작에 필요한 세 가지 기술을 서로 연계해서 공부하는 데 최적화된 상태로 구성되어 있습니다. 또한 개발물을 단지 시각적으로만 구현하는 것을 넘어 다양한 사람을 배려하고 타 개발자와도 협업하기 좋은 '착한' 웹사이트를 만드는 법까지 놓치지 않습니다. 총 15시간에 이르는 동영상 강의와 함께 하면서 바쁜 독자들이 쉽고 편리하게 코딩의 즐거움을 느끼게 하는 것이 이 책의 최우선 목표입니다.
‘얄코의 TOO MUCH 친절한’ 시리즈는
친절하다고 하지만 세상 불친절한 것이 많아 ‘TOO MUCH 친절한’으로 탄생하였습니다.
저자(글) 고현민
인물정보
컴퓨터공학자
두 아이를 키우는 아빠이자, 유튜브 채널 「얄팍한 코딩사전」을 방송하는 유튜버입니다.
풀스택 개발자로 일하며 쌓아 온 지식과 경험을 바탕으로, 어려운 프로그래밍 개념들을 초보자들이 이해하기 쉽게 설명해 주는 콘텐츠들을 만들고 있습니다.
저서로는 『얄코의 TOO MUCH 친절한 깃&깃허브』(2023, 리코멘드) 『혼자 공부하는 얄팍한 코딩 지식』(2022, 한빛미디어)이 있습니다.
목차
PART 01 갖다 놓는 HTML
CHAPTER 01 시작하기 전에
_LESSON 01 HTML, CSS, 자바스크립트가 뭔가요?
__갖다 놓는 HTML, 꾸며 주는 CSS, 일을 시키는 자바스크립트
__왜 HTML, CSS 등으로 작성한 것은 ‘문서’라고 하나요?
_LESSON 02 환경 설정하기
__웹 브라우저 설치하기
__VS Code 설치하기
__VS Code에서 프로그래밍이 쉬워지는 옵션 설정하기
__VS Code에서 유용한 플러그인 설치하기
__얄코의 친절한 HTML 노트
CHAPTER 02 기본 태그로 첫 웹 페이지 만들기
_LESSON 03 첫 웹 페이지 만들기
__index.html 파일 만들기
__첫 웹 페이지 요소 입력하기
__페이지 소스 보기
_LESSON 04 첫 태그 사용하기
__태그 알아보기
__제목 태그와 문단 태그
__텍스트 관련 태그
__태그 속성 사용하기
_LESSON 05 태그로 여러 요소 나열하기
__목록을 표현하는 태그
__용어와 정의를 나열하는 태그
__얄코의 친절한 HTML 노트
CHAPTER 03 웹 페이지에 다양한 요소 넣기
_LESSON 06 이미지 태그 사용하기
__절대 경로와 상대 경로로 이미지 넣기
__이미지 크기 조절하기
_LESSON 07 표 사용하기
__기본 테이블 태그
__테이블 영역 태그
__셀 병합 태그
__열 그룹 태그
_LESSON 08 다른 곳으로 링크하기
__a 태그로 링크 이동하기
__id 값으로 원하는 위치로 이동하기
__태그로 연락처 연결하기
__얄코의 친절한 HTML 노트
CHAPTER 04 사용자로부터 입력받기
_LESSON 09 form 태그 사용하기
__form 태그의 속성
__form 태그 안 요소 그룹화하기
_LESSON 10 input 태그 사용하기
__텍스트 관련 input 태그
__숫자 관련 input 태그
__체크 관련 input 태그
__기타 input 태그
__input 태그 공통 속성
_LESSON 11 기타 다른 태그 사용하기
__textarea 태그
__옵션 선택 관련 태그
__정도를 표현하는 태그
__pre 태그
__iframe 태그
__알아두면 좋을 태그들
__아무것도 하지 않는 태그
__얄코의 친절한 HTML 노트
PART 02 꾸미는 CSS
CHAPTER 05 CSS 기본 지식 알기
_LESSON 12 CSS 적용 방법과 선택자
__CSS를 적용하는 세 가지 방법
__기본 선택자
__태그 선택자
__클래스 선택자
__id 선택자
__그룹 선택자
_LESSON 13 결합자와 가상 클래스
__자손 결합자
__동생 결합자
__가상 클래스
__얄코의 친절한 CSS 노트
CHAPTER 06 글자와 텍스트 스타일 적용하기
_LESSON 14 글자 스타일
__기울임과 굵기
__글자 크기
__글자 꾸미기
_LESSON 15 문단과 목록 스타일
__정렬과 간격
__목록 스타일
__얄코의 친절한 CSS 노트
CHAPTER 07 인라인과 블록 및 박스 모델 이해하기
_LESSON 16 인라인 요소와 블록 요소
__기본 너비와 개념
__너비와 높이 조절하기
__가로 공간 차지하기
__여백 적용하기
_LESSON 17 박스 모델
__요소의 크기
__바깥쪽 여백과 안쪽 여백
__테두리 속성
__박스 그림자 속성
__얄코의 친절한 CSS 노트
CHAPTER 08 색과 이미지로 웹 페이지 꾸미기
_LESSON 18 색 표현하기
__색을 표현하는 네 가지 방법
_LESSON 19 배경 꾸미기
__이미지를 배경에 사용하기
__배경에 그라데이션 넣기
__얄코의 친절한 CSS 노트
CHAPTER 09 포지셔닝과 레이아웃
_LESSON 20 포지셔닝
__position 속성
__z-index 속성
_LESSON 21 Flex 레이아웃
__부모에 적용하는 Flex
__자식에 적용하는 Flex
_LESSON 22 요소를 감추는 방법들
__CSS에서 요소를 숨기는 세 가지 방법
__마우스 커서 모양 바꾸기
__얄코의 친절한 CSS 노트
PART 03 HTML 더 깊이 알아보기
CHAPTER 10 용도에 따른 태그 사용하기
_LESSON 23 상단의 태그들
__DOCTYPE
__head 태그
_LESSON 24 시맨틱 태그
__시맨틱 태그 사용의 장점
__시맨틱 태그의 종류
_LESSON 25 기타 미디어 삽입하기
__SVG 이미지
__오디오와 동영상
__얄코의 친절한 HTML 노트
CHAPTER 11 모두가 이용할 수 있는 웹사이트 만들기
_LESSON 26 웹 접근성
__alt 속성으로 이미지 설명하기
__숨겨 놓은 요소 설명하기
__aria-label 속성
__aria-hidden 속성과 role 속성
__figure 태그와 figcaption 태그
_LESSON 27 가독성을 위한 이름 짓기
__태그 위주로 이름 짓기
__클래스 위주로 이름 짓기
__BEM으로 이름 짓기
__얄코의 친절한 HTML 노트
PART 04 CSS 더 깊이 알아보기
CHAPTER 12 요소를 지정하는 세련된 방법
_LESSON 28 반복 및 공통되는 스타일
__다른 CSS 파일 임포트하기
__CSS 변수 사용하기
_LESSON 29 선택자 심화
__특성 선택자
__가상 클래스
_LESSON 30 상속과 리셋
__상속되는 속성, 상속되지 않는 속성
__모든 속성 리셋하기
_LESSON 31 벤더 프리픽스
__벤더 프리픽스 사용하기
__얄코의 친절한 CSS 노트
CHAPTER 13 서체와 테이블 스타일링하기
_LESSON 32 서체와 웹 폰트
__font-family 속성
__웹 폰트 적용하기
_LESSON 33 텍스트 심화
__vertical-align 속성
__white-space 속성
__text-overflow 속성
_LESSON 34 테이블 스타일링
__테이블 스타일 속성
__테이블 요소의 display 속성
__얄코의 친절한 CSS 노트
CHAPTER 14 레이아웃 변형과 애니메이션으로 효과 주기
_LESSON 35 float 속성
__float 속성과 clear 속성
__부모의 크기 문제 해결하기
_LESSON 36 Grid 레이아웃
__부모에 적용하는 Grid
__자식에 적용하는 Grid
_LESSON 37 변형과 애니메이션
__transform 속성
__transition 속성
__animation 속성
__얄코의 친절한 CSS 노트
CHAPTER 15 반응형 웹과 CSS 추가 지식 알아보기
_LESSON 38 반응형 웹
__적응형 웹 vs 반응형 웹
__반응형 웹 만들기
_LESSON 39 기타 알아두면 좋을 속성들
__clip 속성과 clip-path 속성
__scroll-snap 속성
__aspect-ratio 속성
__backdrop-filter 속성
_LESSON 40 프레임워크와 라이브러리
__프론트엔드 프레임워크
__아이콘 라이브러리
__얄코의 친절한 CSS 노트
PART 05 HTML과 CSS를 활용한 파이널 프로젝트
CHAPTER 16 코딩 강좌 웹사이트 제작하기
_LESSON 41 프로젝트 설치 및 환경 설정
__프로젝트 설치하기
__style.css 파일 완성하기
_LESSON 42 상단 인트로
__intro.css
_LESSON 43 헤더와 메뉴
__header.css
_LESSON 44 메인과 about
__main.css
__about.css
_LESSON 45 HTML & CSS 섹션
__html-css.css
_LESSON 46 커리큘럼
__curriculum.css
_LESSON 47 문의하기와 푸터
__contact.css
__footer.css
PART 05 시키는 자바스크립트
CHAPTER 17 시작하기 전에
_LESSON 48 실습 환경 구축하기
__실습 도구
_LESSON 49 콘솔과 주석 활용하기
__콘솔
__주석
__얄코의 친절한 JavaScript 노트
CHAPTER 18 자바스크립트 기본 지식 알기
_LESSON 50 변수와 상수에 데이터 담기
__변수와 상수
__식별자 명명 규칙
_LESSON 51 기본 자료형과 연산자
__자료형
__연산자
_LESSON 52 객체와 배열
__객체
__배열
_LESSON 53 조건문
__if / else 문
__switch 문
_LESSON 54 반복문
__for 문
__while 문
_LESSON 55 함수
__함수의 정의
__함수의 활용
__얄코의 친절한 JavaScript 노트
CHAPTER 19 HTML과 CSS에 자바스크립트 더하기
_LESSON 56 HTML 요소 선택 및 조작하기
__DOM의 개념
__요소를 선택하는 방법
__선택된 요소를 조작하는 방법
_LESSON 57 이벤트 추가하기
__이벤트
__이벤트 객체
__얄코의 친절한 JavaScript 노트
CHAPTER 20 파이널 프로젝트 보완하기
_LESSON 58 기존 데이터에 요소 만들기
__내비게이션
__about
_LESSON 59 이벤트 애니메이션 만들기
__커리큘럼
__문의하기
__모바일 메뉴 버튼
__찾아보기
추천사
김빛나 (유튜버 코딩 알려주는 누나(@user-yu8so2ck1z))
이 책에서 제가 가장 좋아하는 부분은 ‘얄코의 친절한 노트’입니다. 본문에서 길게 설명한 개념을 핵심만 뽑아 한 페이지로 정리하여 배운 내용을 간편하게 숙지할 수 있도록 독자를 배려한 것은 ‘얄코 님다운' 특징이 아닌가 생각합니다. 또한 많은 내용에도 불구하고 다른 책에 비해 읽기 쉽다고 느꼈는데, 이는 핵심이 되는 개념을 중간중간 강조해 준 덕분입니다. 또한 실제 프로젝트 수준의 예제를 경험하는 과정이 체계적으로 구성되어 있어 입문자가 부담 없이 따라갈 수 있습니다.
이건희 (유튜버 코딩하는거니(@gunnycoding))
인프런에서 인기 있는 얄코 님의 ‘제대로 파는 HTML CSS’ 강의를 바탕으로 더 깊은 내용을 추가한 책입니다. 저도 강의를 기반으로 책을 쓴 적이 있는데, 요즘은 긴 영상보다는 짧은 영상을 선호하기 때문에 길게 풀어서 이야기하고 싶어도 그렇게 할 수 없었던 적이 많았습니다. 영상이 주는 다이내믹함도 있지만 책은 언제 어디서든지 다시 펴서 차분하게 생각할 수 있는 장점이 있으므로 강의를 이미 들으신 분들도 책을 보면 강의와는 또 다른 느낌을 받을 수 있을 거라고 생각합니다.
전병우 (유튜버 투더제이(@ttj))
이 책은 ‘TOO MUCH 친절한’이라는 제목과 같이 그동안 접해 온 어떤 학습 자료 중 가장 친절하고 쉬운 접근법을 제공합니다. 단순히 쉬운 내용만이 아니라 복잡하고 이해하기 힘든 개념까지 이미지, 요약 정리, 영상, 플레이그라운드 등의 다양한 보조 자료와 함께 쉽고 재미있게 익히도록 체계적으로 구성되어 있어 감탄하지 않을 수 없었습니다. 이 책은 최소한의 의지만으로 뛰어든 분들에게 지루할 틈 없이 진짜 코딩의 즐거움으로 친절하고 확실하게 안내할 것입니다.
정우현 (유튜버 컴공선배(@comgongbro))
이 책은 웹 개발의 개념 설명부터 실제 활용 방법, 마지막으로 파이널 프로젝트까지 철저히 다루며 완성도 높은 프로젝트 경험을 선사합니다. 특히 플레이그라운드라는 실습 환경과 온라인 강의가 있다는 두 가지 장점은 개발 입문자에게 가장 매력적인 포인트입니다. 자신이 프론트엔드 개발에 적성이 있는지 알아 보고 싶거나 이미 백엔드 개발에 종사하고 있는데 프론트엔드 이해가 부족하다면 이 책을 통해 기초를 탄탄히 다져 보는 것을 추천합니다.
책 속으로
★ 저자 인터뷰 ★
Q. 코딩을 쉽게 설명하기 위해 특별히 어떤 노력을 하셨나요?
A. 저는 원래 디자이너 출신이었어요. 비전공자로서 낯선 IT 개념들을 당혹스럽게 바라보던 때를 기 억하며, 가능한 한 일상적이고 직관적인 비유로 쉽게 개념을 설명하고자 꾸준히 연구해 왔습니다. 그 고민을 녹여 낸 결과물이 유튜브 강의와 책입니다.
Q. HTML, CSS, 자바스크립트를 한 번에 배워야 하는 이유는 무엇일까요?
A. 자전거를 배울 때 페달 밟는 법, 핸들 방향을 바꾸는 법, 브레이크 잡는 법을 따로따로 배우지는않죠. HTML과 CSS, 자바스크립트 역시 함께 사용되도록 만들어진 것이므로 서로 연계해서 공부해야 합니다. 그중에서도 HTML과 CSS는 한 쌍의 젓가락처럼 밀접하게 작용하며 웹사이트를구성합니다. 이 둘은 반드시 함께 공부하고 실습해야 각각을 더더욱 제대로 공부할 수 있습니다.
Q. 코딩을 사람보다 AI가 더 잘한다는데, 이런 AI 시대에 이 책을 꼭 봐야 하는 이유는 뭘까요?
A. 앞으로 사람이 직접 코드를 입력하는 일은 크게 줄어드는 대신 AI가 작성해 주는 코드를 적재적소에 활용하는 빈도가 높아질 것입니다. 그러려면 컴퓨터가 짠 코드를 이해하고 판단할 수 있는 지식이 필요합니다. 이때는 직접 코드를 짤 때보다 근본적이고 깊이 있는 지식이 필요합니다. 따라서 AI 시대에는 당연히 이 책과 같이 프로그래밍 언어의 기본기부터 심화까지 파고드는 공부를 해 둘 필요가 있습니다.
출판사 서평
★ 유튜브와 인프런 인기 강의가 책으로 업그레이드되어 돌아왔다!
★ 웹 페이지 제작에 필요한 세 가지 기술을 연계 학습할 수 있는 최적의 구성
★ 현업 개발자도 놓치기 쉬운 CSS 최신 기술 총망라
코딩을 처음 접하는 코알못도 이해하는 친절하고 쉬운 설명
코딩을 아예 모르는 사람이 가장 먼저 배우기 쉬운 기술이 바로 HTML과 CSS입니다. 직관적인 구조를 통해 결과물을 빠른 시간에 확인할 수 있어 프로그래밍 원리를 이해하는 데 제격이기 때문입니다. 하지만 이를 깊이 있게 공부하여 ‘제대로’ 활용하는 개발자는 흔하지 않죠. 이 책은 프로그래밍 초입문자를 위한 기초 지식부터 어려운 개념과 세세한 속성들까지 파고 들어가 현업 개발자 및 퍼블리셔도 큰 도움을 얻어갈 수 있도록 체계적으로 구성했습니다.
단계별로 따라가다 보면 HTML과 CSS, 자바스크립트까지 이 책 한 권으로 끝!
이 책은 난이도에 따라 파트별로 구성되어 있습니다. 먼저 PART 01~02에서 HTML과 CSS 기초 지식을 배웁니다. 여기에 만족하지 않고 더 다양한 기능을 배우려면 PART 03~04에서 HTML과 CSS 심화 지식을 이어서 학습합니다. PART 05에서는 지금까지 배운 HTML과 CSS 지식만을 활용해 코딩 강좌 웹사이트를 뚝딱 만들어 봅니다. 두 가지 언어만으로도 충분히 웹사이트를 구현할 수 있지만, 자바스크립트를 추가하면 한 단계 높은 차원으로 나아갈 수 있습니다. 따라서 PART 06에서 웹 페이지 제작에 필요한 자바스크립트 기초 지식을 활용해 앞에서 만든 코딩 강좌 웹사이트를 업그레이드시켜 최종 결과물을 완성합니다.
[이 책이 필요한 독자]
- 코딩을 이제 막 배우기 시작하는 사람
- 퍼블리싱을 직접 해내고 싶은 웹 디자이너
- HTML, CSS, 자바스크립트를 보다 잘 다루고 싶은 개발자
- HTML, CSS, 자바스크립트의 깊은 원리까지 공부해 보고 싶은 개발자
- 웹 표준에 부합하는 ‘착한 웹사이트’를 만들고 싶은 개발자
[강의를 먼저 들은 사람들의 한마디]
▶ 코딩 환경 셋팅 방법, 여러 가지 유용한 팁, 그리고 혼자 어떻게 더 나아가서 공부할 수 있는지 알려 주는 것이 좋았다. - H** -
▶ 파이널 프로젝트가 너무 좋았습니다. 웹사이트를 직접 만들어 볼 기회가 많지 않은데, 배운 내용들을 사용해서 웹사이트를 만들어 보니 학습에 많은 도움이 되었습니다. - 강** -
▶ 세심하고 꼼꼼한 구성으로 기능과 속성에 대해 많이 알려 주고 이해하기 쉽게 알려 주려고 정성을 다 한 모습에 감동했습니다. - k** -
▶ 내용을 효과적으로 전달하려고 노력한 게 느껴져서 잘 배운 것은 물론 기분 좋은 학습이었습니다. 여러 요소의 사용법을 충분히 연습할 수 있어서도 좋았지만, 간단 입력 팁 덕분에 직접 입력하면서 태그를 외울 수 있어서 아주 유용했습니다. - m** -
▶ HTML과 CSS의 핵심 지식을 잡는 데 많은 도움이 되었습니다. CSS에 이렇게 많은 기능이 있는지 몰랐습니다. - 김** -
▶ 감으로만 사용하던 것들의 작동 원리를 익히고 정리할 수 있어 아깝지 않은 시간이었습니다. - Ky** -
▶ 웹 개발에 있어 HTML CSS를 겉핥기 수준으로 그때 그때 찾아보는 것이 여간 불편하지 않았는데, 전체적인 흐름은 물론 기본기를 확실하게 다지고 최신 트렌드까지 이해할 수 있어 좋았습니다. - 조** -
그럼 이상으로 얄코의 Too Much 친절한 HTML+CSS+자바스크립트 책소개 포스팅을 마치겠습니다.
얄코의 Too Much 친절한 HTML+CSS+자바스크립트 책소 포스팅은 제휴마케팅이 포함되어있습니다.
앱 개발, 관심은 많지만 시작하기 어렵나요? 코드팩토리의 플러터 프로그래밍 한 권이면 앱 개발을 마스터한 자신을 마주하게 될 것입니다.
이 책을 통해 왕초보 실력을 현업 수준으로 끌어올리는 것이 목표이며, 실무에 유용한 기능을 담은 앱을 배운 이론을 활용하여 만들며 익힐 수 있도록 했습니다. 모든 앱은 결과가 아니라 실제 프로젝트 현장에서 구현하듯이 과정을 보여주며 만듭니다. [프로젝트 소개] ➝ [사전 지식] ➝ [사전 준비] ➝ [UI 구상하기] ➝ [구현하기] ➝ [테스트하기] 순서로 앱 개발을 체계적으로 이끌어줍니다. 초보자 눈높이에 맞추면서, 다트 언어 입문부터 3.0 신규 문법, 인증과 파이어베이스, 슈파베이스 연동, 광고와 배포까지 필요한 것은 빠짐없이 모두 담았습니다. 현업에 도움이 될 실무적이고 활용도 높은 노하우를 담아 설명했기 때문에 탄탄하면서도 빠르게 스킬업되는 자신을 체감하게 될 겁니다.
저자(글) 최지호(코드팩토리)
인물정보
경영인/사업가 프로그래머
임페리얼 칼리지 런던을 졸업하고 계리 컨설팅 회사 밀리만(Milliman) 한국 지사에서 소프트웨어 엔지니어로 일했습니다. 현재 주식회사 코드팩토리를 창업하여 개발을 하면서 초보자뿐만 아니라 현직 개발자에게도 유용한 개발 강의를 제작합니다. 밀리의 서재 플러터 전환 차세대 프로젝트를 리드했습니다.
목차
00장 개발 환경 구축
__0.1 윈도우 개발 환경 구축하기
__0.2 macOS 개발 환경 구축하기
__0.3 안드로이드 스튜디오 설치하기
__0.4 설치 문제 해결하기
__0.5 깃허브에서 예제 코드 내려받기
[1단계] 다트 언어 마스터하기
01장 다트 마스터하기
__1.1 다트 소개
__1.2 문법 공부 환경 안내
__1.3 기초 문법
__1.4 컬렉션
__1.5 연산자
__1.6 제어문
__1.7 함수와 람다
__1.8 try...catch
__학습 마무리
02장 다트 객체지향 프로그래밍
__2.1 객체지향 프로그래밍의 필요성
__2.2 객체지향 프로그래밍의 시작, 클래스
__2.3 상속
__2.4 오버라이드
__2.5 인터페이스
__2.6 믹스인
__2.7 추상
__2.8 제네릭
__2.9 스태틱
__2.10 캐스케이드 연산자
__학습 마무리
03장 다트 비동기 프로그래밍
__3.1 동기 vs. 비동기 프로그래밍
__3.2 Future
__3.3 async와 await
__3.4 Stream
__학습 마무리
04장 다트 3.0 신규 문법
__4.1 레코드
__4.2 구조 분해
__4.3 switch문
__4.4 클래스 제한자
__학습 마무리
[2단계] 플러터 기본 다지기
05장 플러터 입문하기
__5.1 플러터 소개
__5.2 Hello Flutter 앱 만들기
__5.3 실제 단말 테스트 환경 구축
__학습 마무리
06장 기본 위젯 알아보기
__6.1 위젯 소개
__6.2 위젯 실습용 템플릿 작성
__6.3 텍스트 관련 위젯
__6.4 제스처 관련 위젯
__6.5 디자인 관련 위젯
__6.6 배치 관련 위젯
__학습 마무리
07장 앱을 만들려면 알아야 하는 그 밖의 지식
__7.1 앱 만들기 프로세스
__7.2 플러그인 추가 방법
__7.3 주변 장치 종류
__7.4 연습용 앱 만들기 : 스프레드 플래시 앱
__학습 마무리
[3단계] 앱을 만들며 유용한 기능 익히기
08장 [Project] 블로그 웹 앱
__8.1 사전 지식 : 콜백 함수ㆍ웹뷰 위젯ㆍ안드로이드와 iOS 네이티브 설정
__8.2 사전 준비
__8.3 레이아웃 구상하기
__8.4 구현하기
__8.5 테스트하기
__학습 마무리
09장 [Project] 전자액자
__9.1 사전 지식 : 위젯 생명주기ㆍ타이머
__9.2 사전 준비
__9.3 레이아웃 구상하기
__9.4 구현하기
__9.5 테스트하기
__학습 마무리
10장 [Project] 만난 지 며칠 U&I
__10.1 사전 지식 : setState() 함수ㆍshowCupertinoDialog() 함수
__10.2 사전 준비
__10.3 레이아웃 구상하기
__10.4 구현하기
__10.5 테스트하기
__학습 마무리
11장 [Project] 디지털 주사위
__11.1 사전 지식 : 가속도계ㆍ자이로스코프ㆍSensor_Plus 패키지
__11.2 사전 준비
__11.3 레이아웃 구상하기
__11.4 구현하기
__11.5 테스트하기
__학습 마무리
12장 [Project] 동영상 플레이어
__12.1 사전 지식 : iOS 시뮬레이터 화면 회전하기ㆍ안드로이드 에뮬레이터 화면 회전하기ㆍ시간 변환 및 String 패딩
__12.2 사전 준비
__12.3 레이아웃 구상하기
__12.4 구현하기
__12.5 테스트하기
__학습 마무리
13장 [Project] 영상 통화
__13.1 사전 지식 : 카메라 플러그인ㆍWebRTCㆍiOS 시뮬레이터와 안드로이드 에뮬레이터에서의 카메라 사용ㆍ내비게이션
__13.2 사전 준비
__13.3 레이아웃 구상하기
__13.4 구현하기
__13.5 테스트하기
__학습 마무리
14장 [Project] 오늘도 출첵
__14.1 사전 지식 : Geolocator 플러그인
__14.2 사전 준비
__14.3 레이아웃 구상하기
__14.4 구현하기
__14.5 테스트하기
__학습 마무리
15장 [Project] 포토 스티커
__15.1 사전 지식 : GestureDetector와 제스처
__15.2 사전 준비
__15.3 레이아웃 구상하기
__15.4 구현하기
__15.5 테스트하기
__학습 마무리
16장 [Project] 코팩튜브
__16.1 사전 지식 : HTTP 요청ㆍREST APIㆍJSON
__16.2 사전 준비
__16.3 레이아웃 구상하기
__16.4 구현하기
__16.5 테스트하기
__학습 마무리
[4단계] 실전! 일정 관리 앱 개발 & 인증 & 배포하기
17장 [Project #1] 일정 관리 앱 만들기
__17.1 사전 지식 : table_calendar 플러그인
__17.2 사전 준비
__17.3 레이아웃 구상하기
__17.4 구현하기
__17.5 테스트하기
__학습 마무리
18장 [Project #2] 데이터베이스 적용하기
__18.1 사전 지식 : SQL, SQLiteㆍ드리프트 플러그인ㆍDismissible 위젯
__18.2 구현하기
__18.3 테스트하기
__학습 마무리
19장 [Project #3] 서버와 연동하기
__19.1 사전 지식 : 상태 관리ㆍ캐시와 긍정적 응답
__19.2 사전 준비
__19.3 구현하기
__19.4 테스트하기
__학습 마무리
20장 [Project #4] 파이어베이스 연동하기
__20.1 사전 지식 : 파이어베이스ㆍ파이어스토어
__20.2 사전 준비
__20.3 구현하기
__20.4 테스트하기
__학습 마무리
21장 [Project #5] JWT를 이용한 인증하기
__21.1 사전 지식 : 인증ㆍJWT란?ㆍ엑세스 토큰과 리프레시 토큰ㆍJWT를 이용한 인증 절차
__21.2 사전 준비
__21.3 구현하기
__21.4 테스트하기
__학습 마무리
22장 [Project #6] 소셜 로그인과 파이어베이스 인증하기
__22.1 사전 지식 : 소셜 로그인과 OAuth 2.0ㆍ파이어베이스 인증ㆍ구글 로그인 세팅
__22.2 사전 준비
__22.3 레이아웃 구상하기
__22.4 구현하기
__22.5 테스트하기
__학습 마무리
23장 [Project #7] 슈파베이스 연동하기
__23.1 사전 지식 : 슈파베이스란?ㆍ행 수준 보안ㆍ슈파베이스 인증
__23.2 사전 준비
__23.3 레이아웃 구상하기
__23.4 구현하기
__23.5 테스트하기
__학습 마무리
24장 [Project #8] 광고 및 배포하기
__24.1 사전 지식 : 구글 애드몹
__24.2 사전 준비
__24.3 구현하기
__24.4 배포하기 : 구글 스토어 & 애플 앱스토어
__학습 마무리
[부록]
__A 데이터베이스 종류와 하이브
__B 앱 이름과 아이콘 설정 방법
__C 코딩이 편해지는 안드로이드 스튜디오 편의 기능
__D 흔히 마주하는 에러
출판사 서평
◆ 다트 3.0 최신 문법과 소셜 로그인, 슈파베이스 연동, 인증 그리고 광고와 배포까지
◆ 플러터 앱 개발, 이 책 한 권이면 충분하다
혼자하는 앱 개발, 내가 과연 할 수 있을까? 망설여지나요? 걱정하지 마세요. 《코드팩토리의 플러터 프로그래밍》 그리고 저자 선생님과 함께라면 실무자 수준으로 실력 향상은 시간문제입니다. 이 책은 플러터 시작을 위한 다트 언어를 기초부터 객체지향, 비동기 프로그래밍, 신규 3.0 문법까지 4개 장에 걸쳐 다룹니다. 독자가 꼭 필요한 내용을 학습할 수 있도록 플러터 기본 위젯부터 현업에 유용한 기능을 담은 10가지 앱을 배울 수 있도록 구성했습니다. 개발, 인증, 연동, 광고, 배포까지 기능 실습에 부족함 없는 구성으로 학습을 마무리할 때쯤이면 실무자 수준의 실력을 갖출 수 있도록 했습니다. 열심히 책을 보고 공부하며 따라하지만 중간에 막힌다면 걱정하지 마세요. 저자가 운영하는 유튜브와 디스코드 채널, 오픈톡을 통해 그간의 문제 히스토리 그리고 친절한 답변까지 들을 수 있습니다.
[이 책의 특징]
_1 강의에서 검증받은 커리큘럼을 담았습니다. 먼저 책 목차를 만든 다음 온라인 강의를 만들었습니다. 많은 분이 수강해주셨고 인기 강의가 되었습니다. 수강자의 다양한 목소리를 책에 반영했습니다.
_2 배운 이론을 곧바로 써먹습니다. 이론을 모두 배우고 나서 앱을 만들려고 하면 정작 써먹어야 할 때 아무것도 기억나지 않습니다. 배운 이론을 곧바로 활용해야 익숙해지고 기억도 잘 납니다. 그래서 기초 지식을 1단계에서 탄탄히 다지고 나서, 2단계에서는 핵심 플러터 기능을 살펴본 후 앱 만들기로 돌입합니다. 앱마다 필요한 이론을 사전 지식으로 알려주고 곧바로 앱을 개발하기 때문에 효과적으로 학습할 수 있습니다.
_3 실무에 유용한 기능을 담은 앱을 만듭니다. 앱 종류만 많다고 스킬업을 할 수 있는 게 아닙니다. 현업에서 정말 유용한 기능을 다루냐가 중요합니다. 요즘 앱은 동영상 플레이, 채팅, QR 코드 인식, 서버와의 통신은 필수입니다. 총 10가지 앱 각각에서 유용한 기능을 다룹니다. 마지막 10번째 앱은 다양한 기능 실습과 높은 완성도로 총 8개 장으로 다루고 있어, 이 책을 모두 학습하고 나면 실무자 수준까지 실력이 향상되어 있을 겁니다
_4 실제 프로젝트 현장에서 기능을 구현하듯이 만듭니다. 현업에서는 한 번에 기능을 구현하지 않습니다. 전체 구조를 잡고 동작을 임시로 구현하고 나서 점점 로직을 완성해나갑니다. 그래서 완성된 앱 소스를 가지고 설명하는 방식은 학습 효과가 떨어집니다. 이미 완성된 요리로 재료 손질법을 설명하는 방식이기 때문입니다. 이 책은 현업에서와 같은 방법으로 앱의 완성도를 점진적으로 높이는 방식을 사용합니다. 로직 하나하나를 업그레이드해 나가면서 개발하는 과정을 보여주기 때문에 학습자가 직접 따라하면서 어렵지 않게 앱 개발 과정을 체득할 수 있습니다.
_5 변경하거나 수정한 코드를 확실하게 표시합니다. 지속적으로 코드를 수정해 완성하기 때문에 기존 코드 어디를 수정 혹은 삭제했는지 알 수 있어야 합니다. 편리하게 찾을 수 있게 변경 사항이 있는 코드를 삭제선과 노란 배경색으로 표시했습니다.
_6 체계적으로 알려주고 만듭니다. [프로젝트 소개] → [사전 지식] → [사전 준비] → [UI 구상하기] → [구현하기] → [테스트하기] 순서를 꼭 지켜서 앱을 만듭니다. 체계적으로 이끌어주기 때문에 코딩을 하다가 길을 잃을 염려가 없습니다.
_7 다트 기초 문법부터 앱 개발, 파이어베이스 & 슈파베이스 연동, 인증, 광고, 배포까지 모두 담았습니다. 플러터 개발의 토대인 다트 입문부터 다트 3.0 신규 문법을 통해 객체지향 언어에 대한 이해도 체계적으로 할 수 있습니다. 앱 개발 서비스인 파이어베이스와 슈파베이스 연동은 물론 JWT를 이용한 인증과 편리함을 주는 소셜 로그인까지 배웁니다. 최종적으로 앱 출시 과정까지 경험해보기 위해 마지막 단계에서는 광고를 붙이고 배포를 통해 모든 과정을 직접 진행해봅니다.
[숫자로 보는 책의 특징]
_0부터 아무것도 몰라도 OK
적어도 한 개 언어를 써봤다면 다트 언어와 플러터와 안드로이드를 전혀 몰라도 됩니다. 처음부터 배포까지 하나하나 알려드립니다.
_2가지 OS 개발 환경 대응
윈도우, 맥OS 개발 환경을 구축하고 실습할 수 있게 안내합니다.
_3.13 플러터 버전
2023년에 공개된 플러터 최신 버전을 사용합니다.
_4가지 난이도 프로젝트 제공
입문 수준 ★ 하나부터 고난도 ★★★★ 수준 앱을 골고로 만들어봅니다.
_5단계 개발 및 배포
최소 기능 제품으로 구현한 일정 관리 앱을 업그레이드하며 개발하고 배포합니다. 실무처럼 일하는 방법을 체험할 수 있습니다.
_10가지 유용한 앱 구현
블로그 웹 앱, 전자액자(이미지), 만난 지 며칠 U&I, 디지털 주사위, 동영상 플레이어, 영상 통화, 오늘도 출첵, 포토 스티커, 코팩튜브, 일정 관리 앱을 만듭니다.
[이 책의 구성]
이 책은 학습 흐름을 끊지 않기 위해 개발 환경부터 미리 구축해놓은 후, 다음과 같이 총 4단계에 걸쳐 플러터로 안드로이드와 iOS 앱을 개발하는 방법을 공략합니다.
_1단계 : 다트 언어 마스터하기
플러터는 다트 언어를 사용합니다. 플러터로 앱을 원활히 개발하려면 다트를 탄탄하게 아는 것이 중요합니다. 그래서 이 책은 또 다른 자료를 찾아보지 않아도 될 정도로 깊이 있게 다트를 다룹니다. 1장에서 기초 문법, 2장 객체지향 프로그래밍, 3장 비동기 프로그래밍, 4장 다트 3.0 신규 문법까지 학습합니다.
_2단계 : 플러터 기본 다지기
플러터 프레임워크, 기본 위젯, 앱을 만들려면 알아야 하는 기본 지식을 알아보겠습니다. 플러터는 '쉬운'에 상당한 무게를 두고 개발되었습니다. 얼마나 다루기 쉬운 프레임워크인지 직접 체험하는 시간이 될 겁니다.
_3단계 : 앱을 만들며 유용한 기능 익히기
본격적으로 플러터 실력을 향상시켜봅시다. 직접 10가지 앱을 구현하면서 실전 기반으로 프로그래밍 지식을 습득해갑니다. 각 앱에서 사용하는 핵심 기능을 사전 지식으로 먼저 배우고 나서 곧바로 활용해 이론을 생생하게 살려 실습할 수 있게 구성했습니다.
_4단계 : 실전! 일정 관리 앱 개발 & 배포하기
일정 관리 앱을 단계별로 발전시키며 개발하고 광고를 붙여 배포합니다. 17장은 일정 생성과 특정 날짜의 일정 조회 기능을, 18장은 드리프트를 사용해 로컬 데이터베이스 SQLite에 일정을 저장합니다. 19장은 서버와 통신을 통한 원격 데이터베이스 사용법과 20장은 파이어베이스의 파이어스토어를 사용해 데이터 저장을 배웁니다. 21장은 JWT를 활용한 인증, 22장은 소셜 로그인과 파이어베이스 인증, 23장은 슈파베이스를 다룹니다. 마지막으로 24장에서 광고를 붙이고 구글플레이와 애플 앱스토어에 배포하는 과정을 통해 실무적으로 활용도 높은 내용을 배우게 됩니다.
** 독자리뷰
“플러터는 리액트 네이티브를 이미 앞질러 모바일 앱을 개발하는 개발자들이 가장 선호하는 기술입니다. 이 책은 플러터를 시작하는 분들을 위해 이렇게까지 자세히 설명할 수 있나 싶을 정도로 꼼꼼히 알려줍니다. 내 손 안의 기기에 상상력을 발휘하고 싶은 분에게 추천합니다.” _정현준
"현재 한국어로 쓰인 최고의 플러터 입문서입니다. 다른 책과 다르게 이 책은 플러터 최신 버전과 인기 플러그인을 사용해서 실무에서도 적용할 수 있는 유용한 예제들을 가득 담았습니다. 이 책은 플러터 입문부터 플러터를 마스터하기까지, 긴 배움의 여정에 좋은
첫 길잡이가 되어줄 것입니다."
_강태진
“쉬운 앱부터 어려운 앱까지 만들다 보면 성취감을 얻게 됩니다. 동시에 플러터의 여러 개념을 자연스럽게 체득하게 됩니다. 앱 개발이 어려운 분에게 좋은 길잡이가 될 겁니다.”
_박수빈
“실제 앱 서비스에 사용될 기능을 담은 예제를 제공하여 프로젝트에 플러터를 도입하려는 개발자들의 고민을 단번에 해소해줍니다. 잘 짜인 구성, 유용한 예제로 가득한 이 책으로 시작하세요. 어느새 플러터로 개발하고 있는 자신을 보게 될 겁니다.”
_양수장
“다트 언어 문법을 충실히 제공해 플러터 입문자가 책 한 권으로 플러터를 익힐 수 있게 안내합니다. 상태 관리, 데이터베이스, 서버 통신 방법 등이 포함되어 있어 실무자의 레벨업에도 유용합니다.
_박제창
“저자의 경험이 알차게 농축된 이 책 덕분에 플러터 앱을 만들 수 있었습니다. 앱 개발을 꿈꾸는 분들이 성공적인 첫 걸음을 내딛을 수 있게 하는 멋진 안내자입니다.”
_김진환
“단순히 위젯들만 다루는 것을 넘어, 실제로 프로젝트를 진행할 때 꼭 필요한 다양한 위젯을 사용해볼 수 있습니다. 책을 다 읽고 나면 원하는 자신만의 앱을 만들 수 있을 정도로 잘 짜여진 로드맵을 제공하는 그 이상의 책입니다.”
_김민규
그럼 이상으로 Must Have 코드팩토리의 플러터 프로그래밍 책소개 포스팅을 마치겠습니다.
Must Have 코드팩토리의 플러터 프로그래밍 책소개 포스팅은 제휴마케팅이 포함되어있습니다.
Intel® Core™ 프로세서는 새롭게 최적화된 하이브리드 아키텍처와 업계를 선도하는 기술을 자랑하며, 게이밍과 창작 이상의 성능을 제공합니다. Intel과 함께라면 무엇이든 이룰 수 있습니다. 게임에서 발전하는 것뿐 아니라 현실에서 성장하는 것까지, Intel은 사용자가 자신의 역량을 최대한 발휘할 수 있도록 지원합니다.
완벽한 성능을 갖춘 NVIDIA® GeForce RTX™ 그래픽 카드. 속도 그 이상.
NVIDIA® GeForce RTX™ 40 시리즈 노트북 GPU는 게이머와 크리에이터에게 세계 최고 수준으로 빠른 노트북 성능을 선사합니다. AI 시대에 적합한 설계로, 이 노트북은 AI 기반 DLSS 3으로 성능을 비약적으로 향상시키고 완벽한 레이 트레이싱으로 생생한 가상 세계를 구현합니다. 또한 Max-Q 기술 제품군은 시스템 성능, 전원, 배터리 수명, 음향을 최적화하여 효율성을 극대화합니다.
레노버 Legion 장치에서 Xbox Game Pass 3개월 이용 가능
새로운 레노버 Legion 노트북과 EA Play가 포함된 Xbox Game Pass 3개월 이용권으로 100개 이상의 고품질 게임을 플레이해 보세요. 게임이 계속 추가되어 늘 새로운 게임을 만날 수 있습니다. 다운로드하여 완전 충실도로 플레이하거나 연결된 컨트롤러로 클라우드에서 콘솔 게임을 플레이할 수 있습니다. 참고: xbox.com/subscriptionterms
레노버 AI Engine+로 스마트하고 빠르게 게임 플레이
경쟁 상대는 레노버 Legion Pro 5i Gen 9와 맞붙게 됩니다. 이 노트북은 단순한 게이밍 노트북이 아니라 혁명입니다. LA1 AI 칩과 레노버 AI Engine+로 작동하는 이 노트북은 게이밍 무대에서 비밀 병기입니다. 실시간으로 게임 플레이를 최적화하여 FPS를 최대로 끌어 올려 부드러운 애니메이션과 빠른 반응을 통해 적군보다 앞서 나갈 수 있습니다. 그리고 일상에서 끊임없이 노력하는 것과 마찬가지로 이 노트북 역시 혁신적인 Smart Engine 덕분에 끊임없이 개선하고 진화하며 나아갑니다. 이 노트북을 사용하면 단지 게임을 즐기는 것이 아니라 게임에서 우위를 선점할 수 있습니다.
Legion ColdFront: 발열 관리 기술
게임을 쾌적하게 즐길 준비가 되셨나요? 레노버는 AI로 강화된 Legion ColdFront를 통해 냉각 기술을 재해석합니다. 초박형 3D 블레이드를 자랑하는 상변화 화합물과 압도적으로 강화된 팬 시스템이 탑재되었습니다. Legion Pro 5i 노트북을 경험해 보세요. 그 어느 때보다 더 원활하게 작동합니다. 거대한 하이브리드 히트 파이프 시스템이 있으니 강력한 공기 흐름을 기대하셔도 좋습니다. 게임이 고조된 상황에서도 최고 수준의 발열 관리 효율성과 최고 수준의 성능에 집중합니다. 전력은 어떻까요? 막강한 200W로 성능을 십분 활용할 수 있습니다.
놀라운 디스플레이에서 경험하는 승리
최첨단 레노버 PureSight 게이밍 디스플레이에서 적을 빠르게 인식할 수 있습니다. 이제 X-Rite™ Pantone® 인증을 획득하고 출하 시 보정된 상태로 제공되어 놀라운 색상 정확도를 경험할 수 있습니다. 최대 240hz 가변 주사율과 100% DCI-P3을 갖춘 이 16″ WQXGA 16:10 화면 비율 디스플레이 덕분에 Legion Pro 5i Gen 9 노트북은 큰 화면과 빠른 반응 속도, 정확한 조준을 자랑합니다. 화면이 디스플레이 표면적의 93.08%를 차지하여 사진이 공간에 떠 있는 것처럼 보입니다. 또한 HDR과 높은 색상 정확도를 통해 게임 내 환경의 밝기가 어떻게 변하든 게임의 모든 세부 사항을 볼 수 있습니다.
레노버 Vantage로 한 단계 더 높아진 성능
레노버 Vantage는 설정을 최적화하여 게임 경험을 향상하도록 지원합니다. 올인원 도구 모음을 통해 노트북 기능을 조정하고, 사용자 지정하고, 기능을 최대한 활용하세요. 실시간 성능 대시보드, 오버클럭 조절 기능, 지능형 팬 제어를 통한 AI 성능 튜닝으로, 그 어떤 것도 성공을 가로막지 못하게 됩니다.
친환경 게이밍
지속 가능성의 핵심을 고려하여 설계한 Legion Pro 5i로 책임감 있게 게임을 즐기세요. 이 노트북의 A 덮개 프레임은 PCC 30%로 제작한 후 내유 처리하여, 깨끗하고 환경을 고려한 친환경 노트북을 선보입니다. 모든 I/O 지원 기능을 갖춘 후면 I/O 대시보드는 필요한 모든 연결을 제공하여 일상적인 경험을 능률화하고 단순화합니다. 또한 레노버의 CO2 Carbon Offset Service 지원을 통해 장치에 지속 가능성, 진취성, 투명성을 제공합니다. 사용자가 간단하게 실현할 수 있으며, 환경에도 가치 있는 선택입니다.
비교 불가의 성능 경험
Legion Pro 5i 노트북으로 타의 추종을 불허하는 배터리 성능을 즐기세요. 이 탁월한 노트북에는 대용량 80Whr 배터리가 장착되어 있어 매일 온종일 작업할 수 있는 성능을 경험할 수 있습니다. 초고속 충전이 지원되며, 추가로 140W USB-C 충전 지원 포함 기본 제공되는 최대 300W DC 충전기를 사용하여 단 몇 분 만에 배터리 재충전을 완료할 수 있습니다. 더불어 Smart Battery 기능은 기계 학습을 사용하여 배터리 용량을 보존하고 열화를 줄여주므로 노트북의 연장된 수명 주기와 배터리를 최대한 활용할 수 있습니다.
명령하고 제어하여 마침내 정복
Legion Pro 5i Gen 9는 정밀한 제어와 뛰어난 사용자 지정 옵션을 요구하는 게이머를 위한 완벽한 제어 세트인 Legion TrueStrike 게이밍 키보드를 자랑합니다. 이 풀 사이즈 키보드는 풀 사이즈 화살표 및 숫자 패드, 게임을 지배하는 데 필요한 모든 것을 제공하는 대형 Mylar 터치패드도 갖추고 있습니다. 레노버 Spectrum 기반의 완전한 사용자 지정 RGB로 게임하는 동안 멋진 분위기를 조성해 보세요. 또한 1.5mm 키 트래블과 교체 가능한 키캡 지원으로 플레이 스타일에 완벽한 설정을 구성할 수 있습니다.
게임 내 몰입도를 극대화하고 삶의 만족도를 높이세요
Tobii Horizon은 다양한 게임과 게임 프랜차이즈에서 완전히 새로운 차원의 몰입을 경험할 수 있게 해 주는 최첨단 기어리스 헤드 트래킹 소프트웨어입니다. Tobii Aware는 게임에서 그치지 않고 개인정보 보호, 보안, 생산성 및 웰빙을 향상할 수 있는 스마트 기능의 새로운 시대로 사용자를 초대합니다.
Nahimic® 오디오, 게이머용 SteelSeries 기반, 몰입감 넘치는 3D 오디오
Legion Pro 5i에서 SteelSeries 기반 Nahimic으로 새로운 차원의 게임을 경험해 보세요. 게이머를 위해 특별히 설계된 이 시스템은 게임 내 여정을 향상시킬 수 있도록 몰입감 넘치는 3D 오디오를 선사합니다. 선명한 음질로 팀원과 소통하거나 전문가처럼 오디오 스트림을 믹싱하고 공유해 보세요. Nahimic은 게임 성능을 향상시킬 뿐만 아니라 몰입도도 높여 줍니다.
Legion 장치에 대한 고급 지원
Legion Ultimate Support를 통해 24시간 게이머를 위한 지원을 받을 수 있습니다. 사용자의 META를 중심으로 항상 100%의 만족감을 보장해 줍니다. 업무이든 게임이든 레노버의 게이밍 전문가가 설정 조언, 하드웨어/소프트웨어 최적화 등을 지원해 드립니다. 원격으로 문제를 해결할 수 없으면 익영업일에 바로 방문해 드리겠습니다. Legion Ultimate Support로 기대 이상의 만족감을 선사해 드립니다.
궁극의 게임 허브인 Legion Arena
모든 게임을 한곳에서 즐기세요. Legion Arena의 통합 게임 허브는 인기 있는 스토어 및 게임 플랫폼과 쉽게 동기화되어 게임 라이브러리를 원하는 방식으로 자유롭게 플레이, 탐색 및 관리할 수 있습니다. 좋아하는 게임을 찾기 위해 여러 앱 사이에서 전환하지 않고 한곳에서 모든 게임에 액세스하세요.
그럼 이상으로 레노버 노트북 1월 행사 리전 프로 5i 9세대 출시기념 할인쿠폰 코드 포스팅을 마치겠습니다.
레노버 노트북 1월 행사 리전 프로 5i 9세대 출시기념 할인쿠폰 코드 포스팅은 제휴마케팅이 포함되어있습니다.
지금은 모두가 아는 많은 기업이 인터넷과 스마트폰의 등장과 함께 탄생하고 성장했습니다. 새로운 기술은 많은 분야의 패러다임을 바꿔 나가기 때문이죠. 현재 전 세계는 챗GPT, 달리를 비롯한 생성 AI 열풍입니다. 마치 인터넷과 스마트폰이 처음 등장할 때만큼의 혁신입니다.
게다가 인터넷이 막 퍼지기 시작하던 때와는 시대가 많이 변해 훨씬 좋은 기회로 찾아왔습니다. 기술적 장벽이 극도로 낮아진 것은 물론이고 세계적인 기업, 최고의 석학들이 천문학적 비용을 들여 만든 인공지능 모델이 오픈소스로 공개되어 있죠. 문제가 생겼을 땐 커뮤니티에 질문만 하면 전 세계 전문가들의 도움을 받을 수 있습니다. 이제는 프로그래밍, 인공지능을 몰라도 원하는 품질의 서비스를 누구나 만들 수 있는 시대가 된 것입니다. 필요한 것은 아이디어와 실행력뿐이죠.
이런 최고의 기회가 찾아왔는데, 그저 사용자로만 남아 남들이 만들어 놓은 것을 쓰기만 하고 있나요? 이제는 직접 서비스 제작자가 되어 보세요! 이 책은 ‘운세 보는 챗도지’라는 서비스를 만드는 과정을 담고 있습니다. 아무것도 없는 바닥부터 프런트엔드와 백엔드를 차곡차곡 쌓고 배포까지 경험할 수 있죠. AI에 대한 지식이 없어도 API만 붙여 GPT를 내 서비스에 가져다 쓸 수 있고, 디자인이나 프로그래밍을 전혀 몰라도 챗GPT의 도움을 받아 사용성 높은 서비스를 완성할 수 있습니다. 또, 대용량 트래픽이 몰려도 저렴하고 안정적으로 서비스를 운영하는 방법, 트래픽을 수익으로 연결하는 방법까지 알려드립니다.
이제 챗GPT의 사용자가 아닌 나만의 서비스에 활용하는 개발자가 되어 보세요.
저자(글) 조동근
인물정보
IT종사자
(조코딩)
국내 최대 규모 코딩 유튜브 채널 '조코딩 JoCoding'의 크리에이터 조동근 작가는 고려대학교 환경생태공학부 학사를 졸업하고 IT 개발자, 교육자를 거쳐 현재 코딩 교육, 콘텐츠, 생성 AI 분야 사업가로 활동하고 있다. 누구나 쉽게 배울 수 있는 실용적인 코딩 교육을 진행하고 있으며 최초의 코딩 소재 웹드라마 〈좋코딩〉을 제작하여 4천만 뷰 이상의 조회 수를 달성하기도 하였다. AI 서비스 '동물상 테스트'를 개발하여 네이버 실시간 검색어 1위, 앱스토어 전체 2위를 달성하기도 하였으며 최근 생성 AI 서비스 '조카소'를 개발하여 운영하고 있다.
추천사
나민주 (테크니컬 리뷰어)
이 책은 하나의 서비스를 만들기 위해 생성 AI를 활용하는 A to Z를 설명합니다. IT 서비스에 대한 경험과 지식이 없어도 챗GPT를 아이디어 실행 도구로 사용하고, 나아가 수익으로 연결할 수 있습니다. 세상에 스마트폰이 처음 등장했을 때처럼, 챗GPT를 배우고 나만의 서비스를 만들어 본다면 여러분의 두려움을 확신으로 바꿀 수 있을 것입니다.
ThinkPad E 시리즈 오늘 출발 제품 구매 시 16GB 메모리 추가옵션 파격가 5만원!
커스텀 PC 200/300/400만원 이상 구성시 5/15/25만원 추가 할인!
레노버 프로 온라인스토어 추가 혜택
레노버
신년 맞이 2024 GRAND SALE!
최대 36% 할인!
오늘 출발 제품 한정 올해 최대 할인!
ThinkPad E 시리즈 오늘 출발 제품 구매 시 16GB 메모리 추가옵션 파격가 5만원!
커스텀 PC 200/300/400만원 이상 구성시 5/15/25만원 추가 할인!
ThinkPad P1 Gen 6
NVIDIA GeForce® RTX™ 4090/16GB 탑재
신제품 P1 Gen 6 : NVIDIA GeForce® RTX™ 4090/16GB 탑재
지금 워크스테이션 구매시 P24h 모니터 98% 할인
SSD/RAM 업그레이드 최대 50% 할인
내용을 채우기 위해 노트북 모바일 워크스테이션을
소개해드릴게요.
ThinkPad P1 Gen 6 (16″ Intel)
3.2
(11)
놀라운 성능, 멋진 비주얼
강력한 ISV 인증 16″ 모바일 워크스테이션
Intel vPro®13세대 Intel®Core™ 프로세서 탑재
전문가용 NVIDIA®추가 설치형 그래픽(옵션)
디스플레이 옵션에 공장 색상 보정 OLED 터치스크린 포함
향상된 액체 메탈 냉각 디자인으로 더 나은 성능 실현
고해상도 웹캠(프라이버시 셔터 포함) 및 사용자 감지 기능
신뢰할 수 있는 MIL-SPEC 표준 획득 및 ThinkShield 보안
ThinkPad P1 Gen 6 (16″ Intel)
3.2
(11)
놀라운 성능, 멋진 비주얼
강력한 ISV 인증 16″ 모바일 워크스테이션
Intel vPro®13세대 Intel®Core™ 프로세서 탑재
전문가용 NVIDIA®추가 설치형 그래픽(옵션)
디스플레이 옵션에 공장 색상 보정 OLED 터치스크린 포함
향상된 액체 메탈 냉각 디자인으로 더 나은 성능 실현
고해상도 웹캠(프라이버시 셔터 포함) 및 사용자 감지 기능
신뢰할 수 있는 MIL-SPEC 표준 획득 및 ThinkShield 보안
무거운 작업량을 가볍게
독립 소프트웨어 공급업체(ISV)의 인증을 받은 Lenovo ThinkPad P1 Gen 6 (16인치 Intel)은 주요 애플리케이션의 효율적이고 원활한 사용을 제공하기 위해 테스트되었습니다. 이 모바일 워크스테이션을 사용하면 어디서 작업하든 비즈니스와 업계의 요구 사항을 충족시킬 수 있어 안심할 수 있습니다.
매혹적인 비주얼
넓은 16:10 화면 비율을 갖춘 ThinkPad P1 Gen 6 (16인치 Intel)은 품질과 타협하지 않은 제품으로 여러 작업 및 대규모 워크플로를 효율적으로 처리합니다. 또한, 반사 방지 및 TUV 저 블루 라이트 디스플레이 옵션을 포함한 여러 가지 디스플레이 옵션을 제공하여 더 선명하고 뚜렷한 이미지를 위한 OLED 터치스크린과 공장 색상 보정을 제공합니다.
매혹적인 비주얼
넓은 16:10 화면 비율을 갖춘 ThinkPad P1 Gen 6 (16인치 Intel)은 품질과 타협하지 않은 제품으로 여러 작업 및 대규모 워크플로를 효율적으로 처리합니다. 또한, 반사 방지 및 TUV 저 블루 라이트 디스플레이 옵션을 포함한 여러 가지 디스플레이 옵션을 제공하여 더 선명하고 뚜렷한 이미지를 위한 OLED 터치스크린과 공장 색상 보정을 제공합니다.
자유롭게 누리는 강력한 성능
어디서든 일해야 하고 부하가 많은 컴퓨팅 워크로드를 쉽게 처리해야 하는 사용자에게는 ThinkPad P1 Gen 6(16″ Intel)이 필수입니다. 수많은 초고속 메모리 및 고성능 스토리지를 비롯하여 뛰어난 WiFi 연결과 대용량 고속 충전 배터리가 특징입니다. 결과적으로 디자이너부터 건축가, VR/AR 사용자, 데이터 분석 전문가에 이르기까지 누구나 이동 중에도 진정한 성능과 기능을 누릴 수 있습니다.
생산성과 내구성의 만남
ThinkPad P1 Gen 6(16″ Intel) 모바일 워크스테이션은 사용자의 까다로운 요구를 충족하도록 설계되었습니다. 액체 유입 방지가 적용된 백라이트 키보드로 빠르고 부드럽게 입력해 보세요. 액체 메탈 디자인 및 증기 챔버는 최신 냉각 기능을 제공하여 성능을 한층 더 강화합니다. 또한 MIL-SPEC 인증을 획득하고 200가지 이상의 엄격한 레노버 품질 평가를 통과하여 어려운 환경에서도 안정성이 유지됩니다.
신뢰할 수 있는 보안
ThinkShield 하드웨어 및 소프트웨어 제품군은 ThinkPad P1 Gen 6(16″ Intel) 모바일 워크스테이션에 장치 및 주요 정보 보안을 모두 제공하는 완벽한 솔루션입니다. 기능으로는 데이터를 암호화하는 dTPM(discrete Trusted Platform Module)과 간편 원터치 로그인을 위한 생체 지문 리더기가 제공됩니다. 또한 필요한 경우 이전 시스템 설정으로 복원할 수 있는 자가 복구 BIOS라는 안전 장치가 마련되어 있습니다.
환경을 생각한 설계
지구를 생각하는 레노버의 다짐이 반영된 ThinkPad P1 Gen 6(16″ Intel) 모바일 워크스테이션은 재활용 플라스틱, 메탈 및 기타 소재로 제작되었습니다. 또한 제공되는 포장에는 플라스틱이 전혀 포함되지 않았으며, 90%가 바이오 기반 및 지속 가능한 산림 함유물 등 지속 가능한 방식으로 제작되었습니다.
그럼 이상으로 레노버 노트북 할인행사 2024년 1월 할인쿠폰 추가 3% 할인 포스팅을 마치겠습니다.
레노버 노트북 할인행사 2024년 1월 할인쿠폰 추가 3% 할인 포스팅은 제휴마케팅이 포함되어있습니다.
스톡 사진은 크리에이티브 용도로 누구나 사용을 허가할 수 있는 사진입니다. 사진작가를 고용하는 대신 수많은 사진이 있는 데이터베이스를 검색하여 자신의 프로젝트에 맞는 사진을 빠르게 찾을 수 있습니다. 스톡 사진의 역사와 비즈니스에 대해 자세히 알아보세요.
또한 벡터 그래픽과 멋지게 그린 스톡 일러스트를 포함한 다른 유형의 스톡 이미지의 사용을 허가할 수 있습니다.
경험 많은 전문가이든 사진에 대한 열정을 가진 사람이든 기고자로 등록하는 모든 분을 환영합니다. submit.shutterstock.com으로 이동하여 신청서를 제출하세요. 승인을 받은 후에는 사진을 업로드하고 고객이 검색할 수 있도록 태그를 지정하는 방법에 대한 지침을 받게 될 것입니다.
Shutterstock에 기고하더라도 창작물에 대한 저작권을 본인이 가지므로 구독자가 고객님의 사진을 다운로드할 때마다 로열티를 받게 됩니다. 스톡 사진으로 수익을 얻는 방법에 대해 자세히 알아보세요.
Shutterstock은 MLA(Modern Language Association), APA(American Psychological Association) 및 CMS(Chicago Manual of Style)의 가장 인기 있는 인용 형식 목록을 여기에 컴파일했습니다.
그럼 이상으로 ShutterStock 셔터스톡 1월 할인코드 할인쿠폰 바우처 로얄티프리 포스팅을 마치겠습니다.
ShutterStock 셔터스톡 1월 할인코드 할인쿠폰 바우처 로얄티프리 포스팅은 제휴마케팅이 포함되어있습니다.
2015년 첫 출간 이후 매년 개정되며 '맥북 분야 1위'를 차지한 《된다! 맥북&아이맥》이 맥OS 최신 버전인 소노마에 맞춰 전면 개정되었습니다. 특히 이번 개정판은 새로운 저자인 IT 전문 유튜버 '쌤쌤티비'와 '케이트'의 집필이 더해졌습니다. 10년 넘게 아이폰, 맥을 사용해 온 애플덕후 쌤쌤티비의 노하우가 더해져 더욱 쉽고 빠르게 맥에 입문할 수 있습니다. 또한 책으로 따라 하기 어려운 부분은 동영상 강의까지 제공하는 친절함을 더했습니다.
맥을 사놓고 쓰기 두려워 망설이셨던 분들! 《된다! 맥북&아이맥-맥OS소노마 판》과 함께 맥 입문에 도전해 보세요!
이 책으로 공부해야 하는 6가지 이유!
-사파리를 통해 인터넷 기사를 광고 없이 볼 수 있다.
-여러 메일 계정을 하나로 통합해 관리할 수 있다.
-시리로 주식 정보를 보고 이미지로 저장할 수 있다.
-아이폰으로 사진을 찍자마자 맥북에서 편집, 저장할 수 있다.
-맥의 오피스 프로그램인 키노트, 넘버스, 페이지스의 기본 사용법도 알려 준다.
-동영상도 빠르고 간편하게 재생, 편집할 수 있다.
이 책은 이런 분께 딱 좋아요!
- 예뻐서 산 맥북, 제대로 사용할 줄 몰라서 아쉬운 사람
- 최신 버전으로 업데이트한 맥북을 잘 관리하고 싶은 사람
- 맥북을 업무에 활용하고 싶은 사람
- 맥북과 아이폰, 아이패드를 연동해 애플 생태계를 꿈꾸는 사람
저자(글) 쌤쌤티비
인물정보
방송인> 유튜버
퍼스널 컴퓨터, 디지털카메라, 휴대폰이 처음 출시되던 시절부터 IT 기기에 관심이 많아 다양한 기기를 접해 왔다. 아이폰 출시 이후에는 애플 생태계의 매력에 빠져 아이패드, 아이맥, 맥북, 에어팟, 애플워치까지 모든 애플 기기를 함께 사용하는 자칭, 타칭 '애플 덕후'가 되었다.
혼자 덕질하는 것보다 내가 가진 정보를 사람들과 나누자는 마음으로, 애플 제품과 주변 액세서리들을 언박싱하고 리뷰하는 '쌤쌤티비' 유튜브 채널을 만들어 운영하고 있다. 그동안 애플 덕후로 활동하며 쌓은 맥에 관한 활용법과 꿀팁 등 각종 정보를 이번 책에 빠짐없이 전하려고 노력했다.
ㆍ 쌤쌤티비 유튜브: youtube.com/@ssam
저자(글) 케이트
인물정보
그외직업
쌤쌤티비의 최측근으로 그의 애플 덕질을 아이폰 처음 출시부터 지켜봐 왔으며, 꼼꼼한 대문자 T 성격으로 책 집필에 100% 참여했다. 맥북과 아이패드를 활용한 프로덕티브 라이프를 지향하는 자기 계발에 진심인 갓생러이며, 작가와 강사의 경력이 있어 초보자 관점에서 친절함을 더해 책의 완성도를 높였다.
목차
첫 번째 이야기 두근두근 처음 시작하는 맥
01-1 맥OS와 윈도우의 차이점
01-2 맥OS 인터페이스 둘러보기
01-3 맥의 키보드와 친해지기
01-4 마우스 연결하고 설정 변경하기
01-5 마우스보다 편한 트랙패드
01-6 앱 열고 닫기
01-7 전체 화면 보기와 화면 전환하기
01-8 한글, 영어, 한자 입력하기
01-9 맥의 탐색기, 파인더
01-10 알아 두면 편해요, 단축키
01-11 맥의 화면 캡처, 스크린샷
두 번째 이야기 본격적인 맥 활용을 위한 나만의 맥 셋업
02-1 나만의 인터페이스 구성하기
02-2 알림 센터
02-3 화면 모드 설정하기
02-4 나만의 홈 화면, 독
02-5 폴더를 독으로, 스택
02-6 세상에서 가장 빠른 브라우저, 사파리
02-7 프로그램 설치는 앱스토어에서
02-8 맥OS 업데이트하기
세 번째 이야기 맥에서만 쓸 수 있는 9가지 기능
03-1 애플의 공유 웹하드, 아이클라우드
03-2 트랙패드의 10가지 제스처
03-3 뭐든지 찾아 주는 검색 창, 스팟라이트
03-4 데스크탑 관리를 쉽게, 미션 컨트롤
03-5 두 화면을 동시에, 스플릿 뷰
03-6 작업을 빠르게, 스테이지 매니저
03-7 편집에서 공유까지, 사진 앱
03-8 다양한 언어 검색, 사전 앱
03-9 나만의 음성 비서, 시리
네 번째 이야기 직장인을 위한 실무 맥 활용법
04-1 맥의 프레젠테이션, 키노트
04-2 맥의 엑셀, 넘버스
04-3 맥의 워드프로세서, 페이지스
04-4 문서 작성을 다채롭게, 폰트 설치
04-5 외장 디스플레이 연결하기(듀얼 모니터)
04-6 무선 프린터 연결하고 설정하기
다섯 번째 이야기 일상생활에 맥 더하기
05-1 모든 일정 관리, 캘린더
05-2 간편한 아이디어 기록, 메모
05-3 무한 확장 캔버스, 프리폼
05-4 똑똑한 개인 비서, 미리 알림
05-5 맥의 포스트잇, 스티커
05-6 전화번호 통합 관리, 연락처
05-7 맥에서 주고받는 문자, 메시지
05-8 음성 통화는 물론 영상 통화까지, 페이스타임
05-9 모든 이메일 계정을 하나로, 메일
여섯 번째 이야기 맥으로 사진, 영상 편집하기
06-1 이미지 편집까지 한 번에, 미리보기
06-2 빠르고 간편한 동영상 편집, 아이무비
06-3 취미에서 전문 작곡 · 녹음까지, 개러지밴드
06-4 재생부터 녹화까지, 퀵타임 플레이어
06-5 재미있는 사진 촬영, 포토부스
스페셜 01 패럴렐즈와 부트캠프
스페셜 02 파이널 컷 프로
일곱 번째 이야기 아이폰, 아이패드와 함께 쓰는 맥
07-1 애플 생태계 적극 활용하기
07-2 애플만의 파일 공유, 에어드롭
07-3 아이폰을 맥의 큰 화면으로, 에어플레이
07-4 작업까지 공유하는, 핸드오프
07-5 언제 어디서나 데이터 연결, 개인용 핫스팟
07-6 아이패드를 보조 디스플레이로, 사이드카
07-7 아이패드와 키보드 · 마우스 공유, 유니버설 컨트롤
출판사 서평
맥북 분야 1위 도서, 2024년 최신간!
맥OS 소노마를 소노마답게 쓰는 방법!
이 책 한 권이면 맥 입문 바로 된다!
맥을 처음 접한 사용자라면 '첫 번째 이야기'의 내용을 먼저 확인하세요. 맥북을 처음 구매했을 때의 막막함을 해결할 수 있습니다. '두 번째 이야기'에서는 맥을 활용하기 위해 나만의 맥 설정 방법을 소개합니다. '세 번째 이야기'는 맥에서만 쓸 수 있는 9가지 필수 기능을 살펴봅니다. 여기까지만 알아도 이미 당신은 맥 전문가라고 할 수 있습니다.
'네 번째 이야기'는 직장에서, '다섯 번째 이야기'는 일상생활에서 맥을 활용하는 방법을 알려 줍니다. 그리고 '여섯 번째 이야기'에서는 맥으로 사진과 동영상을 편집하는 방법도 배웁니다. 마지막으로 아이폰과 아이패드를 맥과 함께 쓰려면 '일곱 번째 이야기'를 꼭 참고하세요.
“트랙패드가 그렇게 좋다는데, 어떻게 해야 하는지 모르겠네.”, “아이패드랑 어떻게 연동하지?”,
이 책은 어떤 상황에서 어떤 기능을 써야 하는지 명확하게 알려 주므로 일일이 암기하지 않아도 됩니다. 기본 앱도 사용하기 쉽게 설명하기 때문입니다. 사파리의 실용적인 기능을 배우면 사람들이 왜 사파리가 좋다고 하는지 이해할 수 있습니다. 방문한 웹 사이트를 PDF로 저장하기, 방문 기록 지우기, 읽기 목록에 추가하고 공유하기, 광고 없이 뉴스 보기 등을 예로 들 수 있습니다.
맥에서 아이메시지를 보내고 페이스타임을 할 수 있다는 사실을 아시나요? 또한 맥에서 미리 알림을 설정하면 아이폰에 알람을 울리게 할 수도 있답니다. 이 책은 맥을 사용하면 생활 방식을 바꿀 수 있다는 것을 보여 줍니다. 이뿐만 아니라 키노트, 넘버스, 페이지스의 기본을 다뤄서 프레젠테이션과 엑셀, 워드프로세서 등을 이용한 문서 편집 실력도 한층 더 높여 줍니다.
이번 개정판 집필에는 유튜버 '쌤쌤티비'와 '케이트' 님이 참여하셨습니다. 두 분 모두 맥을 10년 이상 사용하신 프로 애플러로, 그동안 축적된 노하우를 아낌없이 공유하고 있습니다. 이번 책에서는 맥과 애플 제품에 대한 풍부한 지식뿐만 아니라, 실제 사용 경험을 통해 나온 꿀팁들도 소개하고 있습니다. 더불어 중간 중간에는 실제 사용 화면을 통해 '내가 맥을 잘 사용하고 있는 건가?'라는 의문에 대한 해답을 찾을 수 있습니다.
그래픽, 영상, 음악 분야 전문가들은 이미 예전부터 맥으로 작업해 왔습니다. 그만큼 멀티미디어 콘텐츠 제작에 최적화된 도구가 맥에 많다는 사실이죠! 유튜브 크리에이터 중에도 맥을 사용해 콘텐츠를 만드는 사람이 많아졌습니다. 이 책은 특별히 콘텐츠 생산자를 위한 간단한 도구 사용법도 자세히 설명합니다.
'여섯 번째 이야기'에서는 직접 찍은 사진을 '포토부스'로 보정ㆍ편집하는 방법과 동영상을 '아이무비'로 편집하는 방법을 배웁니다. 게다가 '개러지밴드'로 직접 녹음하며 작곡까지! 이 책으로 다양한 콘텐츠를 만들어 보면서 각 프로그램의 핵심 기능을 익힐 수 있습니다.
