이 책에서는 다양한 상태 관리 방법과 유명한 상태 관리 라이브러리인 Zustand, Jotai, Valtio, React Tracked의 사용법을 소개한다. 또한 실무에서 유용하게 활용할 수 있는 여러 사용 사례에 대한 패턴과 리렌더링 최적화에 대한 내용을 다룬다.
이 책을 처음부터 끝까지 정독하면 리액트에서 상태를 관리하는 방법과 원리를 비롯해 애플리케이션 요구사항에 적합한 상태 관리 라이브러리를 선택할 수 있을 것이다.
★ 이 책에서 다루는 내용 ★
◎ 마이크로 상태 관리의 개념과 구현
◎ 지역 상태와 전역 상태의 개념과 구현
◎ 리액트 컨텍스트를 통한 전역 상태 관리
◎ 모듈 상태를 통한 전역 상태 관리
◎ 리렌더링 최적화
◎ Zustand, Jotai, Valtio, React Tracked의 사용법과 동작 원리
◎ 여러 상태 관리 라이브러리의 장단점 비교
◎ 요구사항에 적합한 라이브러리 선택 방법
저자(글) 다이시 카토
인물정보
소프트웨어공학자
(Daishi Kato)
다이시 카토는 수십 년 동안 P2P 네트워크와 웹 기술에 대해 연구했으며 오픈소스 소프트웨어에 열정을 가진 소프트웨어 엔지니어다. 엔지니어링에 관심이 많으며, 지난 5년 동안은 스타트업에서 일해 왔다. 90년대부터 오픈소스 소프트웨어에 적극적으로 참여해 왔으며, 최근에는 자바스크립트와 리액트를 이용한 다양한 라이브러리 개발에 주력하고 있다.
번역 이선협
인물정보
프로그래머
프로그래밍을 사랑하는 개발자. 분야를 가리지 않고 코딩하는 것을 즐기며 요즘은 지식을 글로 정리하는 것을 취미로 삼고 있다. 현재 주식회사 코발트에서 CTO로 재직 중이다.
번역 김지은
인물정보
프로그래머
무언가를 만드는 것을 좋아하고, 호기심이 많은 프런트엔드 개발자. “오늘보다 내일이 더 나은 프로그래머”를 모토로 삼고 있으며, 현재는 웹 프런트엔드와 관련된 일을 하고 있다.
★ 진짜 초보자도 자신 있게 끝낼 수 있도록 투머치 설명러 얄코가 다 알려 주는 웹 개발 가이드
명쾌한 설명과 전달력 높은 강의로 입문자들의 찬사를 받고 있는 얄코(얄팍한코딩사전)의 「제대로 파는 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세대 출시기념 할인쿠폰 코드 포스팅은 제휴마케팅이 포함되어있습니다.