만들면서 배우는 플러터 앱 프로그래밍 후기

만들면서 배우는 플러터 앱 프로그래밍 - 7가지 모바일 앱 UI 제작 & RiverPod 상태 관리
최주호.김근호.이지원 지음 / 앤써북 / 2023년 12월

요즘은 모바일 시대다

그만큼 스마트폰과 태블릿PC로 많은 즐거움을 즐길 수 있는 현실이다

이번 도서체험단에 선정되어

"만들면서 배우는 플러터 앱 프로그래밍" 도서에 대해 후기를 작성해보고자 한다

책을 정독하면서 실습하고 느낀바를 적은 후기 만큼 참고용으로 판단해 주시길 바란다

플러터는 고성능, 고품질의 iOS, Android 앱과 웹을 단일 코드 베이스로 개발할 수 있는 구글의 모바일 UI 프레임워크이다

스크롤 동작, 글씨, 아이콘과 같이 플랫폼 별로 달라지는 부분들을 아울러서 서로 다른 플랫폼에서도 자연스럽게 동작하는 고성능의 앱을 개발할 수 있는 것이 플러터의 목표라 한다

즉 플러터를 이용해서 앱을 개발하면 아이폰이든 안드로이드폰이든 자연스럽게 동작할 수 있는 앱을 만들 수 있는 모바일 프레임 워크로

다트라는 프로그래밍 언어로 사용한다

Dart 언어는

C#, Javascript, Java 언어가 숙지되어 있다면 배우기 쉬우며 UI에 최적화된 언어이다

프로그래밍 언어는 한가지만 집중해서 익혀두면 비슷하거나 파생되어 사용하므로 한가지 프로그래밍을 다룰줄 안다면 Dart 프로그래밍 역시

잘 이해되고, 앱 개발에 어려움이 없을 거라 보인다

다시 말하면 무엇을 개발하기 위해서는 어떠한 프로그래밍 언어에 대해 이해정도는 해야 수월하다는 의미이다

본 도서에서는 플러터 설치와 다트 언어의 간략한 사용 방법에 대해서 설명해주고 있다

책 내용을 따라서 소스코드를 받고 그대로 따라하면 앱 개발은 분명히 된다

왜냐? 소스코드를 제공하기 떄문에

하지만 진짜 개발 프로세스를 이해하고 코드를 작성해서 실습하고 싶다면 제공하는 소스코드 대신 직접 책 내용대로 따라할 것을 권장한다

코딩을 직접 하고 코드를 다루는 실습은 누가 떠먹여주는 밥이 아니기에 내가 직접 먹는 밥이기에 더 맛있는 법이기 때문이다

또 코드 작성을 스스로 안하면 적어도 타이핑도 안한다면 언제까지고 그 수준에 머물러 있을 거 같기도 하다

만들면서 배우는 플러터 앱 프로그래밍

7가지 모바일 앱 UI 제작 & RiverPod 상태관리

도서는 10개의 실습 챕터를 다룬다

01. 스토어 앱 만들기

MeterialApp, Scaffold, Column, Row, Text, SafeArea, Image, Spacer, Expanded, Padding, Size Box 등 전반적인 위젯에 관한 내용을 다룬다

02. 레시피 앱 만들기

AppBar, Container, Icon, ClipRRect, Container, AspectRatio, ListView 위젯과 Font 변경에 관한 내용을 다룬다

03. 프로필 앱 만들기

ThemeData 클래스, TabBar, TabBarView, AppBar, InkWell, GridView, Drawer, Align 위젯, Image 위젯으로 network 이미지를 다운받아 화면에 표시하는 방법에 대해 다룬다

04. 로그인 앱 만들기

05. 쇼핑카드 앱 만들기

Form 위젯, TextFormField 위젯, Navigator 위젯을 위한 Route, Svg 위젯, 앱 전체 디자인을 위한 Theme 사용법에 대해서 다룬다

06. 모두의숙소 웹 만들기

플러터 웹에 대해서 다룬다

07. 모두의마켓 앱 만들기

08. 사진 관리 앱 만들기 : 카메라 제어하기

09. 상태 관리 앱 만들기 : RiverPod

10. 모두의 블로그 앱 만들기 : RiverPod

프로젝트를 진행하면서 처음엔 기초적인 부분과 다소 이해하기 쉬운 코드를 다루었다면 점차적으로 코드도 많아지고 내용도 복잡해 지는것을 느낄 수 있다

하지만 이 책의 수준은 아주 기초적일 것이다

복잡해 보이는 코드도 우리는 처음이기 떄문일 것이다

본 도서의 독자 중 아직도 print("Hello World"); 만 눌러대는 수준의 입문자가 대부분일 것으로 보인다

실습을 하다 보면 책내용과 다른 오류가 발생할 수 있다

이런 경우 안되거나 오류가 생긴 부분의 코드를 수정하면서 실습을 진행한다

본 도서의 내용에 담긴 프로젝트에 대한 실습을 모두 진행해 보았다

앱 개발에 대한 포스팅은 따로 작성하려고 한다

실습에 대한 내용과 결과물 등 내용이 너무 길어서 지루할 수 있기 때문이다

총평

앱을 개발하면서 스스로 개발자라고 착각할 정도로 쉽고 빠르게 앱을 개발하게 되는걸 느낄수 있었다

이거는 코드 하나로 모든 플랫폼에서 사용가능한 특성 때문이며, 이 부분은 너무나 큰 장점과 편리함, 시간을 아낄 수 있는 기능이기도 헀다

특히나 유지보수 측면에서 너무 편할 것으로 보인다

왜 플러터 하는지 추천하는지 알려지고 있는지 너무나 잘 와닿고 느낄 수 있는 실습이었다

지금은 책 내용에 따라 그대로 따라한 수준이지만, 차츰차츰 더 발전하여 내가 원하는 앱을 설계하고 구현해서

빠른 시간내 플러터를 활용해서 진짜 개발자가 되길 기도한다

내 상품 상세페이지는 직접 제작한다!

오픈마켓.쇼핑몰.G마켓/옥션.쿠팡.네이버 스마트스토어 상세페이지 제작 - 구매패턴분석 + 포토샵 핵심기능 + 디자인 + 실무형 HTML, 개정5판
김대용.김덕주 지음 / 앤써북 / 2022년 4월

본인은 IT 전문가로서 업무를 맡다가 기회가 되어 마케터로 직업 전환?이 된 상황입니다.
물론 혼자서 기획/제작/편집/광고 등을 맡아 끝없는 배움과 연구, 개발 등 아직도 많이 부족한데요.
이러던 찰나 또 기회가 있어 쇼핑몰도 해야하는 상황도 생겼습니다. 지금은 몸이 열개라도 모자란다는
문장을 몸소 체험하며 지내고 있군요.

아무튼 온라인 스토어를 준비해야하기에 여기서 가장 중요한건 상세페이지라 판단되어
공부를 해야겠다고 마음먹었습니다. 제가 모르는 분야니까!

그러다가 딱 제목부터 마음에 드는
오픈마켓 · 쇼핑몰 · G마켓/옥션 · 쿠팡 · 네이버 스마트스토어 상세페이지 제작
서적을 발견하였지요.

두근두근 거리면서 목차와 내용을 읽고 많은 배움과 깨달음을 얻었습니다.

먼저 쇼핑몰에서 상세페이지는 정말 중요하죠
제품에 대한 허위 정보나 신뢰할 수 없는 거짓정보가 있다면 소비자인 입장에서 외면받기 쉽잖아요.
저 같아도 상세페이지를 믿고 구매하는 경우가 많으니, 상세페이지의 정보는 정말 중요합니다.

많은 판매자들은 오픈마켓에 상품을 등록하기위해 상세페이지를 전문 제작 업체에 의뢰해서 진행하는데요.
단품 몇개라면 여러번 재사용이 가능하지만 판매할 물건이 많다면 외주업체에 맡기는게 부담이 되겠죠?

그래서 본 서적을 고른 이유는 제가 직접 상세페이지를 제작해서 외주업체에 대한 비용 부담을 줄이고
마케터로서의 역량을 키우기 위함이기도 합니다. 물론 시간 투자도 필요하겠죠!

본 서적은 총 6개 챕터로 구성되어 기초부터 실무까지 내용을 담고 있습니다.
먼저 기획 분야부터 시작하는데요. 상품마다 특성이 있지만 상세페이지도 나름 유행을 타기에 기획이 제일 중요한 시작 포인트입니다. 그래서 단순 상품 안내정도로 생각하면 금물이죠.
작은 홈페이지를 만든다는 생각으로 기획하고 접근해야하고, 어떤 키워드로 우선적으로 수집하고 비슷한 상품과 상품페이지를 어떤 부분에 포커스를 맞춰 기획해야 할지가 중요 포인트에요

상세페이지는 처음 만들 때 부터 잘만들어야 합니다. 왜냐하면 여러 오픈마켓 쿠팡, 네이버 스마트스토어,
G마켓, 옥션 등 같은 상품을 여러 플랫폼에서 업로드 해서 사용해야 하기 때문인데요. 

내용중에 유명한 사진 편집 프로그램인 포토샵을 사용하여 상세페이지 제작을 위한 스킬을 제시해주고 있습니다. 그래서 책에서는 상세페이지 제작에 주로 사용되는 기능 위주로 설명해주고 있고, 제작 해줄 때 만큼의
왠만한 기능을 설명해주더라구요

하지만 상품페이지 디자인을 할 줄 안다고 다가 아니죠?
각각 오픈마켓마다 상품 등록과정에 대한 플랫폼이 다르므로 그것도 공부해야합니다. 각각 오픈마켓 상세페이지들을 등록하는 가이드도 설명하고 있어 그 방법을 잘 배워둬야 합니다.

상세페이지의 기획과 디자인이 끝났다면 상품의 카테고리별 상세페이지를 제작할지를 고민해야 합니다.
먼저 상품의 사진도 중요하지만 사용되는 폰트는 더 중요한데요. 상업용 무료폰트도 많이 배포되고 있으니
잘 활용만 하시면 엄청 도움이 되실겁니다.
도서의 예시는 의류, 잡화, 물티슈, 수산물, 뷰티, 아동복 등에 대해 다루고 있는데요. 평소는 소비자로써 상품을 골랐다면, 이제는 판매자로써 고객들이 상품에 관심을 가지고 구매하기까지 유도해야 하는 입장이므로 잘 학습하시면 될 거 같습니다.

다음은 자기제품에 대한 브랜딩에 관해 내용을 담고 있는데요. 상세페이지라고 상품설명만 하는 것은 아니죠. 어느정도 쇼핑몰에서 입지가 다져지기 위해서는 자기 제품에 대한 브랜딩도 필요합니다.
상품평이 좋다면 고객들은 그 회사의 브랜드만으로 신뢰를 가지고 구매하기 떄문인데요. 재주문의 효과를 얻기 위해서는 종합 쇼핑몰 상세페이지를 제작하는 분야에도 관심을 가져야 합니다

HTML에 관한 내용도 답고 있는데요. HTML에 대해서 모르는 초보 판매자분이시라면 외부 제작업체에
상품 페이지 제작을 의뢰할 수 밖에 없습니다.
하지만 앞으로 꾸준하게 상세 페이지를 제작할 것이라면 기본적으로 HTML에 대해서 배우는게 경제적으로
큰 이익이 될테죠
오픈마켓 상품 상세페이지에 대해 링크등을 적용할 때 정도로 사용할 수 있는 수준이면 충분합니다

본 도서는 상품 상세페이지 제작을 어떻게 해야 상품을 잘 팔 수 있을 지에 대한 방법들을 담고 있는데요
PC나 모바일에 최적화된 상세페이지, 우선 검색, 우선 노출 등 페이지 고객 패턴분석과 셀링 포인트를 분석해서 반영하는 방법을 제시하는 내용으로 구매 전환율이 높도록 제시합니다.

책 내용을 파악하는데는 무리가 없는 수준으로 중요한 점은 오픈마켓 등록 뿐만 아니라 쇼핑몰 디자인 기획 및 제작에 대한 유용한 내용을 배우면서 내 상품들의 셀링 포인트를 제대로 파악해서 운영하신다면
좋은 결과가 있을 거 같습니다.