강의

멘토링

커뮤니티

Programming

/

Full-stack

Create your own blog with React (MERN Stack)

Let's create your own blog with a full stack~~!

(4.1) 33 reviews

502 learners

  • ssaple
React
Redux
Node.js
Bootstrap
MongoDB

Reviews from Early Learners

What you will gain after the course

  • Mongo DB

  • Express

  • React

  • NodeJS

  • Redux, Redux-Saga

  • JWT Web Token

  • Infinite Scroll (Intersection Observer)

  • CKEditor5

  • CSS(BootStrap4)

  • Https(GreenLock Express)

New lectures and roadmaps are open! Please refer to the >link< for new lectures.
If you want to learn about development to deployment with Docker and Kubernetes operation with Terraform, go for it!!!

When you participate in the newly released Node FullStack development roadmap from A to Z, you will receive a 20% discount coupon for related lectures.
Go > to get discount coupons! <

Full stack development with just JavaScript! Create your own blog.

Topic Introduction 📝

A technology that allows one person to create both the backend (server) and the frontend (web screen) is called Full Stack. Full Stack technology can be implemented in various ways, but we will use JavaScript to create the backend (NodeJS, Express, MongoDB) and the frontend (React, Redux, Redux-Saga, Bootstrap, Ckeditor5, etc.).

Why should you learn ✒️

Hey guys, can you believe that you can make everything with JavaScript? @.@
As a full stack JavaScript developer, all your ideas will become reality and lead to revenue generation.

Plus!!!
The fact that if you learn React, a front-end development library, you can easily approach React Native, which creates mobile apps (Android, iPhone) with React!!!

The ideas in your head are no longer mere imagination.
Right now!!! Spread your wings of thought into the real world.

Coding is a tool that makes my imagination come true~~~ *^^*

What you will learn in this course ✏️

Infinite Scroll

Category Search

CKEditor5

Comment

In addition, you will learn MongoDB, Express, React, Node JS (above MERN Stack), Redux, Redux-Saga, JWT Web Token, and Bootstrap4.

Course Features 💡

Web developers basically need a blog to store their knowledge and skills.
But... you're a web developer... and you don't have a blog made with my skills yet? Then try making one by following my example.

This course is designed for beginners who are just starting out with HTML, CSS, etc., and explains the concepts in relatively detail.

Create your own blog and start growing it from now on~~~
(GitHub: https://github.com/sideproject0214/blog)

Check out Ssaple's latest lecture information at blog.ssaple.com ~

A brief introduction to each section 📖

< Total 63 lectures, 815 minutes >

Section 1 (1 lecture, 4 minutes )
*Intro: An overview of the basic MERN stack and the technologies you will learn in the future.

Section 2 (12 lectures, 126 minutes )
*Basic server tasks such as Express (backend), Router, MongoDB, etc.

Section 3 (47 lectures, 653 minutes )
*Front-end work using React, Redux, etc. and back-end work tailored to these

Section 4 (3 lectures, 32 minutes )
*AWS Deploy task

Bonus (1 lecture, 15 minutes )
*Https(GreenLock Express)

Tools covered here 🧰

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

*Computer specifications: Linux, Mac, Windows

Expected Questions Q&A 🙋🏻‍♂️

Q. Can non-majors also take the course?
A. Of course. Because I am a non-major and like you, I learned it on my own online. However, if you are a beginner, I recommend you to go through the React tutorial (https://ko.reactjs.org/tutorial/tutorial.html#completing-the-game).

Q. Is React difficult?

A. React itself is not difficult. However, the problem is Redux, and since the difficulty level increases rapidly from Redux, there is a prejudice that React is difficult. You can make it without Redux, but as the site size grows, it becomes difficult to manage the state, so it is almost inevitable(?) to use Redux, Mobx, etc.

Please don't give up, because once you get past this step, you'll be able to create your own website freely. *^^*

Q. What is MERN Stack?
A. It refers to the technology of creating both the server (backend) and the web (frontend) using a single JavaScript language, including M ongoDB, Express , React, and NodeJS (MERN ) .

Q. Are there any special advantages to this course?
A. Like you, I also studied on my own through the Internet, such as Inflearn, so I conducted the lecture from the perspective of beginners, supplementing the shortcomings I felt in existing lectures.

Recommended for
these people

Who is this course right for?

  • Those who have basic knowledge of the web (HTML, CSS)

  • JavaScript Basics (for those who know "console.log")

  • Anyone who knows the basics of React and Express

  • Anyone who has created a React To-do list

  • If you want to learn web coding quickly

Hello
This is

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

Curriculum

All

66 lectures ∙ (13hr 52min)

Published: 
Last updated: 

Reviews

All

33 reviews

4.1

33 reviews

  • 한광훈님의 프로필 이미지
    한광훈

    Reviews 15

    Average Rating 4.9

    5

    100% enrolled

    좋은강좌 감사합니다.

    • 임채영님의 프로필 이미지
      임채영

      Reviews 10

      Average Rating 4.5

      3

      33% enrolled

      리덕스, 리덕스-사가 관련 사전 지식이 없어서 내용을 이해하기 어렵습니다. 학습 진행중인데... 다른데서 공부를 좀 더 하고 와야겠네요.

      • 마루님의 프로필 이미지
        마루

        Reviews 2

        Average Rating 5.0

        5

        100% enrolled

        중간중간 오류로 인해서 며칠씩 허비하고... 정말 험난한 시간이었지만 어떻게든 완성할 수 있게 되어 너무 뿌듯합니다 ㅜㅜ 이걸로 리액트를 통해 어떻게 프론트엔드와 백엔드를 만들고 배포까지 할 수 있는지, 어느정도 감을 잡을 수 있게 되는 시간이었습니다. 더 공부를 많이 해야겠다는 생각만 드네요...ㅎㅎ 자유자재로 홈페이지를 만드는 그날까지 화이팅!!!

        • gksrbanssla님의 프로필 이미지
          gksrbanssla

          Reviews 4

          Average Rating 4.8

          4

          100% enrolled

          강의내용 및 편집이 훌륭합니다.

          • 기본은하고싶다님의 프로필 이미지
            기본은하고싶다

            Reviews 2

            Average Rating 4.0

            3

            100% enrolled

            중간중간 불친절해서 완강이 힘들었습니다

            Similar courses

            Explore other courses in the same field!