Home
1/4

Creating a case guidance service for learning with full-stack web development

Intermediate
9 chapters · 15 minutes
English · Japanese · Korean|Audio Korean

# What is the case guidance service?



> Case guidance service, if you want to preview it? click <


(※ Please note that the connection via the Class 101 app is not smooth!)


When the virus was in full swing, many developers created and distributed a map service showing the status and route of the virus in Korea. In particular, this map service was developed to make it easy to intuitively grasp the status of the virus, and many people were helped!


It can be seen that developing such intuitive services is becoming more and more important for future continuous non-face-to-face situations. Through this class, I would like to summarize the A-Z for creating such a service and make it easy for you to know.


# What will I learn in this class?


What websites do we commonly come across


1. front-end front-end representing the screen,

2. Back-end back-end that implements business logic,

3. DB server where data is stored

4. Server settings that enable communication on the web


All 4 steps have been completed.

By taking this class, you will learn all 4 steps using full-stack (full-stack), that is, React.js (front-end), Node.js (back-end), MySQL (DB), and AWS (DB server, web server).


# You will develop your own case guidance service!


1. Using the React server, you can display the UI of your desired design on the screen.

2. Using the Node server, you can send and receive data between the React server and the DB server.

3. You will be able to implement functions for querying, inserting, modifying, and deleting data on the DB server.

4. Functions 1 to 3 implemented on a local PC can be deployed to an AWS server that can also be accessed from outside.

5. The goal of this lesson is to develop by expanding the desired functions by framing 1 to 4 as a set.

6. You will also learn how to use Kakao Maps and use an external API.


# What makes this class different from other development classes?

1. Learn all about front desk, backend, DB, server settings, and source deployment.

2. You will also learn essential concepts & elements of a web project.

3. We will provide course materials that you can follow as they are.

4. I'll explain it very easily based on my experience working in IT with non-majors.


# What kind of people would you recommend this class for?

1. Those who want to do everything from development to direct cloud server deployment

2. Planners, designers, marketers, sales, and founders who have trouble collaborating with developers due to lack of IT knowledge

3. Those who are developers of other languages and want to expand their language range

4. Those who need a website with their own design and data

5. Those who need a portfolio that can be demonstrated on the web




# Products and development tools used by classes


  • What is React?

It's a JavaScript library developed by Facebook. A user interface, that is, a language that creates a website's screen (view).

In React, there is a screen configuration unit called a component. It is convenient to modularize screen components and implant them where needed.

Using components, a screen that is commonly used on multiple pages can be implemented and reused as a single component.


  • What is a Node?

Node is also a Javascript based language. If React is used to configure a screen, nodes are used to connect complex logic or databases that are invisible to the eye.

So I usually use Node as a backend language a lot. The biggest difference between front-end languages and back-end languages is that only back-end languages can link databases.


  • What is MySQL?

It is one of the systems that manage databases, and performs the functions of querying, registering, modifying, and deleting data by receiving parameters from the backend server.

The reason we use a database is to maintain data.

Data used by React or Nodes is temporary and will disappear over time. The reason this data can be kept without losing it is because it is stored in a database.


  • What is AWS (Amazon Web Services)?

If you develop React, Node, and MySQL as described above only on a PC (personal laptop, desktop), only you can see the finished result. If you want others to share your site with others,

You need to run the project on an “externally accessible server”. Cloud services such as aws make it very easy and simple to create an “externally accessible server.”

If there is no cloud server, the developer must purchase additional expensive hardware, install an operating system, and go through a complicated process to set up the server.

However, since cloud services rent only the hardware they have set up for themselves as needed, they can use the server inexpensively and efficiently.




# Training environment guide

  • A desktop or laptop computer using the Windows operating system is required.
  • To sign up for AWS, you must register a payment method. A visa or master card that can be used for overseas payments is required. Both debit cards and credit cards are accepted, and since the free version (free tier) is used, there is no charge.




# Real student reviews from the creators of this class

수강생 후기


Class Kit · Coaching Session

📧 1:1 coaching ticket directly from Blue Poppy (2 times)

- You can ask a total of 2 questions per coaching ticket

- We will write an answer of around 250 characters per question and send it to you.


- First, you can get feedback and correction of the source code about the training content. (Recommended)

- Second, you can use it if you need additional explanations related to the course content.

- Third, if there is a feature that you personally want to implement, I'll tell you which package to use and how to implement it in a larger framework.

- For questions related to other classes, we will wholeheartedly coach you within the limits of your answers.


※ When using a coaching ticket

• Click [My Classes] on the Class101 web or app.

• Go to [My Class], go to [Coaching Ticket Mission] and click [Get Coaching].

• Please leave your question along with the word file in [Write a post].

• Coaching is answered sequentially based on the date of receipt. It may take 7 to 10 days depending on the order in which they are received.

• The coaching ticket can be used for 20 weeks from the date of purchase.

• If not used within the period, no refund will be given.


📩 Some coaching tickets may change, and we will be fully informed when they change.

Curriculum

Creator

Opium poppy

Opium poppy

When I explain something, I think the most important thing is to say it at the level of the other person's eyes. We always strive to make others understand and match their knowledge and level. I'll help you implement the ideas you've come up with on your own.


Let me give you my introduction in a nutshell.


✔ 6th year developer freelancer at SKT

✔ Amorepacific, Homeplus, Ajou University Medical Center, LG ElectronicsDevelopment and operation work in

✔ Bachelor of History & Software Convergence Engineering, Inha University

✔ SCSC (Samsung Convergence S/W Course) certification

✔ Turing [web project available even for non-majors] tutor

✔ [React 200 for Beginners] Author

✔ /*elice*/ Front End coach


View similar classes you might also like

[WEB Full-stack] Fastest web development, create your own web serviceWeb · Front End  |  good dev

Notes on Copyright Protection

  • All videos and materials included in the class are protected intellectual property under relevant laws.
  • You may face legal action if you copy, distribute, transmit, modify or edit the videos or materials included in the class without permission.
CLASS 101, LLC.
1201 North Market St. Suite 111, Wilmington, DE, 19801
support@101.inc