신학기 아카데미 페스티발

레노버에서 신학기 아카데미 페스티벌 FESTIVAL을 

진행하면서 추가 할인 받을 수 있는 할인코드를

배포해서 공유해드릴게요.

http://app.ac/E3I5VfJ03

 

레노버 - 노트북, 데스크톱, 데이터 센터 및 액세서리 | Lenovo 코리아

...

www.lenovo.com

할인코드 : LVHOT

위의 링크로 접속하시고

결제하실떄 할인코드를 사용하시면

추가 할인을 받을 수가 있어요.

신학기 아카데미 FESTIVAL

EDU학생 스토어 가입시 추가 5% 할인 및 태블릿 추첨 증정!

오늘 출발 제품 구매시 인기 OFFICE365 최대 단돈 만원 혜택!

신제품 리전 & LOQ9 세대 구매시 Y27-30 모니터 최대 40% 할인!

LENOVO LEGION

최신 14세대 인텔코어 HX프로세서

더욱 풍부해진 색감 DCI-P3탑재 & COLDFRONT냉각기술

구매시 Y27-30 게이밍 모니터 20% 할인

2024 리전 Pro 5i 9세대 출시!

Lenovo Pro

가입시 최대 8% 추가 할인 및 첫 구매 사은품 증정

5대이상 구매시 주변기기 무료 증정 혜택

Lenovo Pro 사업자 스토어 최대 37% 할인

프리미엄 ThinkPad 할인

지금 X1카본 구매시 E24-40모니터 50% 할인

모든 PC구매시 백팩 및 마우스 단돈 1000원 증정

최대 64GB메모리의 극강의 퍼포먼스!

공식몰 단독 커스텀 PC할인

커스텀 PC구성시 금액별 최대 75만원 장바구니 할인 쿠폰 적용 혜택

SSD/RAM업그레이드 최대 60% 할인!

ADP 및 프리미어 워런티 50% 할인

할인코드 적용방법

레노버

 

결제화면 오른쪽 중간에 할인쿠폰 코드 입력 하는 곳에

LVHOT을 입력하시고 적용을 클릭하시면

추가 할인을 받을 수가 있습니다.

그럼 이상으로 신학기 아카데미 페스티발 FESTIVAL 노트북 레노버 할인쿠폰 2월 포스팅을 마치겠습니다.

신학기 아카데미 페스티발 FESTIVAL 노트북 레노버 할인쿠폰 2월 포스팅은 제휴마케팅이 포함되어있습니다.

#레노버, #노트북, #할인코드, #할인쿠폰, #바우처, #신학기, #아카데미, #페스티벌, #페스티발, #FESTIVAL, #LENOVO, #레노바

리액트 훅을 활용한 마이크로 상태 관리

리액트 훅을 활용한 마이크로 상태 관리에 관한 책을

소개해드릴게요.

http://app.ac/ObMp4al53

 

리액트 훅을 활용한 마이크로 상태 관리 | 다이시 카토 - 교보문고

리액트 훅을 활용한 마이크로 상태 관리 | 이 책에서는 다양한 상태 관리 방법과 유명한 상태 관리 라이브러리인 Zustand, Jotai, Valtio, React Tracked의 사용법을 소개한다. 또한 실무에서 유용하게 활

product.kyobobook.co.kr

리액트 훅을 활용한 마이크로 상태 관리

리액트 상태 관리의 기본 개념부터 동작 원리와 문제 해결, 렌더링 최적화 기법까지

교보문고

이 책에서는 다양한 상태 관리 방법과 유명한 상태 관리 라이브러리인 Zustand, Jotai, Valtio, React Tracked의 사용법을 소개한다. 또한 실무에서 유용하게 활용할 수 있는 여러 사용 사례에 대한 패턴과 리렌더링 최적화에 대한 내용을 다룬다.

이 책을 처음부터 끝까지 정독하면 리액트에서 상태를 관리하는 방법과 원리를 비롯해 애플리케이션 요구사항에 적합한 상태 관리 라이브러리를 선택할 수 있을 것이다.

★ 이 책에서 다루는 내용 ★

◎ 마이크로 상태 관리의 개념과 구현

◎ 지역 상태와 전역 상태의 개념과 구현

◎ 리액트 컨텍스트를 통한 전역 상태 관리

◎ 모듈 상태를 통한 전역 상태 관리

◎ 리렌더링 최적화

◎ Zustand, Jotai, Valtio, React Tracked의 사용법과 동작 원리

◎ 여러 상태 관리 라이브러리의 장단점 비교

◎ 요구사항에 적합한 라이브러리 선택 방법

저자(글) 다이시 카토

인물정보

소프트웨어공학자

(Daishi Kato)

다이시 카토는 수십 년 동안 P2P 네트워크와 웹 기술에 대해 연구했으며 오픈소스 소프트웨어에 열정을 가진 소프트웨어 엔지니어다. 엔지니어링에 관심이 많으며, 지난 5년 동안은 스타트업에서 일해 왔다. 90년대부터 오픈소스 소프트웨어에 적극적으로 참여해 왔으며, 최근에는 자바스크립트와 리액트를 이용한 다양한 라이브러리 개발에 주력하고 있다.

번역 이선협

인물정보

프로그래머

프로그래밍을 사랑하는 개발자. 분야를 가리지 않고 코딩하는 것을 즐기며 요즘은 지식을 글로 정리하는 것을 취미로 삼고 있다. 현재 주식회사 코발트에서 CTO로 재직 중이다.

번역 김지은

인물정보

프로그래머

무언가를 만드는 것을 좋아하고, 호기심이 많은 프런트엔드 개발자. “오늘보다 내일이 더 나은 프로그래머”를 모토로 삼고 있으며, 현재는 웹 프런트엔드와 관련된 일을 하고 있다.

목차

[1부] 리액트 훅과 마이크로 상태 관리

▣ 01장: 리액트 훅을 이용한 마이크로 상태 관리

기술 요구사항

마이크로 상태 관리 이해하기

리액트 훅 사용하기

__데이터 불러오기를 위한 서스펜스와 동시성 렌더링

전역 상태 탐구하기

useState 사용하기

__값으로 상태 갱신하기

__함수로 상태 갱신하기

__지연 초기화

useReducer 사용하기

__기본 사용법

__베일아웃

__원시 값

__지연 초기화(init)

useState와 useReducer의 유사점과 차이점

__useReducer를 이용한 useState 구현

__useState를 이용한 useReducer 구현

__초기화 함수 사용하기

__인라인 리듀서 사용하기

정리 26

[02부] 전역 상태에 대한 기초적인 접근법

▣ 02장: 지역 상태와 전역 상태 사용하기

기술 요구사항

언제 지역 상태를 사용할까?

__함수와 인수

__리액트 컴포넌트와 props

__지역 상태에 대한 useState 이해하기

__지역 상태의 한계

지역 상태를 효과적으로 사용하는 방법

__상태 끌어올리기(Lifting State Up)

__내용 끌어올리기(Lifting Content Up)

전역 상태 사용하기

__전역 상태란?

__언제 전역 상태를 사용할까?

정리

▣ 03장: 리액트 컨텍스트를 이용한 컴포넌트 상태 공유

기술 요구사항

useState와 useContext 탐구하기

__useContext 없이 useState 사용하기

__정적 값을 이용해 useContext 사용하기

__useContext와 함께 useState 사용하기

컨텍스트 이해하기

__컨텍스트 전파의 작동 방식

__컨텍스트에 객체를 사용할 때의 한계점

전역 상태를 위한 컨텍스트 만들기

__작은 상태 조각 만들기

useReducer로 하나의 상태를 만들고 여러 개의 컨텍스트로 전파하기

컨텍스트 사용을 위한 모범 사례

__사용자 정의 훅과 공급자 컴포넌트 만들기

__사용자 정의 훅이 있는 팩토리 패턴

reduceRight를 이용한 공급자 중첩 방지

정리

▣ 04장: 구독을 이용한 모듈 상태 공유

기술 요구사항

모듈 상태 살펴보기

리액트에서 전역 상태를 다루기 위한 모듈 상태 사용법

기초적인 구독 추가하기

선택자와 useSubscription 사용하기

정리

▣ 05장: 리액트 컨텍스트와 구독을 이용한 컴포넌트 상태 공유

기술 요구사항

모듈 상태의 한계

컨텍스트 사용이 필요한 시점

컨텍스트와 구독 패턴 사용하기

정리

[03부] 라이브러리 구현 및 용도

▣ 06장: 전역 상태 관리 라이브러리 소개

기술 요구사항

전역 상태 관리 문제 해결하기

데이터 중심 접근 방식과 컴포넌트 중심 접근 방식 사용하기

__데이터 중심 접근 방식 이해하기

__컴포넌트 중심 접근 방식 이해하기

두 접근 방식의 예외

리렌더링 최적화

__선택자 함수 사용

__속성 접근 감지

__아톰 사용

정리

▣ 07장: 사용 사례 시나리오 1: Zustand

기술 요구사항

모듈 상태와 불변 상태 이해하기

리액트 훅을 이용한 리렌더링 최적화

읽기 상태와 갱신 상태 사용하기

구조화된 데이터 처리하기

이 접근 방식과 라이브러리의 장단점

정리

▣ 08장: 사용 사례 시나리오 2: Jotai

기술 요구사항

Jotai 이해하기

__구문 단순성

__동적 아톰 생성

렌더링 최적화

Jotai가 아톰 값을 저장하는 방식 이해하기

배열 구조 추가하기

Jotai의 다양한 기능 사용하기

__아톰의 write 함수 정의하기

__액션 아톰 사용하기

__아톰의 onMount 옵션 이해하기

__jotai/utils 번들 소개하기

__라이브러리 사용법 이해하기

__고급 기능 소개

정리

▣ 09장: 사용 사례 시나리오 3: Valtio

기술 요구사항

또 다른 모듈 상태 라이브러리인 Valtio 살펴보기

프락시를 활용한 변경 감지 및 불변 상태 생성하기

프락시를 활용한 리렌더링 최적화

작은 애플리케이션 만들어 보기

이 접근 방식의 장단점

정리

▣ 10장: 사용 사례 시나리오 4: React Tracked

기술 요구사항

React Tracked 이해하기

useState, useReducer와 함께 React Tracked 사용하기

__useState와 함께 React Tracked 사용하기

__useReducer와 함께 React Tracked 사용하기

React Redux와 함께 React Tracked 사용하기

향후 전망

정리

▣ 11장: 세 가지 전역 상태 라이브러리의 유사점과 차이점

기술 요구사항

Zustand와 Redux의 차이점

__Redux와 Zustand를 사용한 예제

__Redux와 Zustand 예제 비교

Jotai와 Recoil 을 사용하는 시점

__Recoil과 Jotai 예제

__Recoil과 Jotai 예제 비교

Valtio와 MobX 사용하기

__MobX, Valtio 관련 예제

__MobX와 Valtio 예제 비교

Zustand, Jotai, Valtio 비교하기

정리

그럼 이상으로 리액트 훅을 활용한 마이크로 상태 관리 책 포스팅을 마치겠습니다.

리액트 훅을 활용한 마이크로 상태 관리 책 포스팅은 제휴마케팅이 포함되어있습니다.

 

#리액트훅, #상태관리, #마이크로상태

설맞이 노트북 할인 행사

가성비 노트북 레노버에서 

할인코드 배포와 동시에 2024년 청룡의 해 설맞이 빅세일을

진행하고 있어요.

특정 PC구매시 모니터를 1만원에 구매할 수 있는 행사가 있어요.

먼저 세일가에서 추가 할인이 가능한 할인코드를 공유해드릴게요.



http://app.ac/q3I9eQJ83

 

오직 공식 온라인 스토어만 가능합니다 | Lenovo 코리아

...

www.lenovo.com

할인코드 : LVHOT

위의 링크로 접속하시고 결제하실때

할인코드를 사용하시면 추가 할인을 받을 수가 있어요.

2024년 청룡의 해 설맞이 BIG SALE!

PC구매시 프리미엄 모니터 및 주변기기 최대 50% 할인

PC최대 36% 할인

극강의 퍼포먼스 P1 Gen6

지금 P1/P16S/P14S 구매시 P24H모니터 파격가 만원에 증정

신제품 P1 GEN6: NVIDA GEFORCE RTXTM 4090 / 16GB탑재

커스터마이징PC구매시 SSD/RAM 업그레이드 최대 60% 할인

워크스테이션 + 모니터 패키지 혜

공식몰 단독 커스텀 PC할인

커스텀 PC 구성시 금액별 최대 75만원 장바구니 할인 쿠폰 적용혜택

SSD/RAM 업그레이드 최대 60% 할인!

ADP 및 프리미어 워런티 50% 할인

그럼 이상으로 설맞이 노트북 할인 행사 레노버 할인쿠폰 2월 포스팅을 마치겠습니다.

설맞이 노트북 할인 행사 레노버 할인쿠 2월 포스팅은 제휴마케팅이 포함되어있습니다.

#설맞이, #노트북할인행사, #PC할인행사, #레노버, #할인코드, #2월, #모니터1만원, #특가, #할인쿠폰, #LENOVO, #레노보

셔터스톡 2월 할인쿠폰

이미지, 영상, 음악 등 다양한 컨텐츠를 

사고 팔 수 있는 플랫폼 셔터스톡에서

2월 할인코드를 배포해서 공유해드릴게요.

http://app.ac/G3IfPiJ53

 

스톡 이미지, 사진, 벡터, 비디오 및 음악 | Shutterstock

Shutterstock에서 사진, 벡터, 일러스트를 비롯한 최고의 로열티 프리 이미지를 다운로드하세요. 간편 요금제와 간편 라이선스를 이용해 보세요.

www.shutterstock.com

셔터스톡 이미지 및 동영상 10% 할인코드

기간

2024.02.01 ~ 소진시까지

내용

- 할인코드: LP10

- 할인율: 10%

- 셔터스톡 이미지 및 동영상 전 제품 (연간 구독권 포함)

위의 링크로 접속하시고 결제하실때 할인코드를

사용하시면 할인을 받을 수가 있어요.

이번 달 관리 팀의 인기 선정작

셔터스톡

엄선된 컬렉션

민중의 힘

개인적 삶과 직업적 삶에서의 다양성은 모두가 존중해야 하는 가치입니다. 개인을 더 나은 사람으로 만들어줄 뿐만 아니라 더 나은 사회를 실현할 수 있기 때문입니다.

엄선된 컬렉션

Create Fund 수상 작품

2020년에 설립된 Create Fund는 콘텐츠 창작을 통해 다양성, 포용성, 사회 정의, 환경 인식 이니셔티브를 이끄는 아티스트에게 자금을 지원하고 이들을 홍보하기 위한 연간 보조금입니다. 전 세계의 뛰어난 아티스트의 독점 콘텐츠를 사용해 보세요.

엄선된 컬렉션

노을 진 하늘

사진작가들이 말하는 ‘마법의 시간’은 무엇일까요? 이 컬렉션을 살펴보고 직접 확인하세요.

엄선된 컬렉션

시네마틱 스토리텔링

엄선된 예술적인 움직이는 이미지 컬렉션을 배경으로 매력적인 스토리를 전달해 보세요.

엄선된 컬렉션

잉크스케이프

반투명한 색조의 흐름, 일렁이는 금속성의 소용돌이, 컬러 거품 스프레이 등이 이 컬렉션의 특징입니다. 자유롭게 흐르는 이 예술 작품은 완벽히 추상적이어서 주목을 받거나 다음 대형 프로젝트에서 눈길을 사로잡는 배경이 될 준비가 되어 있습니다.

엄선된 컬렉션

원더월

벽에 적합한 추상 미술과 색상 차단으로 꿈에 그리던 인테리어 디자인을 발견하세요.

엄선된 컬렉션

일본의 봄날

봄을 맞아 만개한 일본의 벚꽃과 함께 대자연을 만끽하세요.

그럼 이상으로 셔터스톡 2월 할인쿠폰 이번 달 관리 팀의 인기 선정작 포스팅을 마치겠습니다.

셔터스톡 2월 할인쿠폰 이번 달 관리 팀의 인기 선정작 포스팅은 제휴마케팅이 포함되어있습니다.

#셔터스톡, #할인코드, #할인쿠폰, #바우처, #2월, #shutterstock, #이미지, #동영상, #음악, #배경, #무료, #유행

코드 한 줄 없이 시작하는 MS 파워 오토메이트 with 챗GPT

MS파워 오토메이트를 챗 GPT와 함께 

사용할 수 있는 방법을 알려주는 책을 소개해드릴게요.

http://app.ac/9twVl5M43

 

코드 한 줄 없이 시작하는 MS 파워 오토메이트 with 챗GPT | 김성준 - 교보문고

코드 한 줄 없이 시작하는 MS 파워 오토메이트 with 챗GPT |

product.kyobobook.co.kr

코드 한 줄 없이 시작하는 MS 파워 오토메이트 with 챗GPT

시작하세요! 이 시대 일잘러의 업무 역량, 업무 자동화

목차

들어가며_RPA는?

저자 소개

이 책의 사용 설명서

1장 파워 오토메이트와의 첫 만남

01 RPA와 파워 오토메이트

__1.1 RPA의 정의와 중요성

__1.2 파워 오토메이트란?

02 파워 플랫폼이란?

03 파워 오토메이트 데스크톱 설치하기

04 첫 자동화 흐름 만들기

2장 기초 다지기: 변수와 문법

01 변수

__1.1 변수 만들기

__1.2 숫자 변수와 연산자

__1.3 문자 변수

__1.4 날짜 변수

__1.5 목록 변수

__1.6 데이터 테이블

02 문법

__2.1 조건문: 만약(If) 구문

__2.2 분기문: 전환(Switch) 구문

__2.3 조건문과 논리 연산자

__2.4 반복문: For 문(각각의 경우

__2.5 반복문: Loop 구문

__2.6 반복 조건문 사용하기

__2.7 반복문 실습: 월의 마지막 날짜 구하기

03 흐름 디버깅

3장 모듈화로 흐름 효율적으로 관리하기

01 하위 흐름과 파일 관리하기

02 데스크톱 흐름 실행 모듈화

03 최근에 생성된 파일 폴더에서 가져오기

04 파일 백업 시스템 만들기

4장 사용자 인터페이스와 웹 자동화 하기

01 UI 자동화 기초 다지기

__1.1 계산기 실행하기

__1.2 계산기 연산하기

__1.3 계산기 연산 결과 추출하기

02 브라우저 자동화 기초 다지기

__2.1 웹 브라우저에게 날씨 가져오기

__2.2 웹 스크래핑: 쇼핑몰 검색 결과 추출하기

03 웹 레코더 자동화: 드라마 순위를 테이블로 가져오기

04 웹 검색 결과 메일로 전송하기

05 나라장터에서 전자 입찰 정보 검색하기

06 마우스?키보드 작업 자동화: 영어 번역 자동화

07 UI 자동화 더 알아보기

__7.1 UI 자동화 세부 속성 변경하기

__7.2 UI 요소 이름 동적으로 변경하기

5장 엑셀 업무 자동화하기

01 엑셀 프로그램 실행하고 닫기

__1.1 순서도 작성하기

__1.2 엑셀 업무 자동화의 필요성

__1.3 간단한 예제로 직접 실습하기

02 엑셀 데이터 읽기

03 엑셀에 값 쓰기 (1): 평균 계산하고 쓰기

04 엑셀에 값 쓰기 (2): 학점 계산하고 쓰기

05 엑셀에 값 쓰기 (3): 값을 읽어 다른 파일에 쓰기

06 엑셀 고급 기능 알아보기: 값 복사해서 다른 시트에 쓰기

07 엑셀 매크로 작업 사용하기

08 엑셀 업무 자동화 응용하기

__8.1 학생별 성적표 파일 만들기

__8.2 메일 발송 자동화하기

09 엑셀을 데이터베이스처럼 활용하기(ODBC 활용)

6장 PAD의 유용한 기능 알아보기

01 자동화에 OCR 활용하기

02 PDF 자동화: PDF 파일에서 텍스트 추출하기

03 MS 워드 자동화: MS 워드 파일에서 텍스트 추출하기

04 정규식 활용 자동화

05 자동화 작업 오류 처리하기

06 파이썬를 활용한 자동화: 자동화 작업에 파이썬 스크립트 추가하기

07 API 활용 (1): 파파고 번역하기

08 API 활용 (2): 챗GPT API 사용하여 업무 자동화하기

09 PAD 프리미엄 (1): 다른 사람과 자동화 공유하기

10 PAD 프리미엄 (2): 파워 오토메이트 클라우드와 데스크톱 연결하기

글을 마무리하며

부록: SAP 자동화

찾아보기

그럼 이상으로 코드 한 줄 없이 시작하는 MS 파워 오토메이트 with 챗GPT 책소개 포스팅을 마치겠습니다.

코드 한 줄 없이 시작하는 MS 파워 오토메이트 with 챗GPT 책소개 포스팅은 제휴마케팅이 포함되어있습니다.

#ms파워오토메이트, #챗GPT

HTML+CSS+자바스크립트

초보자도 쉽게 접근 할 수 있는

HTML,CSS,자바스크립트에 관한 책을 소개해드릴게요.

http://app.ac/lbMwxkl63

 

얄코의 Too Much 친절한 HTML+CSS+자바스크립트 | 고현민 - 교보문고

얄코의 Too Much 친절한 HTML+CSS+자바스크립트 | ★ 진짜 초보자도 자신 있게 끝낼 수 있도록 투머치 설명러 얄코가 다 알려 주는 웹 개발 가이드 명쾌한 설명과 전달력 높은 강의로 입문자들의 찬사

product.kyobobook.co.kr

★ 진짜 초보자도 자신 있게 끝낼 수 있도록 투머치 설명러 얄코가 다 알려 주는 웹 개발 가이드

명쾌한 설명과 전달력 높은 강의로 입문자들의 찬사를 받고 있는 얄코(얄팍한코딩사전)의 「제대로 파는 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+자바스크립트 책소 포스팅은 제휴마케팅이 포함되어있습니다.

#html, #css, #자바스크립트, #얄코, #TooMuch, #javascript

플러터 프로그래밍

플러터 프로그래밍에 관련된

책을 소개해드릴게요.

http://app.ac/83PryCJ23

 

Must Have 코드팩토리의 플러터 프로그래밍 | 최지호(코드팩토리) - 교보문고

Must Have 코드팩토리의 플러터 프로그래밍 | ◆ 인프런 NO.1 베스트셀러 플러터 강사와 함께 현업 수준으로 실력 끌어올리기 ◆ 다트 3.0 문법부터 파이어베이스와 슈파베이스 연동, 인증, 광고, 배

product.kyobobook.co.kr

◆ 인프런 NO.1 베스트셀러 플러터 강사와 함께 현업 수준으로 실력 끌어올리기

◆ 다트 3.0 문법부터 파이어베이스와 슈파베이스 연동, 인증, 광고, 배포까지 한 번에!

앱 개발, 관심은 많지만 시작하기 어렵나요? 코드팩토리의 플러터 프로그래밍 한 권이면 앱 개발을 마스터한 자신을 마주하게 될 것입니다.

이 책을 통해 왕초보 실력을 현업 수준으로 끌어올리는 것이 목표이며, 실무에 유용한 기능을 담은 앱을 배운 이론을 활용하여 만들며 익힐 수 있도록 했습니다. 모든 앱은 결과가 아니라 실제 프로젝트 현장에서 구현하듯이 과정을 보여주며 만듭니다. [프로젝트 소개] ➝ [사전 지식] ➝ [사전 준비] ➝ [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 코드팩토리의 플러터 프로그래밍 책소개 포스팅은 제휴마케팅이 포함되어있습니다.

#1, #2, #3, #4, #5, #6, #7, #8, #코드팩토리, #플러터, #책, #강의, #강좌, #추천

레노버 노트북 1월 행사

레노버에서 리전 프로 5i 9세대 출시기념으로

Y27-30게이밍 모니터를 20% 할인을 하고 있어요.

여기에 더해서 추가로 3% 할인 받을 수 있는 할인코드를 

배포했으니 노트북 구매 계획 있으신 분들은 많이 많이 사용해주세요.

http://app.ac/bACwxV563

 

레노버 - 노트북, 데스크톱, 데이터 센터 및 액세서리 | Lenovo 코리아

...

www.lenovo.com

할인코드 : LVHOT2

위의 링크로 접속하시고 결제하실때

할인코드를 사용하시면 추가 3% 할인을 받을 수가 있어요.

Legion

2024 리전 Pro 5i 9세대 출시!

최신 14세대 인텔 코어 HX 프로세서

더욱 풍부해진 색감 DCI-P3 탑재 & ColdFront 냉각기술

구매 시 Y27-30 게이밍 모니터 20% 할인!

Lenovo PRO

레노버 사업자 스토어 최대 36% 할인

오늘 출발 제품 파격 할인 혜택!

Lenovo Pro 회원 가입시 8% 추가 할인 쿠폰 증정!

첫 구매시 ThinkVision C24 모니터 또는 보조 배터리 증정!

sale

내 스타일대로 만드는 나만의 PC

커스텀 PC 구성시 금액별 최대 75만원 장바구니 할인 쿠폰 적용 혜택

SSD/RAM 업그레이드 최대 60% 할인! ADP 및 프리미어 워런티 50% 할인

Legion Pro 5i (16", Gen 9)

레노버 온라인 스토어

물러서지 않는 게임 플레이. Intel® Core™ 프로세서로 성능 그 이상 실현.

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세대 출시기념 할인쿠폰 코드 포스팅은 제휴마케팅이 포함되어있습니다.

 

#레노버, #노트북, #할인코드, #할인쿠폰, #1월, #바우처, #노트북할인행사, #노트북세일, #페스타, #리전, #리젼, #게이밍노트북추천

+ Recent posts