하수도키의 성장일기

책일기

[북리뷰] 그래프QL 인 액션

한빛미디어에서를 통해 책을 지원받아 작성한 리뷰입니다. 이번에 리뷰할 책은 그래프QL 인 액션(GraphQL in Action)입니다. 한빛미디어에서 출시했고 사메르 부나가 지었고 김완섭님이 옮겼습니다. 이 책을 보기 전부터 GraphQL, Apollo 등 이야기를 많이 들었지만 정확하게 어떤 일을 하는지 몰랐습니다. Query로 요청(Request)하면 응답(Response)를 받는다. 딱 이정도까지 알고 있었습니다. RestAPI랑 이해하는 수준이 똑같았습니다. 하는 역할도 같다고 생각했습니다. 이 책을 읽으면서 GraphQL이 완벽히는 몰라도 뭐하는 놈이다라는건 확실히 알았습니다. 그래프QL 인 액션 책의 구성 총 3부로 나눠져 있습니다. 1부는 그래프QL 언어에 대한 소개로 시작하고 그래프 QL ..

책일기

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

자바스크립트 입문 책이 많이 존재한다. 매년 새로운 책들이 많이 나온다. 이 책도 그중 하나이다. 표지 오른쪽 하단에 씌여진대로 자바스크립트 기초부터, 타입스크립트, 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는 아직 많이 사용하진 않는다. 이 원시값들은 자바스크립트에서는 영구적인 부분이다. 즉, 가져다가 사용할 수 있지만 변경하거나 삭제할 순 없다 ..

개발일기/CSS

[CSS, 책리뷰] 새로운 CSS 레이아웃 - 살펴보기#1 (CSS LAYOUT, float, flex-box, BFC, grid)

CSS 전체를 다루는 책이 아닌 CSS 레이아웃에 대한 책이다. 지인 추천과 목차를 보고 마음에 들어 구매하게 되었다. http://www.yes24.com/Product/goods/60715949 float, flex, grid 등을 다루면서 CSS 레이아웃 과거부터 현재 그리고 미래를 다룬다. 목차 순서대로 리뷰해보겠다. 이번 포스팅은 1장, 2장 3장을 정리했다. 제1장 우리가 지나온 길 float 문제 .cards li { float: left; width: calc(33.333333333% - 20px); margin: 0 10px 20px 10px; background-color: darkorange; } card1 테스트입니다.테스트입니다.테스트입니다.테스트입니다. card2 테스트입니다.테..