본문 바로가기

BOOK_REVIEW/IT-PROG

[O'REILLY]자바스크립트는 모든 곳에 존재한다 | 책 수령기

토요일 아침일찍 주문한 책이 도착했을까 기대했지만,...오전이 지나고서야 수령했네요

저 고무줄 뒤엔,..

내돈내산!

 

책 살때 보니깐, 추가 상품이 있더라구요..그래서 한번 사봤어요 300원 추가 지출! (물론 이것도 포인트로..ㅎ)

 

사생활 보 캠 커버

 

책은 그냥 깔끔하게 보는편이라,..그리고 O'REILLY 시리즈는 이전에도 몇권 구매해봤는데, 이번에 보니까 저자도 같더라고요

 

애덤스콧 형님..대체, 이형님은...👍

 

지은이 소개

처음으로 이 책은 무인택배함으로 받아봤어요,

택배 배송완료 문자

아파트 동 입구앞에 있길레,..써보고 싶었죠..게다가 택배로 왔으니 상자 처리도 편할것 같고..

 

바로 쓰레기장으로 분리수거 슈슝! (신축 아파트라 분리수거 이상하게 하는 사람은 별로 없더라고요,ㅎㅎ)

 

엘리베이터를 타고 올라오면서 표지와 목차를 봅니다...생각보다 얇아서 놀램, 뭔가 최신 기술들이 들어있어서 무겁고 

 

두꺼울것만 같았는데,..😂

 

아무튼, 의자에 앉아서 몇장 넘겨보면서 블로그 리뷰를 위한 사진촬영도 놓치지 않았습니다.

0123
Javascript Everywhere

이제 본격적인 리뷰를 위해 준비를 해봤습니다. 몇몇 툴이나 개발도구는 이미 세팅되어 있어서, 애덤스콧 형님이 이야기한 것 처럼 하나씩 준비를 해봤어요

 

지금부터는 리뷰 겸 학습기록입니다.

 

Chapter1. 개발환경

- 편집기  : Visual Studio Code (제가 애용하는 IDE입니다)
https://code.visualstudio.com/

 

Visual Studio Code - Code Editing. Redefined

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com

- 브라우저 : Google Chrome (요새 GTP가 핫하니까...MS Edge도 설치해봤어요!)

- Git : Visual Studio Code에 내장되어 있는 Source Control을 이용해도 되는데 저는 별도로 Git을 설치한 케이스에요
https://git-scm.com/

 

Git

 

git-scm.com

- Node.js : LTS 버전으로 v18.12.1 을 사용중입니다.
https://nodejs.org/en/

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

- MongoDB : 지금은 RDBMS인 Oracle 21cXE, MySQL v8.x만 설치되어 있는데,..오늘 설치 해볼려고요!  로컬에 설치하려면 Community Server 버전을 설치하면 되나봐요
https://www.mongodb.com/

 

MongoDB: The Developer Data Platform

Get your ideas to market faster with a developer data platform built on the leading modern database. MongoDB makes working with data easy.

www.mongodb.com

- 그밖에...1장에선 이것만 있어도 따라갈수 있을듯 한데요!

 

책을 보며 따라서 해볼 프로젝트 폴더를 D:\에 생성했습니다. Projects!

project 폴더가 이미 있었네요, 뭐냥..

애덤 스콧 형님이 제공하는 모든 소스들을 Clone 하면서 프로젝트를 시작하는데, 저는 그냥 하나하나 만들어보고 싶어서..일단 시키는 대로 Clone 해두고, 별도로 my-app 이라는 이름의 폴더를 Projects에 생성하고 Visual Studio Code로 폴더를 등록해두었습니다.

 

먼저, git bash를 열어서 아래 명령을 입력해 프로젝트 세팅을 해봤어요!

cd d:
mkdir Projects && cd Projects
git clone https://github.com/javascripteverywhere/api.git
mkdir my-app && cd my-app
npm init -y

Node.js 환경을 바탕으로 크로스플랫폼 앱을 만든다는 굉장히..뭐랄까, 트렌드한 방법이 궁금해져서 구매한 책인데, 첫 개발환경 세팅부터가 익숙한지라 따라하기 편한거같네요.

 

아직, 1장밖에 살펴보지 않았지만,..앱 제작시 Expo를 사용하는 부분,..뭐랄까, 실제 리액트 네이티브로 앱 제작하는 기본적이고 가장 일반적으로 추천하는 툴체인으로 알고는 있는데..Expo 없이도 개발하는 부분이 있으면 좋겠다고 생각도 하고요 잘 따라해봐서 저만의 크로스 플랫폼 앱을  만들고 싶어서, 좀더 책 내용에 몰입해봐야 겠습니다.

 

1장 개발환경구축 끝!

애덤 스콧형님이 추천하신 Dracula 테마를 설치해봤습니다. 이미 다른 환경에서 Dracula 테마에 대해서 알고 있었는데, Visual Studio Code에도 있다고 하니,..깔아봤죠!

 

왠지, 야근용 테마 아닌가...아님, 말고, 

 

- 요약

 

Node.js 환경을 기반으로 자바스크립트를 이용한 크로스 플랫폼 앱 개발 환경을 구축완료 하였음 😍