인프런 React 1.

 

원래는 생활코딩의 React를 듣고 있었는데 중간고사가 끝나고 다시 보니 중간과정을 까먹어서 다시 들어야하는 상황이 되었다. 그래서 어떻게 할 지 곰곰이 생각해본 결과 다른 강좌를 찾기로 결정했다.

생활코딩의 강좌를 들으면서 느꼈던 부분은 현재 내 실력에서 어렵다는 느낌을 받았다. 그래서 인프런의 강좌로 옮겨보았다.

www.inflearn.com/course/react-%EA%B0%95%EC%A2%8C-velopert/dashboard

[무료] React & Express 를 이용한 웹 어플리케이션 개발하기 - 인프런 | 강의

이것을 먼저 듣고 난 뒤에 다시 생활코딩에 도전할 생각이다.

 

__________________________________________________________________________________________________________

 

React Fundamentals

Redux는 어플리케이션의 상태를 관리

webpack은 모듈 번들러로 플러그 인을 통해 프로젝트를 빌드하는 작업을 도와준다.

Express와 mongoDB를 이용해 백엔드 서버를 만들 수 있다.

Express는 노드 js환경에서 웹서버를 여는 걸 쉽게 해주는 프레임워크

MongoDB는 NoSQL이다. (빅데이터 처리를 위한 비관계형 데이터베이스 관리 시스템, 대규모의 데이터를 유연하게 처리할 수 있는 것이 강점이다.)

mongoose는 node.js 웹서버에서 MongoDB를 간편하게 사용할 수 있게 해주는 프레임워크.

 

리액트는 프레임워크가 아닌 라이브러리이다.

프레임워크는 이미 필요한 기능들이 만들어져있어서 틀이 있으면 안을 채워넣어 완성시키는 것이다. 대신 틀의 밖을 벗어나기 힘들다.

또한 프레임워크 하나만을 사용하며 가끔씩은 다른 프레임워크, 라이브러리를 사용할 때 충돌이 일어나서 고쳐주어야 할 때가 있다.

우리가 사용하지 않을 기능도 구현되어있기 때문에 상황에 따라 무겁게 느껴질 수 있다.

반면 라이브러리는 필요할 때 가져다쓰는 개념이며 다른 라이브러리랑 충돌할 일도 없다.

React는 유저 인터페이스를 만들기 위한 라이브러리이다. 컨트롤러 기능, ajax기능, 라우터 등의 기능을 내재하고 있지 않아 가볍다. 다만 필요하다면 서드 파티 라이브러리를 이용해 구현할 수 있다.

 

Angular를 대체 할 수 있을까?

→ 아니요. 둘은 다른 것이다. 그래서 비교 불가. Angular는 프레임워크이고 React는 라이브러리이다. 그리고 이 둘을 사용할 수 있다.

 

리액트 라이브러리의 핵심은 가상 돔(Virtual Dom)을 사용한다는 점이다.

view와 React가 있으면 view는 요구사항에 충실하면 되고 기존의 변화과정은 React가 기억하면 된다.

 

React의 장점

배우기 간단하다 (????)

뛰어난 Garbage Collection 메모리 관리 성능

서버 & 클라이언트 렌더링 둘 다 지원한다.

매우 간편한 UI 수정 및 재사용

다른 프레임워크나 라이브러리와 혼용가능

 

React의 단점

view only (보여지는 것에만 관여하기에 데이터 모델링 등 다른 기능이 없다)

React.js가 view외의 기능은 직접 구현해야 하기 때문에 힘들 수 있다.

IE8 이하 지원 X

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

21.5.3

React에 대해 알아보니 2020년도부터 class를 쓰지 않아도 되는 것으로 바뀌었다고 한다.

그래서 최근 강의를 찾은 결과 코지코더의 리액트 강의를 유튜브에서 찾을 수 있었다.

앞으로는 이것을 토대로 공부한 내용을 올릴 생각이다.