ReactJs & Express를 이용한 웹 어플리케이션 개발하기

배우게 될 것

• Redux와 Webpack

• Express ES6 MongoDB,Mongoose

1. 전화번호부
2. 카운터
3. 무한 스크롤형 메모패드

JavaScript 어플리케이션을 어떻게 구조화할까?

프레임워크가 아닌 라이브러리 차이점

"A Javascript Library for Building User Interfaces"

Angular를 대체할 수 있을까?
React와 비교할 수 없다.

Virtual DOM
가상 DOM을 사용한다.

//Jquery
$("content").html("whatever")

//Javascript
document.getElementById("content").innerHTML = "whatever";

리액트의 장점
1. Virtual DOM
2. 배우기 간단하다.

• 컴포넌트
• 뛰어난 Garbage Collection
• 메모리 관리
• 성능
• 서버 & 클라이언트 렌더링 (초기 구동 딜레이 & SEO(💛검색엔진최적화))
• 매우 간편한 UI 수정 및 재사용
• 페이스북 개발자가 만들어 밀어주고 있다.
• 다른 프레임워크나 라이브러리와 혼용가능

리액트의 단점

• View Only
• 프로젝트 진행 시 부족한 부분들은 직접 구현을 해야하는데 이때 다른 라이브러리를 사용하면서 어려움을 겪을 수 있다.
• Javascript 기본 지식이 부족하다면 어려울 수 있다.
• IE8 이하 지원x