내블로그 | 랜덤블로그 쪽지
책벌레 투윙오리
http://blog.yes24.com/posfate
리스트 | RSS
태그 & 테마링 | 방명록
투윙오리
주님이 ♡하는 최고의 걸작품
프로필 쪽지 친구추가
8월 스타지수 : 별60
댓글알리미 비글 : 사용함
전체보기
기본 카테고리
나의 리뷰
책벌레 오리씨
한줄리뷰
나의 메모
기본 카테고리
태그
특별한날은언제나오늘 하루10분내인생의재발견
2022 / 08
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
월별보기
나의 친구
최근 댓글
여러가지로 도움이 많이 되는 책이네요.. 
멋진 리뷰 잘 읽었어요. 우수리뷰 축.. 
길을 가는 것 인생이죠. 내려막길은 .. 
전 이 분 책은 이거 처음 읽은건데... 
우왕!~~~~책 당첨 되신 슈밥님 완.. 
새로운 글

전체보기
컴퓨터/IT] 소플의 처음 만난 리액트 | 책벌레 오리씨 2022-06-26 04:23
테마링
http://blog.yes24.com/document/16475336복사Facebook 보내기 트위터 보내기

[도서]소플의 처음 만난 리액트

이인제 저
한빛미디어 | 2022년 05월

내용     편집/구성     구매하기

위 상품을 구매하면, 리뷰등록자에게 상품판매대금의 3%가 적립됩니다. (상품당 최대 적립금액 1,000원) 애드온 2 안내

컴퓨터/IT] 소플의 처음 만난 리액트

 

웹사이트와 하이브리드 웹앱을 만들어 본 경험으로

요즘 관심이 가는 리액트관련해서 공부하기 좋은 책이 무엇이 있을까하고

찾아보다 이 책을 만났다.

일단 유투브 강의가 있다는게 좋았고

후루룩 흝어 보니 구성이 깔끔하고 설명과 함께 친절해 보였다.^^;

코드도 차근차근 설명도 차근차근

먼가 스텝바이스텝으로 확장되어 가며 알아가는 구조가

좋아서 이 책으로 공부해보기로 하고 겟!

전체 구성이 일단 급하지 않고

큰 구조를 먼저 보고 조금씩 조금씩 안으로 파고드는 구성이라

초보부터 차근차근 따라하며 깊이를 더하기 좋은거 같다.

웹사이트를 만드는데 필요한 주요 핵심 언어들

HTML, CSS, JS는 한번 흝어보고 그 다음으로

이 책을 통해 리액트를 활용해 웹사이트를 만드는 방법을

알아가길 추천한다.

적어도 웹페이지를 좀 만들어서 실행해보고

vs code로 웹페이지 만들어서 실행하는게

조금 익숙한 상태서 진행하면 좋을꺼 같다.

안그러면 새롭게 알아가야할 내용이 너무 많아져서

헷갈릴꺼 같다^^;

 

 

앞서서 기초지식 정리를 위해 HTML, CSS, JS

내용을 큰 맥락으로 정리해주지만

모르고 본다면 굉장히 어려울 거 같다.

대신에 이런 기초적인 부분을 가볍게 흝고 지나갔기에

리액트에 대해 좀 더 다룰 수 있는 거 같다.

 

 

기초 정리가 끝났다면 이제 본격적으로 리액트를 활용한

웹페이지 만들기를 해볼 시간!

 

 

항상 챕터 시작 전 해당 챕터에서는 어떤 내용을 다루고 있는지

개념정리와 실습 파트를 구분하여 도식화해서 보여줘서

어떤 내용을 배울지 미리 체크해볼 수 있어서 좋았다.

웹페이지를 만들때의 차이점부터 차근차근

내용을 다뤄줘서 기존 알고 있던 지식에 더해

새로운 내용으로 확장해나가는 것도 재미있었다.

이걸 사용해서 이렇게 만들어야 합니다가 아니라

이걸 사용해야 하는데 왜 사용해야하냐면~

이런 차이점 때문에 이렇게 사용하는 것이 더 좋습니다.

라는 식으로 설명해줘서 특히나 마음에 들었다.

 

 

아래 그림의 파란부분이 리액트 프로젝트 생성도구로 만들어진 부분

아래 파일 3개는 생성도구 없이 리액트를 사용할 경우이다.

설명을 읽으며 코드를 따라하다보면

아 이걸 이래서 사용하는구나 라고 이해가 된다.

어떻게 보면 책을 만드는 데 있어 대게 귀찮았을법도 한데

이렇게 차근차근 진행해주니 내용을 따라가는 입장에서는

좋은거 같다.

리액트의 단점이 어떻게 보면 복잡하고 알아야할 내용이 방대하다는 것인데

장점과 단점을 내용을 따라가며 잘느낄 수 있도록

조금씩 난이도를 조절해가며 내용을 잘 풀어나가는거 같다.

부가설명이 필요한 부분들, 더 알았으면 좋을꺼 같은 내용들

즉, 깊이를 더해줄 설명들은 NOTE를 통해 알려준다.

이 부분도 배우는 입장에서는 굿!

각 챕터들 마다 이렇게 마무리로

어떤 내용들을 배웠는지 정리도 해준다.

아주 친절한 책이다. 입문서, 기초서로 최고다!

좀 어려울수도 있는 개념들은

비유로된 도식화로 전체 이해를 돕고

그 다음 세부적으로 어떻게 활용되는지를

도식화하여 이해에 이해를 더해준다^^*

이런 류의 언어들을 공부하는데 있어 어려운건

부분 부분 수정해나가면서 코드를 완성하는 건데

초보자들이 가장 힘들어 하는 부분이다.

그런데 이 책은 이렇게 어떤 부분이 바뀌었는지

설명만 하는것에 그치지 않고

눈에 가시적으로 표시도 해줘서 변경할 부분 찾아보기도 좋았다.

코드를 따라하며 느낀 건

페이지별로 만들어 하나의 웹사이트를 구축하는 것이 아니라

리액트를 통해 부분 업데이트를 하며 페이지의 양을 줄여

좀 더 동적인 페이지 활용으로 웹사이트를 구축하는 것같다.

 

 

이전에 Flex나 Sliverlight같은 리치인터넷어플리케이션을 통해

전체 갱신이 아니라 부분 갱신으로 사용자와 상호작용했던 것을

플래쉬나 액티브X가 사라지고 HTML, JS를 기반으로 활용해

부분 갱신으로 사용자와 상호작용하는 느낌이다.

좀 더 공부해봐야겠지만 지금 까지 배운 내용으로는 그런 느낌이다.

 

 

IT는 기술이 참 빠르게 변하지만

그 중에서도 웹과 앱은 정말 빠르게 변하는거 같다.

그래서 늘 새로운 기술에 관심을 가지고 공부해나가야 하는데

그럴때 필요한건 독학하기 좋은 친절한 기초서이자

활용하기 좋은 기본서이다.

 

 

이 책은 리액트를 독학하기에 좋은

친절한 기초서이자

활용하기 좋은 기본서인거 같다.

그래서 리액트를 독학하고자 하는 사람에게

이 책을 추천하고 싶다.

 

 

※ 참고(유투브 사이트)

https://youtu.be/lhXH85p4Rxk

 

 

#리액트 #리액트기초 #리액트기초서 #리액트입문서 #리액트기본서

---------------------------------------------------------------------------------------

한빛미디어 <나는 리뷰어다> 활동을 위해서 책을 제공받아 작성된 서평입니다.

---------------------------------------------------------------------------------------

이 글이 좋으셨다면 SNS로 함께 공감해주세요.
댓글(0) 트랙백(0)
이 리뷰를 | 추천 0        
진행중인 이벤트
나의 북마크
이벤트 세상
트랙백이 달린 글
내용이 없습니다.
스크랩이 많은 글
내용이 없습니다.
많이 본 글
오늘 1 | 전체 19616
2007-11-10 개설