MERN Stack คืออะไร?

Weeraphat Doenmueang
Next-Hop Co., Ltd.
Published in
2 min readAug 7, 2019
MERN Stack

หลายๆคนคงเคยเห็น MEAN Stack กันมาแล้วซึ่งในที่นี้จะมาพูดถึงการใช้งาน MERN Stack กัน

MERN Stack คือ Framwork ที่ใช้ในการพัฒนาเว็บไซต์ ตัวหนึ่งซึ่งประกอบด้วยส่วนหลักๆ 4 ส่วนคือ MongoDB , Express , React และ NodeJS การใช้งานจะเน้นไปที่ตัวภาษา JavaScript ซึ่งผู้ใช้จะต้องมีความรู้พื้นฐานใน JavaScript ในระดับนึง

MongoDB

MongoDB

MongoDB คือ Database ประเภท NoSQL คือไม่มีความสัมพันธ์ของตารางเหมือน SQL ทั่วๆไป ตัว MongoDB เป็น Open Source Database ซึ่งเก็บข้อมูลเป็น JSON (JavaScript Object Notation) การบันทึกค่าใน 1 record จะถูกเรียกว่า Document

ซึ่งใน Document จะประกอบด้วย _id เปรียบเสมือน Primary Key ของข้อมูล และ ประกอบด้วยข้อมูลของ Document ซึ่งหลายๆ Document จะถูกเก็บอยู่ใน Collection (เปรียบเสมือน Table) ซึ่ง MongoDB เป็นที่นิยมมากในปัจจุบันเนื่องจากใช้งานได้ง่ายและความยืดหยุ่นสูง

Express

ExpressJS

Express เป็น Framework ที่รันอยู่บน NodeJS (ถูกสร้างมาเพื่อใช้กับ NodeJS) ซึ่ง ExpressJS จะเป็นตัวที่คอยจัดการกับ Route ให้กับเว็บไซต์ รวมถึง Middleware อื่นๆที่สามารถรันผ่าน ExpressJS ได้

React

React

React เป็น Front End Framework ซึ่งเป็น JavaScript Library ที่ทีม Facebook เป็นคนพัฒนาขึ้นมา และเปิดให้คนทั่วไปนำมาใช้ฟรี ซึ่งเว็บไซต์ในปัจจุบันของ Facebook.com ก็ใช้ React อยู่เช่นกัน

NodeJS

NodeJS

NodeJS เป็น JavaScript Runtime ที่ทำให้ JavaScript ที่ปกติเขียนอยู่บนเว็บ ในส่วนของ Front End ให้สามารถใช้งานในส่วนของ Back End หรือ server ได้ ซึ่งตัว NodeJS จะถูกเขียนด้วยภาษา JavaScript

จะเห็นได้ว่า MongoDB คือ Database ที่เก็บข้อมูลเอาไว้ และ React ทำหน้าที่แสดงผลหน้าเว็บไซต์ ซึ่ง React จะไม่สามารถนำข้อมูลจาก MongoDB มาใช้ได้ถ้าหากไม่มีคนกลางที่เรียกว่า NodeJS และ ExpressJS ทำให้เมื่อรวมทั้ง 4 ส่วนเข้าด้วยกันจะประกอบเป็น MERN Stack Framework ทำให้สามารถพัฒนาเว็บไซต์ได้ตามความต้องการของผู้ใช้งาน

สามารถติดตามเนื้อหารายละเอียดสำหรับแต่ละตัวได้ใน Content ถัดไปครับ

--

--