전 세계 자바스크립트 개발자가 좋아하는 UI 라이브러리

실전 스벨트 & 스벨트킷 입문 - 쇼핑몰 사이트 웹 애플리케이션을 만들면서 배우는 Svelte & SvelteKit
하마구치 교헤이.고세키 야스히로 지음, 이춘혁 옮김 / 제이펍 / 2024년 4월

해당 서평은 출판사로부터 책을 제공받아 주관적으로 작성하였습니다. 

저는 웹 개발에 관심을 생겨 자바스크립트를 공부하고 있습니다. 

순수 자바스크립트(일명 바닐라 자바스크립트)만을 공부하며 느낀 점은 프레임워크나 라이브러리 없이는 UI 개발에 필요한 개발 외적 요소 2가지를 채울 수 없을 것 같다는 생각이 들었습니다. 

1. 생산성 

- 개발을 할 때 물론 아이디어도 중요하지만 이 아이디어를 얼마만큼 빠르게 구현하여 이를 시연 하거나 고객들에게 선 보일수 있느냐가 크게 중요하다고 생각합니다. 이런 점에서 바닐라 자바스크립트 만으로는 개발 속도가 현저히 느리고, 이는 개발 경쟁에서 뒤쳐질 수 밖에 없다는 생각이 들었습니다. 

2. 유지보수  

- 프로그램은 개발 완료가 끝이 아니라 서비스를 하며 사용자의 요구 사항에 따라 기능 추가 또는 기존 기능 변경 그리고 버그 수정 등을 통해 계속 변화됩니다. 이는 UI도 마찬가지라 생각합니다. UI 의 기능 변경 그리고 버그 수정 등과 같은 유지 보수를 위해서는 개발 당시부터 많은 노력(파일 분리, 파일 정리, 코드 관리 등)이 필요한데 바닐라 자바스크립트만으로는 유지보수를 위한 노력이 상당히 많이 필요할 수 밖에 없다는 생각이 들었습니다.   

이러한 생각이 들었을 때쯤 

제이펍, [실전 스벨트 & 스벨트 킷 입문]이라는 책의 서평단에 당첨되어 이 책을 읽게 되었고 이를 통해 느낀 스벨트, 그리고 이 책의 장점을 적어볼까 합니다. 

.

.

.

1. 스벨트(Svelte)의 장점

 1) UI 상태 관리의 단순함

 - 예를 들어 UI버튼 클릭을 통해 자바스크립트의 변수의 값을 변경하는 방법이 굉장히 단순한 

   것 같습니다. 단순하다는 것은 쉽다 라는 것과 일맥상통하는 말로 즉 UI 상태 관리 방법이 쉽

   다는 것을 의미합니다. 

 2) 컴포넌트 분리 

  - 각 UI를 구성하는 요소 단위인 컴포넌트를 하나의 파일(*.svelte)로 관리하면서 적은 노력만

    으로도 UI 기능 수정 및 추가 유지보수가 가능한 것 같습니다. 

    ** 바닐라 자바스크립트를 사용할 경우, 기본적을 css, html, js 세개의 파일을 관리하게 됩니다. **

 3) 잘 갖춰진 개발 환경 구축 

  - 스벨트 개발 환경을 구축하기 위해 아래의 두가지 방식을 제공합니다. 

    (1) 공식 사이트 - REPL를 통한 스벨트 학습 

    (2) 로컬 PC에서 개발 환경 구축을 위한 개발 도구인 Vite 사용하여 스벨트 개발

 4) 다른 프레임워크 및 라이브러리보다 더 쉽게 개발을 시작 가능

 - 스벨트는 리액트(React)나 뷰(Vue)와 비교하여 적은 사전 지식만 으로도 개발을 쉽게 시작

   할 수 있습니다.

   ** 제가 다른 프레임워크나 라이브러리는 사용한 경험이 없어 일부 사이트 내용(동일 기능을

   리액트, 뷰, 스벨트로 구현한 코드)을 발췌 하였습니다. **

   발췌 사이트: 개발자가-사랑하는-프론트엔드-프레임워크-스벨트svelt

2. 이 책의 장점 

 1) 믿을 만한 출판사

 - 2009년부터 현재까지 약 500여 종 가까운 서적을 출판한 IT 전문 출판사로 업력만큼이나 사후관리(오역, 오탈자 수정 등)믿을 만한 회사라고 생각합니다. : )

 2) 스벨트 공부를 위한 최고의 입문서 + 실전서 

 - 책을 보면 스벨트를 통한 개발 초보자들을 위해 전반부에 스벨트의 기초 내용을 담고 있습니

   다. 또한 기초 내용을 통해 스벨트를 학습하고 이를 이용하여 온라인 쇼핑 애플리케이션(페이

   지)의 일부를 개발하는 방법 그리고 다른 스벨트 책에는 없는 스벨트를 이용한 웹 개발 전반

   적인 내용 및 기술에 대해 설명합니다. (Github, MongDB 사용 , 배포방법, 로그인 구현 방법 등등)  

 3) 한국 독자를 위한 한국어 부록판 추가. 

   - 한국 독자를 위한 한국어 부록을 통해 더 친절하게 스벨트에 대해 설명하여 독자로 

    하여금 스벨트 학습에 도움을 줍니다.   

게임 엔진을 공부하고자 하는 모든 이를 위한 도서

고도 엔진 4 게임 개발 프로젝트 - 최고의 오픈 소스 게임 엔진으로 크로스 플랫폼 2D 및 3D 게임 5가지 만들기, 제2판
크리스 브래드필드 지음, 강세중 옮김 / 제이펍 / 2024년 3월

해당 서평은 출판사로부터 책을 제공받아 주관적으로 작성하였습니다. 

저는 현재 게임 업계에 종사하는 약 4년차 게임 개발자 입니다. 

물론 저는 서버 개발자로써 현업에서 게임 엔진을 이용한 개발 경력은 전무하나 학원이나 개인 공부를 통해 유니티 엔진과 언리얼 엔진을 조금 공부해 본 개발자로써 이 책을 읽고 느낀 저의 주관적인 느낌을 적어볼까 합니다.  

저는 해당 책을 읽으면서 아래와 같은 2가지 관점에서 책을 읽었습니다. 

1. 고도 엔진을 공부할 필요가 있는가? 

2. 이 책은 읽을 만 한가?(= 구매하여 읽을 가치가 있는가?) 

1. 고도 엔진은 공부할 필요가 있는가? 

 1) 완전 무료 

  - 최근 발생했던 유니티 엔진의 가격 정책 논란으로 엔진 개발사의 가격 정책 변경이 

   게임 개발사와 인디 개발자들에게 얼마나 큰 부정적인 영향을 주는지 아실 겁니다. 

   물론 유니티가 가격 정책을 철회했지만 언제든 엔진 개발사의 편의에 따라 

   다시 가격 정책을 변경할 여지는 있으며 이는 게임 개발사와 인디 개발자에게 고스란히 

   개발 비용에 대한 부담이 됩니다. 하지만 고도 엔진은 완전 무료로 게임 수익에 대한 로열티

   부담이 없습니다. 특히 이는 자신의 게임을 개발하고자 하는 인디 개발자들에게는 더할 나위

   없는 장점이라고 생각합니다.

 2) 오픈 소스

 - 엔진에 대한 깊은 이해를 위해서는 엔진 내부 코드 분석을 필수입니다. 하지만 유니티 엔진은 

   오픈소스가 아니며 언리얼 엔진은 오픈소스이긴 하지만 상용화된 기간이 오래된 만큼 

   코드의 양은 방대하고 기술의 깊이도 깊은 만큼 초보 개발자나 엔진 공부가 

   처음인 개발자들에게 엔진 코드 분석이 쉽지 않습니다. 하지만 고도 엔진은 오픈 소스이며 

   언리얼 엔진에 비해서는 아직까지 코드의 양이 적고 기술의 깊이가 아직은 낮다고 

   생각됩니다. 이는 다른 엔진에 비해 공부할 양이 적어 게임 엔진 코드를 처음 분석하고 

   엔진에 대한 전체적인 구성을 공부하고자 하는 개발자들에게는 좋은 장점이 됩니다.

 3) 다른 게임 엔진을 공부하기 위한 초석 

  - 최종적으로 공부하고자 하는 엔진이 유니티 또는 언리얼 엔진이라고 하더라도 고도 엔진은

    많은 도움을 줄 것이라고 생각합니다. 유니티 엔진이나 언리얼 엔진에서도 통용되는 

   용어와 개발 방법이 다른 엔진들과 유사하면서도 게임 개발 방법을 쉽게 배울 수 있어 

   게임 엔진을 처음 공부하는 개발자들은 고도 엔진을 통해 엔진 동작 방법과 

   엔진에서 사용되는 용어들 배우고 나면 다른 엔진을 공부하기 쉬울 것이라고 생각합니다.

2. 이 책은 읽을 만 한가?  

 1) 현재까지 한글로 출판된 유일한 고도 엔진 버젼 4 도서

   - 현재까지는 고도 엔진에 대한 한국 커뮤니티, 그리고 관련 정보가 많이 없습니다. 공부하고

     자 한다면 많은 노력을 통해 직접 찾아야 하지만 책이 있다면 그 만큼 적은 노력으로 

     배울 수 있을 것입니다. 따라서 고도 엔진을 공부하기 위해 책을 구매하고자 한다면 

     해당 책이 유일합니다. :)

 2) 읽기에 부담없는 분량

   - 해당 책에는 총 5개의 미니 프로젝트가 각각 1개의 챕터로 구성되어있습니다. 각 챕터는 

     30에서 50 페이지로 구성되어 있어 책을 읽고 실습하기에 부담없는 분량입니다. 

 3) 알찬 내용 

   - 이 책의 가장 큰 장점이 아닐까 합니다. 각 챕터별 미니 프로젝트에 대한 단순 실습 방법만 

     나와있는 것이 아니라 진행하는 중간 중간에 개발과 관련된 이론 및 세부 내용을 

     빠트리지 않고 친절히 설명합니다.

     (예를 들어 벡터, 2D 좌표계라던지, 왜 이 함수를 사용해야 하는지  ) 또한 자칫 잘못하면 

     관련 이론과 세부 내용에 대한 너무 구구절절한 내용을 통해 개발 흐림이 끊길 수도 있는데 

     너무 적지도 너무 많지도 않게 잘 설명하여 개발 흐름이 끊기지 않으면서 이론 및 세부 정보

     도 습득 할 수 있습니다.

 4) 믿을 만한 출판사

  - IT 전문 출판사인 제이펍에서 출판한 도서로써 원서를 단순 번역한 것을 넘어 옮긴이, 그리고

   출판사가 노력하여 한국 독자들이 쉽게 그리고 이해하기 쉽도록 번역했다는 느낌을 

   받았습니다. 또한 한국 독자들을 위한 한국어판 부록을 통해 에디터 메뉴 버튼의 세부적인

   내용도 공부 할 수 있었습니다. 

HTML & CSS를 처음 공부한다면 주저없이 이책으로

나의 첫 HTML & CSS 웹 디자인 - HTML & CSS 기초부터 반응형 웹, CSS 애니메이션, 멀티 페이지 사이트 제작까지
Capybara Designs.다케우치 나오토.다케우치 루미 지음, 문지현 옮김 / 제이펍 / 2023년 10월

해당 서평은 출판사로부터 책을 제공받아 주관적으로 작성하였습니다. 

[해당 책을 읽으면서 느낀 이 책 만의 장점] 

1. 배움의 즐거움

- 카피바라라는 귀여운 캐릭터와 스토리를 html & css 공부에 접목하여 재미있고 즐겁게 배울수 있었습니다.  

2. 믿을 만한 출판사.

- IT 전문 출판사인 제이펍에서 출판한 도서로, 책을 읽는 동안 난해한 설명 과 오타를 보기 어려웠습니다. 또한 출판사 사이트를 통해 문의시 빠른 피트백을 받을 수 있었습니다.(오탈자 문의) 

3. 초보를 배려한 단계별 실습 예제

-  html & css 실습 예제가 하나의 완성된 자료로만 제공 되는 것이 아닌, 완성되기까지의 중간 단계(Step)까지도 자료로 제공되기 때문에 초보자가 학습 중간 중간에 무엇이 잘못 되었는지 확인하기 쉬웠습니다. 

4. 너무 두껍지 않은 책 (가볍게 읽을 수 있는 책)

- 한 분야를 공부하기 위한 입문 책으로써 책이 너무 두껍다면 책의 두께에서 오는 막대한 학습 분량으로 인해 독자가 위화감을 느낄수 있습니다. 또한 완독하기까지 시간이 너무 오래 걸리게 되어, 중간에 포기하게 될 확률이 높습니다. 이 책은 너무 두껍지 않아, 완독하는데 크게 부담이 없어 완독하기 쉽고, 완독 에 대한 보람을 느끼게 합니다.   

5. 지인들에게 강력하게 추천할 수 있는 도서

- 최근 html & css 공부에 관심이 생겨, 여러 책을 공부해봤습니다. 하지만 단순히 html 태그 와 css 설명만으로 가득하여 흥미를 얻기 어려운 책과 너무 높은 난이도의 실습 위주, 실습에 사용된 html 태그와 css에 대한 설명이 부족하여, 실습을 통해 하나의 완성작을 만들수 있지만 원리를 이해하지 못해, 학습 후 남는 것이 없는 책들이 대부분이였습니다.  그러던 중 이 책을 알게 됬고, 공부해보면서 여타 다른 책들과는 차별화된 책 구성과 내용으로 독자로 하여금 html & css에 대한 이해 및 흥미를 이끌어내기 충분하였습니다.

만약 지인에 저에게 html & css에 첫 입문을 하기 위해 책을 추천해달라고 한다면 전 주저없이 이 책을 추천할거 같습니다.