MERN
- M : mongoDB (Back-End)
- E : Express (Back-End)
- Node.js 프레임 워크,
- R : React.js (Front-End)
- 사용자 인터페이스 구축에 도움이 되는 브라우저 사이드 자바스크립트 라이브러리
- Angular라는 라이브러리도 있음
- N : Node.js (Back-End)
- 서버사이드 자비스트립트 런타임
- 자바스크립트 코드를 브라우저 외부에서 실행할 수 있는 환경
React
A Client-Side(Browser) Library which allow you to build highly reactive user interfaces
- Render UI with Dynamic Data
- Handle User Input
- Communicate with Backend Servies
- 클라이언트 사이드, 브라우저 라이브러리
- 매우 좋은 사용자 인터페이스 구축 가능
- 사용자 인터페이스 구축이 핵심
- React를 사용하면 브라우저에서 실행될 자바스크립트 코드를 작성함
- 브라우저에서 실행되니 사용자에거 보이는 화면과 변경 사항을 제어하는 역할 담당 (어떤 Input에 대해)
- 사용자 인터페이스를 렌더링하고, 동적 데이터를 사용해 데이터가 변경되거나 특정 이벤트가 발생할 때, 업데이트 하는 것.
- 사용자 입력을 처리하고, 사용자에게 피드백을 제공함
Node.js
- 서버 사이드 자바스크립트 애플리케이션 구축 시, 보편적으로 자주 사용되는 자바스크립트 런타임
- 서버 사이드 Js 어플리케이션 구축에 가장 유용해서 많이 씀
- 더이상 브라우저에 묶여 있지 않기 때문에, 안되는게 있음. DOM과 상호작용이 불가
- 브라우저 외부에서 실행되어 DOM이 없기 때문
Express
- Node.js 프레임워크임, 유틸리티 함수를 사용할 수 있고, 애플리케이션을 구조화하고 구축하는 특정한 방식이 있기 때문에,
- 그에 해당하는 특정 규칙을 준수해서,
- Node.js 애플리케이션을 더욱 쉽게 구축 가능
- Node.js 기반으로 하지만 새로운 기능을 제공함.
- 엄격한 미들웨어 기반. => 요청을 처리하는 방식이 분명함
- 분명한 경로로 모든 요청이 전달되고, 이로부터 데이터를 추출하거나 응답 준비 가능
- Node.js 사용을 간단하게 말해줌
MongoDB
- NoSQL 데이터베이스 엔진
- SQL에서처럼 레코드를 테이블에 저장하지 않고 컬렉션이라는 곳에 문서를 저장
- SQL과 달리 데이터에 대한 스키마를 강요하지 않음
- Node와 express에 연결하기 매우 쉬움
- 보안상의 이유로 React 어플리케이션 내부에서 MongoDB 직접 연결하지 않음
