기타/도서리뷰

[나는 리뷰어다] 소플의 처음만난 리액트

파아란기쁨 2022. 6. 17. 09:25

 

소개

리액트는 메타(구 페이스북)에서 만든 오픈소스 자바스크립트 UI라이브러리입니다.

리액트의 장점은 빠른 업데이트와 렌더링 속도로 볼 수 있습니다. 리액트는 빠른 업데이트를 위해서 내부적으로 Virtual DOM 이라는 것을 사용하며 업데이트를 해야 하는 DOM 요소를 찾아서 해당 부분만 업데이트 하기 때문에 리렌더링이 잦은 동적인 모던웹에서 엄청나게 빠른 퍼포먼스를 발휘합니다.

또한 컴포넌트 구조로 재사용이 용이합니다.

HTML 파일 대신에 JSX(JavaScript eXtension) 파일을 사용하게 되는데 HTML 과 비슷하지만 XML을 기반으로 한다는데 차이가 있습니다.

 

구성

각 장의 구성은 미리 보기를 통해서 이 장에서 배울 내용을 살펴 보고, 개념을 정확히 알아보고 실습을 통해서 개념을 정리 하였습니다.

1장~3장 에서는 리액트가 무엇인지 살펴 보고 사용하기 위해서 프로그램 설치와 HTML 대신에 JSX 파일을 사용하는 법을 다루고 있습니다. JSX 파일이 무엇인지 JSX 파일을 사용함으로 리액트를 쉽게 접근 할 수 있는 방법을 설명하고 실습을 하면서 JSX파일을 이용해서 리액트를 쉽게 접근 할 수 있음을 보여 줍니다.

4장~5장 에서는 리액트의 가장 기본적인 요소인 엘리먼트와 컴포넌트를 다루면서 리액트 개념의 기본을 다지고 있다. 하나 하나의 예를 통해서 리액트에서 가장 중요한 컴포넌트의 개념을 이해 할 수 있고 이 개념을 이용하여 확장하는 방법을 살펴 볼 수 있다.

6장에서는 어느 프로그래밍 언어에서든 상태와 생명주기를 통해서 어느 시점에 프로그래밍을 해야 하는지를 알아야 하는데 리액트의 생명주기와 상태 함수를 사용하는 법을 다루고 있습니다. State를 변경 할 때 마다 리렌더링 되는 부분을 이용해서 메시지를 하나씩 출력 하는 방법을 살펴 보면서 실시간 채팅앱을 만드는 원리를 살펴 봅니다.

7장~8장에서는 훅과 이벤트 처리 방법을 이용해서 어떤 이벤트가 입력 되었을 때 데이터를 전달하고 처리 하는 과정들을 담았습니다.

11장에서는 우리가 알고 있는 HTML 을 리액트에서 처리하는 방법을 다루고 있습니다.

12장에서는 하위컴포넌트가 부모컴포넌트의 state 를 공유해서 사용하는 방법을 다루고 있습니다. 리액트는 이러한 state를 공유 함으로써 컴포넌트를 최대한 작게 쪼개서 재활용이 가능한 형태로 개발을 할 수 있습니다

13장~14장은 여러개의 컴포넌트롤 합치는 방법과 부모의 속성을 물려받는 상속,컨텍스트를 활용하여 데이터를 컴포넌트에 잔달하는 방법 등을 살펴 봅니다. 

15장에서는 리액트에서 CSS를 사용하여 폼을 꾸미는 방법을 살펴 봅니다.

16장에서는 15장까지 배운 내용을 이용하여 나만의 미니 블로그를 만들어 보면서 배운 내용을 활용하는 방법을 살펴 보게 됩니다.

 

서평

리액트가 웹프로그래밍의 일종이라고 생각해서 웹서비스를 이용해서 프로그래밍 하는 줄 알았는데 전혀 다른 느낌이어서 처음 책을 읽고 실습할때 살짝 당황을 했었는데요~

책을 차근차근 읽어 가면서 리액트의 개념을 이해하고 실습을 통해서 어떻게 사용하는지 정확히 익히다 보니 금방 친숙해 지는 느낌을 받았습니다.

 

저와 같이 Node.js 도 접해 보지 않았고 리액트도 처음 접해 본 사람들에게 처음에는 당황 할 수 있지만, 먼저 개념을 이해 해 보는 형식으로 한 단원을 모두 읽어 보신 후에 마지막 실습 파트에서 하나 하나 따라 해 보면 모든것을 이해할 수 있는 경험을 하게 될 것입니다.

4장과 5장의 엘리먼트와 컴포넌트의 개념을 이해하고 책을 읽다 보니 왜 리액트를 선호 하는지 느낄 수가 있었던것 같네요~

처음에는 리액트의 프로그래밍 언어가 생소해 보였는데 JSX 파일을 이용하여 컴포넌트를 활용하여 작성을 하다 보니 정말 간결해 지는 느낌을 받았고, 정리 되는 느낌을 받았네요~

왜 프런트엔드 개발자를 뽑는 회사에서 리액트 개발자를 선호하는지 책을 읽으면서 느낄 수가 있었던 것 같습니다.

 

이 책은 HTML/CSS 을 공부하시고 리액트를 처음 공부하시고 싶은 분들에게는 정말 좋은 안내서가 될 것 같네요.

 

 

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

 

 

 

 

 

사업자 정보 표시
원당컴퓨터학원 | 기희경 | 인천 서구 당하동 1028-2 장원프라자 502호 | 사업자 등록번호 : 301-96-83080 | TEL : 032-565-5497 | Mail : icon001@naver.com | 사이버몰의 이용약관 바로가기
1 2 3 4 5 6 7 8 ··· 77