리액트네이티브 공부에 필수인 도서

리액트 네이티브를 다루는 기술
김민준 지음 / 길벗 / 2021년 10월

이 책의 가장 큰 장점은 쉬운 예제를 통해 개념과 실습을 동시에 잡을 수 있다는 점이다.

개념이 살짝 이해가 가지 않을 때 실습을 따라 하다 보면 어느새 이해가 되고 있다.

더불어 개념 이해를 위한 실습뿐만 아니라 진짜 실무에서 쓸만한 컴포넌트, 실무에 쓸만한 기능들을 배울 수 있다.

내가 나중에 프로젝트에서 리액트 네이티브를 쓰게 되었는데 막힐 때 이 책을 백과사전처럼 찾아가면서 적용하면 큰 도움이 될 것 같다

마지막 쯔음에는 API에 관련한 내용이 나오는데, Postman 사용법까지 아주 자세하고 친절하게 나와있다.

필요한 모든 것들이 책에 포함되어 있으니 이렇게 두꺼워질 수 밖에 없다는 걸 이해하게 되었다 ㅎㅎ

비전공자 개발자에게 딱 맞는 책!

처음 배우는 네트워크 보안 - 보안 시스템 구축부터 관제까지 네트워크 보안의 모든 것
장상근 지음 / 한빛미디어 / 2021년 6월

서비스를 운영하면 꼭 깊이있게 알아야할 네트워크 보안. 우리의 사업과 비용, 서비스의 운명이 좌지우지되는 것이 보안입니다. 비전공자로서 쉽게 배울 수 있는 도서가 필요했는데 정말 쉽고 자세하게 설명이 되어있어 도움이 많이 되었습니다. 뿐만아니라 클라우드 보안까지 아울러주는 책입니다.

보안은 백엔드 뿐만아니라 프론트엔드 개발자도 알아야한다고 생각합니다. 모든 개발자가 꼭 알아야할 보안을 쉽게 설명되어있어 큰 도움이 되는 책이었습니다:)

[스벨트 책 추천] 스벨트로 모바일청첩장 개발했어요

스벨트 앤 새퍼 인 액션 - 빠르고 우아한 웹 애플리케이션 설계 프레임워크
마크 볼크먼 지음, 박수현 옮김 / 한빛미디어 / 2021년 7월

개발자인만큼 옛날부터 모바일 청첩장은 직접 만들겠다는 로망이 있었는데요!

현업에서 Svelte를 이용해서 앱을 만들고 있는 만큼, Svelte로 모바일청첩장을 만들어보았습니다.

스벨트 앤 새퍼 인 액션 (한빛미디어) 책을 많이 참고했어요!

스벨트라는 프레임워크를 처음 들어보는 분들도 많을 것 같은데요!

요새 떠오르는 웹 프론트엔드 프레임워크 입니다.

스벨트의 장점!

왜 스벨트를 써야하는가!

1. 스벨트로 만든 번들은 다른 프레임워크보다 훨씬! 작습니다.

스벨트는 컴파일되기 때문에 꼭 필요한 코드만 번들에 넣습니다. 리액트같은 경우엔 프레임워크에 필요한 여러 기본적인 코드들이 다같이 들어갑니다. 그래서 같은 앱이라고 한다면

스벨트로 만든 앱은 9.7KB

뷰는 41.8KB

리액트+리덕스는 193 KB

라고 합니다. (Conduit라는 앱을 만들고 비교하였습니다.)

이것만 보아도 스벨트는 정말 작죠?

2. 코드를 적게 사용합니다.

이건 스벨트를 배울때부터 알 수 있습니다. 한마디로 스벨트만을 위한 코드가 거의 없다고 보면 됩니다. 리액트 같은 경우에 (제 기준) 쓸데없이 기본적으로 써야하는 코드들이 많습니다. 스벨트는 그런것들을 다 제외시키고 정말 필요한 코드만 작성하게 되어있습니다.

위에서 언급한 앱의 코드를 비교해보면

스벨트는 1,116줄

뷰는 2,076줄

리액트+리덕스는 2,050줄

입니다.

반정도 적은걸 알 수 있습니다.

3. 가상 DOM 없이 반응성을 제공합니다. 그래서 더 빠릅니다.

리액트는 가상DOM을 사용하여 가상DOM과 실제DOM을 계속해서 비교하고 달라진 부분만 업데이트 하는 식으로 웹페이지가 구성됩니다. 스벨트는 가상DOM을 사용하지 않고 상태를 업데이트 할 수 있습니다.

이 외에도

스벨트가 가장 메모리를 덜 차지하고,

컴포넌트 생성이 매우 쉽습니다. (컴포넌트를 만들 때 필요한 기본적인 코드가 거의 없습니다. 클래스 등의 개념조차 필요하지 않습니다.)

상태관리가 정말 간편하며, 애니메이션도 손쉽게 만들 수 있습니다.

이 이유만으로도 Svelte를 사용하는 이유가 충분하지 않나요?

얼른 스벨트가 유명해져서 저도 더 몸값이 높은 개발자가 되고 싶습니다.

스벨트 앤 새퍼 인 액션은

위의 내용을 다 아우르면서

컴포넌트를 어떻게 정의하는지,

블록 구조 ({#if}, {#each} 등 ), 컴포넌트간의 통신, 스토어 (상태관리), 애니메이션, 라우팅, 디버깅, 테스팅 및 배포까지 다룹니다.

그리고 스벨트 기반 프레임워크인 새퍼까지 다루게 됩니다.

그래서 Svelte and Sapper in action을 참고하여

청첩장을 Svelte로 만들어 보았습니다!

Component 예시

별거 없지만 세로 간격을 조정하기 위해 Space라는 빈 요소를 만들었는데요,

(Space.svelte)

<script>

export let value;

</script>

<div class="space" style="height:{value}rem"></div>

value 값을 넘겨주면 그 rem만큼 간격이 벌어집니다.

Space 컴포넌트를 호출할 때에

<Space value=3></Space>

이런식으로 호출을 하면 됩니다.

어쨌든 저는 Svelte를 이용해서 저만의 청첩장을 거의 3시간 안에 만들었습니다!

업체에서 만들면 며칠내로 삭제되는데 이건 평생! 가지고 있을 수 있는 청첩장인데다가

사진도 무한대로 넣을 수 있어서 40장 넘게 넣었어요ㅎㅎㅎ

어떤가요~

Svelte에 대한 흥미가 더 생기지 않으셨나요?

제가 처음 Svelte를 시작할 때에는 교재도 없고 강의도 없어서 공식문서로만 공부를 했는데, 한빛미디어에서 이렇게 책을 내주셔서 여러분은 더 쉽게 배우실 수 있겠네요!!!!

스벨트에 관심이 생기신 분들은 꼭! 이 책을 참고하셔서 시작해보세요!

어떤 웹페이지든 정말 쉽게 만드실 수 있습니다. ㅎㅎㅎ

개발자에게도 꼭 필요한 엑셀 스킬을 올리기!

회사에서 바로 통하는 실무 엑셀 함수&수식 - 모든 버전용 ㅣ 회사에서 바로 통하는 시리즈
김경자.송선영 지음 / 한빛미디어 / 2021년 6월

개발자도 운영업무를 하다보면 통계자료를 뽑야아할 경우가 많이 생기고, 

통계를 뽑기 위해서 엑셀만한 것이 없기 때문입니다!

물론 데이터베이스에서 SQL로 바로 자료를 뽑을 수도 있지만 raw데이터를 가지고 이리저리 가공하는 데에는 엑셀이 최고라고 생각이 들어요~!!

저는 엑셀을 제대로 배워본 적이 없고, 중고등학교때 컴퓨터시간에 배운게 다라서 이 기회에 좀 익혀보고자  실무 엑셀 참고서를 읽게 되었습니다.

회사에서 바로 통하는 실무 엑셀 함수와 수식!

유명한 엑셀 시리즈예요 ㅋㅋ

회사에서 바로 통하는 엑셀 시리즈의 장점은 이렇게 비법노트가 있다는 점입니다!

본론 내용 중에서 짤막한 메모같은 느낌으로 챕터마다 꿀팁이 적혀있는데요,

그걸 또 목차로 정리를 해놓아서 정말 편하게 꿀팁들만 볼 수도 있어요~!

본문은 이런식으로 쉽게 따라할 수 있도록 설명되어있습니다.

차례대로 따라하다보면 손에 익어지는 느낌!

그리고 한번만 해보면 나중에 헷갈리더라도 책을 한 번만 찾아보면 되니까요~!

마지막장에 제일 많이 쓰이는 함수와 단축키들 모음이 있어서

잘라서 책상에 올려놓고 사용할 수도 있습니다!

재택이 끝나고 회사에 출근하게 되면 저도 잘라서 세워놓을까봐요~!!

자바스크립트 개발자인 나에게 개념을 완벽히 정리해준 책

모던 자바스크립트 핵심 가이드 - 자바스크립트 기초부터 타입스크립트, ES2021까지 핵심만 쏙쏙
알베르토 몬탈레시 지음, 임지순 외 옮김 / 한빛미디어 / 2021년 5월

<모던 자바스크립트 핵심가이드 추천 이유>

1. 간단한 개념부터 심도있는 개념까지 쏙 이해되도록 명료하게 되어있음

2. 각 챕터가 길지 않아서 짧은 호흡으로 읽을 수 있음

3. 매 챕터마다 간단한 퀴즈로 이해했는지 확인할 수 있음

4. 군더더기 없는 설명

5. 책이 작아서 휴대하기 좋음

<이런 분들에게 추천합니다!>

자바스크립트를 사용하는 개발자라면!

분명 자바스크립트를 쓰고 있는데 누가 물어볼 때 설명을 잘 못하겠다면!

자바스크립트부터 타입스크립트까지 한번에 빠르게 익히고 싶다면!!

저는 프론트엔드 개발자 입니다!

그런데 사실 고백하자면, 자바스크립트를 심도있는 이론까지 배워본 적이 별로 없어요... 실전 위주로 그때그때 쓸만한 문법들과 규칙들을 배웠지, 처음부터 배운 적은 없어요...ㅎ 그래서 아주아주 간단해보이는 let과 var의 차이 이런 것들을 느낌만 알지 설명할 줄은 몰랐어요 ㅎㅎ;;

그래서 이번 기회에 자바스크립트를 기초부터 탄탄하게 익혀보고자 <모던 자바스크립트 핵심가이드> 책을 읽어보았습니다! 

책이 손에 쏙 들어와요! 그래서 출근하는데 가져와서 일 하기 싫을 때마다 틈틈히 읽었습니다 ㅎㅎ

제 옆 자리 선임님께도 추천드렸어요!!

개념이 정말 쉽고 깔끔하게 설명되어있거든요! (군더더기 없음)

중요하지만 사람들이 잘 모르는 문법적인 내용이 간단하고 명료하게 적혀있습니다. 

그리고 그 중에서도 더 중요한 것은 굵은 글자로 되어있으니 이해가 훨씬 잘 되더라구요~

자바스크립트의 호이스팅 이라는 것도 이번 기회에 처음 알게 되었어요 ㅎㅎ;;

this 키워드는 java 때나 배웠었는데, 자바스크립트가 경우에 따라 다른 걸 가리킨다는 사실은 또 처음 알았네요.. 자바스크립트 너무 이랬다가 저랬다가.... 어렵습니다 ^^;;

또한 각 챕터마다 3-4문제씩 아주 쉬운 기본적인 퀴즈가 있는데, 머릿 속으로 풀면서 한 번더 정리를 하니까 오래오래 기억에 남았어요! 그런데 각 챕터가 길지 않아 호흡을 짧게 가져가는 것도 아주 좋더라구요