한빛미디어

리액트는 사용자와 웹사이트의 상호작용을 돕는 인터페이스를 만들기 위한 자바스크립트 기능 모음집이 됩니다.

59쪽, 소플의 처음 만난 리액트.

 현 시점 리액트는 자바스크립트 UI 라이브러리 중 가장 많이 사용되고 있다. 현업에서도 리액트를 많이 사용하고 있는 터라 개발을 시작하는 이들도 많은 관심을 보이고 있다. 소플의 처음 만난 리액트는 ‘리액트의 기초와 핵심 개념을 가장 쉽게 알려 주는 입문자 가이드’라고 소개 되어 있는 만큼 입문자 혹은 초급자가 주요 대상이라고 할 수 있다. HTML과 CSS의 지식이 있다면 이 책을 익히는데 더욱 도움이 될 것이라고 한다. 하지만 그러한 선수 지식이 없더라도 따라잡을 수 있도록 웹개발에 대한 기본적인 내용도 책에 담겨있다. 

 실습 예제가 담겨 있는 git을 비롯하여 동영상 강의까지 제공하여 책으로는 파악할 수 없는 부분들을 다양한 콘텐츠로 보완해준다. 책을 읽으며 더 알고 싶은 것이 있다면 아래의 url을 접속하면 좋을 것 같다. 

1. 인프런

  https://inf.run/YehVc

2. 유튜브 

  https://www.youtube.com/@soaple

3. Git Hub 

 https://github.com/soaple/first-met-react-practice-v18

개발 환경 설정

리액트 교육 진행을 위해서는 아래와 같은 프로그램 설치가 필요하다.

- Node.js 및 npm 설치

- VS Code 설치

 앞서 말한 것과 같이 선수 지식을 미처 학습하지 못한 이들을 위해 준비하기 챕터를 마련했다. 이 챕터에서 HTML과 CSS, 자바스크립트의 개념을 파악할 수 있다. 또, Node.js와 npm, VS Code의 가이드를 따라 설치하는 시간도 갖는다. ​

그렇다면 스크립트 언어의 특징으로 무엇이 있을까요? 다른 프로그래밍 언어와 가장 큰 차이점은 프로그램이 실행되는 런타임에 코드가 해석된다는 점입니다. C언어나 자바 같은 컴파일 언어는 컴파일 과정을 통해서 소스코드가 해석되고 실행 가능한 형태로 변환됩니다. 하지만 자바스크립트와 같은 스크립트 언어는 런타임에 코드가 해석되고 실행됩니다.

34쪽, 소플의 처음 만난 리액트.

모든 변수들은 하나의 자료형을 갖게 되는데, 일반적인 프로그래밍 언어에서는 변수를 선언하는 시점에 해당 변수의 자료형이 결정됩니다. 그런데 자바스크립트에서는 변수를 선언할 때가 아닌 변수에 데이터가 대입되는 시점에 해당 변수의 자료형이 결정됩니다.

35쪽, 소플의 처음 만난 리액트.

문자열을 선언할 때에는 큰따옴표(“)로 묶어 주거나 작은따옴표(‘)로 묶어 주면 됩니다. 한 가지 유의할 점은 문장을 큰따옴표로 열고 작은따옴표로(’)로 닫는 식으로 두 종류의 따옴표를 한 번에 섞어서 사용하면 안된다는 것입니다.

37쪽, 소플의 처음 만난 리액트.

자바 스크립트를 알지 못했던 사람들을 위해 일반적인 프로그래밍 언어와 특징을 비교하여 설명한다. 코드 해석 및 실행 시점, 변수의 자료형 결정 시점, 문자열 선언 방식 등 원리의 차이를 보니 개념이 더욱 명확하게 느껴졌다.

그 다음 챕터에서부터 리액트를 소개하며 그와 관련한 기본적인 개념들을 정의해 나간다. 이후 스타일링에 이어 미니 프로젝트를 진행한다. 프로젝트 생성부터 컴포넌트 구현까지 실행하며 어느덧 리액트와 친숙해진 자신의 모습을 발견할 수 있을 것이다. 

"프론트엔드/리액트 입문자가 만나면 좋을 입문서"

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