자바스크립트 한 개만 배워도 웹개발은 충분해!!
안녕하세요, 오늘은
“자바스크립트 하나로 풀스택 개발자 되기”
를 주제로 포스팅을 해보려고 합니다.
웹 개발을 위해서는 다양한 언어와
기술을 공부해야 해요.
그렇지만 지금은
자바스크립트라는 언어만 배워도
웹개발을 할 수 있는 시대가 왔어요!
그것은 바로 MERN Stack 덕분입니다.
MERN Stack을 한 마디로 설명하자면
자바스크립트 하나로 웹과 서버를
모두 개발할 수 있는 기술스택
이라고 정리할 수 있습니다.
이 기술 스택을 구성하는 4가지 핵심 기술
M(ongoDB)
E(xpress)
R(eact)
N(ode.js)
의 앞 글자를 따서
만들어진 이름입니다.
그럼 각 기술에 대해 간단하게
설명해 드리도록 하겠습니다!
1. MongoDB
DB, 즉 데이터베이스입니다.
서비스를 사용할 때 저희가 제공하는 정보들이 있어요.
아이디, 비밀번호, 이름 성별 등등
개발자 입장에서는 저장해야 할 수많은 정보들을
체계적으로 저장해주는 곳이 바로 DB입니다.
그 중에서도 몽고디비(MongoDB)는
자바스크립트(JavaScript/js)와 궁합이 매우 좋고,
NoSQL 데이터베이스로서
훨씬 다양한 방식으로 빠르게 바뀌는
대량의 비정형 데이터를 처리할 수 있습니다.
여기서 NoSQL 이란? : “non SQL(비 SQL)“ 혹은 “not only SQL(SQL만을 사용하지 않는)”
이라는 의미의 관계형 데이터베이스와 다른 방식을 의미
2. Express(.js)
웹 개발 프레임워크이지만,
Node.js의 사실상의 표준 서버 프레임워크입니다.
즉 서버를 개발할 때 사용한다는 것이지요.
이때 서버란?
사용자의 요청을 처리하여 전달하는 작업을 해주는 곳
이라고 생각하면 됩니다.
간단하게 생각해보면,
우리는 어떤 웹페이지에 접속하기 위해
링크 주소(ex. www.naver.com)를 입력해요.
그러면 자연스럽게 그 페이지로 이동하게 되죠.
우리는 링크로 갈 것을 요청했고,
서버는 웹페이지를 제공해준 것이에요.
따라서 웹 개발에 있어서 서버 개발은
아주 필수적이고,
그중에서도 Express는
Node.js를 위한 웹 프레임워크의 하나이기 때문에
MERN Stack에서 사용되고 있어요.
3. React
자바스크립트 라이브러리의 하나로서
사용자 인터페이스를 만들기 위해 사용돼요.
사용자 인터페이스(User Interface) 즉
UI를 개발하는 데에 사용해요.
이때 UI(User Interface) 란?
사용자와 컴퓨터가 의사소통하는 화면(인터페이스)입니다.
즉 우리가 보는 모든 웹페이지 ‘
화면들을 생각하면 돼요.
리액트(React)로 UI를 개발하면,
SPA(Single Page Application)를 개발할 때에
아주 용이하다는 장점이 있어요.
이때 SPA란? : 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션이나 웹사이트
4. Node.js
자바스크립트를 활용하는 확장성 있는
네트워크 애플리케이션(특히 서버 사이드) 개발에
사용되는 소프트웨어 플랫폼입니다.
어려운 용어가 많지만
쉽게 정리해본다면,
자바스크립트라는 언어를 통해
웹, 서버 등 다양한 영역의 활동을 가능하게 해주는 것
이라고 생각하면 됩니다.
이 네가지 기술이 모두 자바스크립트를 배움으로서
웹 페이지를 만들 수 있도록 해주는
중요한 기술이에요.
마지막으로 이 기술들이 서로
어떤 관계를 가지는 지 알아볼까요?
위의 구조도를 간단히 설명해볼게요.
가장 먼저 React를 통해, 우리가 보는 화면을 만들어요.
다음 Express와 node.js를 통해 화면에서 요청 받은 것을
처리할 수 있는 서버를 구축하고,
마지막으로 MongoDB를 통해 필요한 정보를 꺼내 오는 것이지요.
자바스크립트를 통한 풀스택 개발
MERN Stack으로 가능하다는 사실이 조금은 실감이 나시나요?
이러한 MERN Stack에 대한 특강을 설명 드리려고 합니다.
“React와 Node.js를 활용한 자바스크립트 풀스택 개발자 과정”
모집 마감 : ~23년 02월 28일 23시 55분까지
교육 기간 : 23년 03월 06일 ~ 23년 04월 21일
위에서 설명한 MERN Stack에 필요한 기술은 물론,
다양한 수강혜택을 받을 수 있는 자바스크립트 강의에요.
수강혜택도 굉장히 다양합니다!
- 수업료 차등국비지원
- 국취제도 참여시 훈련장려금 월 최대 60만원 차등지급
- 취업컨설턴트 1:1 상담
- 현업 개발자 멘토링&특강
- 코딩용 고사양 노트북
- 가산디지털단지역 도보 5분
- 고용노동부 NCS 이수증&수료증 발급
- 기업매칭 및 취업지원
더 궁금한 사항이 있으시다면
아래의 방법을 통해 더 알아보세요!
신청하기 링크
카카오톡 상담하기
이상 마치겠습니다!