-
-
초보자를 위한 리액트 200제
이정열 지음 / 정보문화사 / 2021년 2월
평점 :
요즘 개발에서 트렌드라고 하면 리액트를 빼고 이야기할 수 없을 정도로 정말 인기가 많습니다.
리액트는 페이스북이 만든 사용자 UI 구축을 위한 라이브러리입니다.
그리고 리액트의 간단한 개념만 알면 웹, 앱이 모두 개발 가능하기 때문에 인기가 많다고 할 수 있습니다.
리액트를 대표하는 특징에는 JSX 문법, Component 기반, 엘리먼트 렌더링 등이 있습니다.
JSX라 하며 J-vaScript를 확장한 문법입니다. 즉 리액트는 새로운 언어가 아닌 자바크르립트라고 생각하시면 됩니다.
리액트가 인기가 많아지게 된 이유라고 하면 하나의 단일 url을 가지고 SPA(Single Page Application)으로 사이트로 표현할수 있기 떄문입니다.
그리고 컴포넌트를 재사용 할 수 있기 떄문에 개발하기 편합니다. 리액트는 모든 것이 컴포넌트라고 해도 과언이 아닙니다.
레고 블록과 같은 작은 단위로 만들어서 그것들을 조립하듯이 개발을 할 수 있습니다.
state를 통해서 컴포넌트 내에서 동적으로 변동되는 데이터를 관리하며, 언제나 기본 값을 미리 설정해야 사용할 수 있습니다.
리액트 컴포넌트는 클래스형 컴포넌트와 함수형 컴포넌트로 나눌 수 있습니다.
개발은 보통 함수형 컴포넌트로 주로 사용되지만, state이나 Life Cycle method를 사용해야 할때에는 어쩔수 없이 클래스형 컴포넌트를 사용하는 방식을 선택했습니다.
하지만 React 16.8에 새로 추가된 기능 Hook이 나오면서 class를 작성하지 않고도 state와 다른 React의 기능들을 사용할 수 있게 되었습니다.
책은 크게 5장으로 이루어져있습니다. 1장부터 4장까지는 리액트의 기초 및 활용하는 법을 배우게 됩니다.
특히 Json 형태의 데이터를 받아서 react로 구현하는 법을 개발할 수 있으니 다양한 API를 통해 개발할 수 있는 장점이 있습니다.
마지막 5장에서는 실무에서 쓰고 있는 프론트를 react로 선택하고, 백엔드는 node.js, DB 는 AWS RDS, 웹서버는 AWS EC2로 연동되는 것을 실습할 수 있습니다.
웹 사이트를 구축해보면 자신감이 생겨서 다양한 부분에서 응용을 할 수 있을꺼라 생각해봅니다.
개발은 늘 그렇듯이 예제를 따라해보고 문제가 생기면 혼자서 해결해가는 과정 속에 개발실력이 쑥쑥성장할 것입니다.
200개의 예제를 통해서 리액트 고수가 되길 기원해봅니다.
