하수도키의 성장일기

책일기

[북리뷰] 모던 자바스크립트로 배우는 리액트 입문

오랜만에 책 리뷰로 돌아왔습니다. 이번 리뷰는 모던 자바스크립트로 배우는 리액트 입문입니다. 우선 저자가 일본인이다. 자케(오카다 다쿠미)!! 표지 일러스트부터 애니메이션 느낌이 나면서 딱딱한 일반 개발 서적과는 다른 느낌이다. 제목에도 입문이 들어가니 더 쉽고 가볍게 읽을 수 있는 느낌이다. 마지막으로 컬러북이다! 다른 책들과 마찬가지로 모던 자바스크립트(ES6)를 먼저 설명하고 그다음 리액트를 알려준다. 하지만, 다른 점은 표지에 있던 일러스트들의 인물들이 등장한다. 등장인물들이 회사에서 일어나는 에피소드를 바탕으로 공부하게 만든다. 만화책 읽듯이 쉽게 배울 수 있다. 여러 리액트책을 읽어봤지만, 이 책으로 시작한 다음 흥미를 느끼고 더 전문적인 책을 보는 것을 추천한다. 책에서 본 간단하고 이해하기..

책일기

[북리뷰] 모던 자바스크립트 핵심 가이드

자바스크립트 입문 책이 많이 존재한다. 매년 새로운 책들이 많이 나온다. 이 책도 그중 하나이다. 표지 오른쪽 하단에 씌여진대로 자바스크립트 기초부터, 타입스크립트, ES2021까지딱 이 부분만 보면 책이 최소 500 페이지 이상이겠구나 싶었다. 하지만, 밑에 핵심만 쏙쏙 이 부분이 포인트다. 총 300페이지도 되지 않는다. 자바스크립트 기초를 공부하는데 너무 두꺼운 책이 부담될 경우, 이 책을 여러 번 보면서 용어들과 친해지는 게 좋을 것 같다. 그리고 자바스크립트를 다시 한번 정리하고자 하는 사람들한테도 좋다. 설명과 코드를 보면서 부담없이 책을 읽을 수 있다. 그리고 각 장 마지막에 퀴즈를 풀면서 성과를 이룬 것 같은 느낌을 받게 한다. 덕분에 지루할 틈이 더 없는 것 같다. 한권 들고 다니면서 ..

개발일기/Javascript

[Javascript] 값과 변수(Values, Variables)

이번 포스팅에는 값(Value)과 변수(Variables)에 대한 차이점을 살펴보고, 원시 값과 참조 값에 데이터 할당되는 과정을 살펴보자. 원시 값과 참조값에 대한 설명은 이전 포스팅을 참조 2021.11.14 - [개발일기/Javascript] - [Javascript] 데이터 타입 정리(Data type, Primitive Value, Reference Value) [Javascript] 데이터 타입 정리(Data type, Primitive Value, Reference Value) 자바스크립트 처음 공부해보면 데이터 타입이 가장 처음에 나온다. 원시값(Primitive Value), 참조값(Reference Value)으로 데이터 타입을 나눈다. 원시값, 참조값에 대해 알아보기 타입 체크하기 크..

개발일기/Javascript

[Javascript] 데이터 타입 정리(Data type, Primitive Value, Reference Value)

자바스크립트 처음 공부해보면 데이터 타입이 가장 처음에 나온다. 원시값(Primitive Value), 참조값(Reference Value)으로 데이터 타입을 나눈다. 원시값, 참조값에 대해 알아보기 타입 체크하기 크게 2개의 챕터로 나눠서 포스팅을 진행하겠다. 기본적으로 값(Value)은 내 코드에서 사용할 순 있지만 내 코드에는 존재하지 않습니다. 이미지 참고 원시값(Primitive Value) String, Numbers, Undefined, Null, Boolean, Symbol로 이루어져 있다. 최근 BigInt도 추가되었다. Symbol, BigInt는 아직 많이 사용하진 않는다. 이 원시값들은 자바스크립트에서는 영구적인 부분이다. 즉, 가져다가 사용할 수 있지만 변경하거나 삭제할 순 없다 ..

개발일기/Javascript

[Javascript] URL페이지를 Location, Redirect, Reload 통해 살펴보자.

Javascript를 통해 URL 페이지를 관리할 때 loaction.load, location.href 등을 많이 사용했다. 사용할 때마다, 자연스럽게 손에 익어 타자를 치고 실행을 했지만 정확하게 살펴본 적이 없었다. 운 좋게 미디엄 포스팅에서 관련 내용이 있어서 한번 의역 위주로 번역해보았다. 원문은 아래 링크를 참고 https://betterprogramming.pub/redirect-refresh-and-access-the-url-of-the-current-page-in-javascript-3d9160e8317e Redirect, Refresh, and Access the URL of the Current Page in JavaScript JavaScript’s location object be..