개발 · 프로그래밍

/

풀스택

리액트로 나만의 블로그 만들기(MERN Stack)

풀스택으로 나만의 블로그를 만들어 보아요~~!

(4.0) 수강평 30

수강생 479

Thumbnail

중급자를 위해 준비한
[웹 개발, 풀스택] 강의입니다.

이런 걸
배워요!

  • Mongo DB

  • Express

  • React

  • NodeJS

  • Redux, Redux-Saga

  • JWT Web Token

  • Infinite Scroll(Intersection Observer)

  • CKEditor5

  • CSS(BootStrap4)

  • Https(GreenLock Express)

새 강의 및 로드맵 오픈했습니다! 새 강의는 >링크< 참고하세요
Docker로 개발부터 배포까지,Terraform으로 쿠버네티스 운영을 알고 싶다면 고고~!!!

새로 출시한 Node FullStack 개발 로드맵, A~Z 까지 로드맵 참여시 관련 강의 20% 할인 쿠폰을 드립니다
할인 쿠폰 받으러 >Go! <

자바스크립트 하나로 풀스택 개발 OK! 나만의 블로그를 직접 만들어보세요.

주제 소개 📝

백엔드(서버)와 프론트(웹 화면)을 한 사람이 모두 만들 수 있는 기술을 풀스택(Full Stack)이라 합니다. 풀스택 기술은 다양하게 구현할 수 있지만, 우리는 자바스크립트를 이용하여 백엔드(NodeJS, Express, MongoDB)와 프론트(React, Redux, Redux-Saga, Bootstrap, Ckeditor5 등)을 만들어 볼 것입니다. 

왜 배워야 하는지 ✒️

여러분, 자바스크립트로 하나로 모든 걸 만들 수 있다면 믿어지세요? @.@
자바스크립트 풀스택 개발자가 되면 여러분의 모든 아이디어는 바로 현실이 되며, 수익창출로 이어집니다. 

덤으로!!!
프론트엔드 개발 라이브러리인 React를 배우면 React로 모바일 앱(안드로이드, 아이폰)을 만드는 React Native까지 쉽게 접근할 수 있다는 사실!!!

여러분의 머리속 아이디어는 더 이상 단순한 상상이 아닙니다.
지금 당장!!! 현실세계에 여러분들의 생각의 나래를 펼치세요. 

코딩은 나의 상상을 현실화 시켜주는 도구 입니다~~~ *^^*

이 강의에서 배우는 것들 ✏️

Infinite Scroll

 

Category Search

 

CKEditor5

 

Comment

 

이밖에 MongoDB, Express, React, Node JS(이상 MERN Stack), Redux, Redux-Saga, JWT Web Token, Bootstrap4를 배우게 됩니다.

 

강의 특징 💡 

웹 개발자는 기본적으로 자신의 지식과 기술을 저장해 놓을 블로그가 필요합니다.
하지만... 웹개발하신다면서... 아직 나의 기술로 만든 블로그가 없다고요? 그러면 한번 따라서 만들어보세요. 

이 강의는 HTML, CSS 등 막 입문하신 분들을 대상으로 만들어져, 비교적 상세히 개념들을 설명하고 있습니다. 

여러분만의 블로그를 만들고 지금부터 키워나가 보세요~~~
(깃허브 : https://github.com/sideproject0214/blog)

싸플의 최신 강의 정보는 blog.ssaple.com 에서 확인하세요~

 

섹션마다 간단한 소개 📖

< 총 63개 강의, 815분 >

Section 1 (강의 1개, 4분)
*인트로: 기본 MERN 스택에 관한 개요와 앞으로 배울 기술 소개

Section 2 (강의 12개, 126분)
*Express(백엔드), Router, MongoDB 등 기본 서버작업

Section 3 (강의 47개, 653분)
*React, Redux 등을 활요한 프론트엔드 작업과 이에 맞춘 백엔드 작업

Section 4 (강의 3개, 32분)
*AWS Deploy 작업

Bonus (강의 1개, 15분)
*Https(GreenLock Express)

 

여기서 다루는 툴 🧰 

MongoDB, Express, React, NodeJS, Redux, Redux-Saga, JWT Web Token, Infinite Scroll(Intersection Observer), CKEditor5, BootStrap4

*컴퓨터 사양: 리눅스, 맥, 윈도우

 

예상 질문 Q&A 🙋🏻‍♂️ 

Q. 비전공자도 들을 수 있나요?
A. 네 당연합니다. 왜냐하면 제가 비전공자로 여러분들처럼 인터넷으로 독학하였습니다. 다만 처음 입문하시는 분이라면, 리액트 자습서(https://ko.reactjs.org/tutorial/tutorial.html#completing-the-game)를 보시고 오시는 것을 추천드립니다. 

Q. 리액트는 어렵나요?

A. 리액트 자체는 어렵지 않습니다. 다만, 문제는 리덕스인데, 리덕스부터 난이도가 급상승하기에 리액트가 어렵다는 편견도 존재하는 것은 사실입니다. 리덕스 없이 만들수도 있으나 사이트 규모가 커질수록 상태관리에 어려움이 발생하므로 거의 필수(?)적으로 Redux, Mobx등을 사용하게 됩니다. 

이 단계만 넘기면 자유자재로 사이트를 만들수 있으니 포기하지 않으시면 좋겠습니다. *^^*

Q. MERN Stack은 무엇인가요?
A. 자바스크립트 언어 한개로 MongoDB, Express, React, NodeJS(MERN) 을 사용하여 서버(백엔드), 웹(프론트)를 모두 만드는 기술을 의미합니다. 

Q. 이 강의만의 특별한 장점이 있을까요?
A. 저도 여러분처럼 인프런 등 인터넷으로 독학을 하였기에, 기존 강의에서 느낀 아쉬운 점을 보완하여 입문하시는 여러분의 입장에서 강의를 진행하였습니다. 

 

 

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 웹기초지식(HTML, CSS)를 아시는 분

  • 자바스크립트 기초("console.log"를 아시는 분)

  • 리액트, Express기초를 아시는분

  • 리액트 To-do list 1번이라도 만들어보신분

  • 웹 코딩을 빠르게 배우고 싶으신분

안녕하세요
싸플입니다.

낮에는 평범한 회사원이지만, 밤에는 열정을 가진 개발자 입니다

커리큘럼

전체

66 ∙ 13시간 52분

강의 게시일: 2020년 08월 19일
마지막 업데이트일: 2020년 09월 06일

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!