강의

멘토링

커뮤니티

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

https://5min24.com

안녕하세요~ 싸플입니다

🔥2023년 11월, 인프런에 새 강의를 런칭하고 “뭔가 새로운 걸 배워보고 싶다!” 싶어서 6개월 동안 Rust랑 웹 디자인에 푹 빠져 있었습니다. 그리고 나서 바로 Rust, Leptos 개발을 시작해서

드디어…! Rust + Leptos + SQLx + Postgres + Docker + GCloud Run 이 스택으로 만든 웹 서비스를 2년만에 완성했습니다.

요즘 React는 서버 컴포넌트 흐름으로 가고 있지만, Leptos는 태생부터 최신 웹 트렌드를 반영한 Rust + WASM 기반 풀스택 프레임워크라 초기부터 서버 컴포넌트 구조형태로 개발할 수 있었습니다.

2023년 Colini 웹개발가이드, Node Fullstack 개발 가이드, Terraform 개발 가이드 3개 강의를 제작할때 부터 '가치있는 정보를 5분안에 전달'한다는 콘셉트로 운영되는 플랫폼을 구상했기에 당시 출시한 강의모두 5분내로 편집하여 출시하였습니다.

앞으로 저의 개발 여정은 Rust로 이어질 예정이고, 강의나 정보나눔은 Rust로 이어질 것입니다.

[강의부분]

기존 강의에 대한 불필요한 지출을 줄이기위해 https://5min24.com 에서 강의당 100~200원으로 제공되고 있으며, 전체 강의를 구매할 필요가 없고 필요한 부분만 선택해서 들을 수 있기에 보다 경제적으로 학습하실 수 있습니다.

그리고~!!! 콘텐츠 창작자모집하고 있습니다.

본인이 학습한 내용을 남들에게 전달해보면 해당 지식에 대한 이해도 대폭 증가합니다.

제 플랫폼은 전체강의 완성본이 아닌 개당 판매가능한 구조이므로

배운지식을 남들에게 전달해보는 연습을 https://5min24.com 에서 해보시길 권해드립니다.

이를 통해 이해도를 상승시키고 커피값도 벌면 좋지 않을까요?

영상외에 블로글로 개당 판매가능하므로 많은 이용부탁드려요~~

마지막으로~!!

플랫폼 오픈 초기라서 큰 혜택을 제공중입니다

- 6개월 동안 유료 판매 수익(세금 공제 후)의 90% 정산

- 초기 창작자 50명: 화면 최상단 광고 5자리 + 카드 광고 노출을 6개월 무료

부담 없이 한 번 올려서 반응만이라도 같이 보자구요~!!!

Curriculum

All

66 lectures ∙ (13hr 52min)

Published: 
Last updated: 

Reviews

All

33 reviews

4.1

33 reviews

  • kh1335han0992님의 프로필 이미지
    kh1335han0992

    Reviews 15

    Average Rating 4.9

    5

    100% enrolled

    Thank you for the great lecture.

    • anifilm님의 프로필 이미지
      anifilm

      Reviews 10

      Average Rating 4.5

      3

      33% enrolled

      I don't have any prior knowledge of Redux and Redux-Saga, so it's hard for me to understand the content. I'm still learning... I guess I'll have to study more somewhere else.

      • ireh12141686님의 프로필 이미지
        ireh12141686

        Reviews 2

        Average Rating 5.0

        5

        100% enrolled

        I wasted several days due to errors here and there... It was a really difficult time, but I'm so proud that I was able to complete it somehow ㅜㅜ This was a time when I could get a feel for how to create a front-end and back-end using React and deploy it. I just feel like I need to study more...ㅎㅎ Fighting until the day you can freely create a homepage!!!

        • gksrbanssla0806님의 프로필 이미지
          gksrbanssla0806

          Reviews 4

          Average Rating 4.8

          4

          100% enrolled

          The lecture content and editing are excellent.

          • giraff59385님의 프로필 이미지
            giraff59385

            Reviews 2

            Average Rating 4.0

            3

            100% enrolled

            It was difficult to finish because they were rude here and there.

            Similar courses

            Explore other courses in the same field!