BEST

Full-stack

Creating a Map Service with the Developer of Corona Map 2

Name: Creating a Map Service with the Developer of Corona Map 2
Price: 59400 KRW
Rating: 4.5 (24 reviews)

This is an advanced course on map service creation taught by the developer of Corona Map.

(4.5) 24 reviews

334 learners

donghunee

3시간 만에 완강할 수 있는 강의 ⏰

Node.js

MongoDB

Express

Web Application

Mongoose

Reviews from Early Learners

What you will gain after the course

Building a web-based map service through Naver Map API
Creating markers and info windows required for basic map services
Building a coordinate upload page through Kakao API
Building a map service by connecting MongoDB and mongoose
Clustering feature for optimizing map services
Visualize administrative districts (provinces) and add events

Conquer map services with Corona Map developers 🧭

So many concerns about creating a map service !

“I want to create a map service, but I don’t know where to start.”
“I want to save information about a location in a DB. How can I do that?”
“As the amount of data on the map increases, optimization is necessary. What should we do?”

Hello, I am developer Donghoon Lee.
I planned and developed the Corona Map and Mask Map, which were used by 14 million people.

_{Project 'Mask Map' visualizes pharmacy mask inventory on a map}

_{'Corona Map' project that displays the movement of confirmed cases with dots and lines on a map}

One of the most frequently asked questions I received while operating the service was
'I want to create a service like Corona Map, but I don't know where or how to start.'
So I started thinking about creating a course, and last year, I offered a course for beginners in map services.

Thanks to the support and interest of many people, I received a lot of good feedback even though it was my first lecture.
Among the feedback on the lecture, there were many opinions that people wanted to learn more diverse functions, so we planned a new lecture and created this lecture.

_{Inflearn <Making Map Services with Corona Map Developers> Course Review}

This lecture includes more in-depth content such as MongoDB, Mongoose, upload functions, marker clustering, and administrative district visualization , and contains the know-how on creating map services gained while operating Corona Map to date. The functions used in Corona Map, optimization methods, and library utilization methods are explained in the lecture in the easiest way possible.

I hope this will be of great help in improving your map service skills.
thank you:)

Why a map service ?

_{Source: Zenly official website}

Do you know the app “Zenly - Close Friends” that currently has 10 million downloads?

This is a service that is frequently used by the so-called Z generation, and it is a service that displays the location, battery, and movement speed of friends on a map and shares them with each other. Through this, Zenly is rapidly gaining popularity as a new way of communication. Today, it can be said that Generation Z is familiar with sharing their current location and movement path with others.

_{Source: Zenly official website}

This is a current trend that continues to persist.
Therefore, the importance of map services that visualize location information and movement routes is also expected to increase significantly.
Because the best UI for visualizing location information is a map.

Currently, going outside is not free due to COVID-19, but if the time comes to overcome COVID-19, I think the demand for offline activities will inevitably increase and related businesses will also grow.
What helps with these offline activities is a map UI that allows you to visualize locations and coordinates at a glance.

지도 서비스에 대한 이해도와 실력을 보유하는 것은 트렌드에 맞춰 자신의 강점을 키우는 좋은 방법입니다.

Corona Map also adopted a map UI and has been of great help to over 14 million users. In this way, map services can be combined with various services and have explosive potential .

I recommend this course to those who want to develop their own strengths that differentiate them from others.

What do you learn?
Learning Content & Course Features

The only one in Korea!
Map service creation course

_{MongoDB/Mongoose/Node.js/
Express / Naver map API / Kakao map API}

_{Generate markers based on data
Function to display info window}

_{Keyword search using Kakao API}

_{Storing location data in MongoDB}

_{Marker clustering feature}

_{Administrative district data layer features}

We provide lectures on the functions required for operating map services.
We provide additional explanations to help you easily understand why and how the feature is used.
We provide subtitles to help you focus more on the lecture.

Introduction by section

Section 0. Lecture Introduction
This project and lecture introduction explains the features you can learn in the map service you will create in the future.

Section 1. Setting up the initial environment
We will introduce how to install and set up the initial environment required for project creation. We will install and run Node.js and VS Code, and the essential packages required for development.

Section 2. Building a Map Service Project
Run the server using Express and prepare to create a map service. Obtain the Naver Map API and apply it to the project.

Section 3. Creating Markers and Info Windows
We will show you how to display markers and add click events to display an info window. You can display multiple markers, change marker icons using CSS, and add events to improve user convenience. We will also use an info window to display information on a map.

Section 4. Using MongoDB and Mongoose

We introduce MongoDB, a representative NoSQL DB, and show you how to host it. We also install and run a DB management tool called Compass. We also introduce and install Mongoose, an ODM package for Node.js and MongoDB, and write a schema.

Section 5. Building the initial environment for upload functions
We will implement a keyword search function using the Kakao API and build an initial environment for the upload function by adding a function to display the result data on a map.

Section 6. Finalizing the upload function
Learn how to store keyword search result data in MongoDB and display it on a map. Build an upload server by communicating with Postman.

Section 7. Implementing the marker clustering function
We introduce and implement the marker clustering function, one of the ways to optimize map services. When there is a lot of data to be displayed in a map service, the clustering function is used to collect and display it.

Section 8. Displaying administrative district (province) data layer
We will introduce a method to visualize the division of districts by administrative district. We will also implement a function to change the tooltip and district color by adding events for when the district is clicked, when the mouse is raised, and when it is lowered for each administrative district.

Frequently Asked Questions

Q. To what extent does the class cover the content?

This course will provide a wide spectrum from the basics to more in-depth content for creating map services.
Therefore, it has a difficulty level ranging from beginner to intermediate.

Q. Is there a reason why you used both Naver API and Kakao API?

Because each has its own advantages, I want to make the most of them.
I think Naver Map API has additional features and is well optimized, and Kakao API has a very good keyword search function, so I plan to adopt both to maximize the strengths of both.

Q. Can non-majors also take the course?

Of course, it is possible. However, since the map service requires a lot of JavaScript, basic knowledge may be required. Therefore, if you lack related knowledge, we recommend that you acquire basic knowledge of HTML, CSS, and JS through the roadmap provided in the lecture before taking the course.

Q. How is it different from previous lectures?

The previous lecture , 'Making a Map Service with Corona Map Developers', was an introductory lecture on creating a map service~!! If you just want to learn basic functions such as simply displaying a map or displaying markers, I recommend taking the previous lecture.
This course covers beginner to intermediate level topics such as server communication, data handling through MongoDB and Mongoose, marker clustering, Ajax, and data layer display. Therefore, it is recommended for those who want to learn more functions.

Creating map services,
Want to start from the very basics ?

Recommended for
these people

Who is this course right for?

Those who want to create a map service like Corona Map
If you want to use a map-related API but don't know how
Those who want to create a map service linked to a database
Those who want to learn about the various functions of the map service

Need to know before starting?

HTML
CSS
Javascript

Hello
This is

1,339

Learners

119

Reviews

165

Answers

4.8

Rating

Courses

안녕하세요 개발자 이동훈입니다.

4400만 조회수가 넘는 코로나맵을 최초로 기획하고 개발하였으며, 마스크맵, 코로나미를 통해 많은 사용자분들의 불편함을 해소하는 서비스를 운영하고 있습니다.

현재는 작은 스타트업을 창업하여 CTO로서 열심히 개발을 하고 있습니다.

감사합니다.

Curriculum

All

33 lectures ∙ (3hr 14min)

Section 1. Course Introduction

1 lectures ∙ (1min)

1. Course and Project Introduction
01:41

Section 2. Initial environment setup

3 lectures ∙ (9min)

2. Installing VS Code and Extensions
03:17
3. Node.js Introduction and Installation
04:29
4. Install Required Packages
01:43

Section 3. Map Service Project Setup

6 lectures ∙ (34min)

5. Creating Express Project
01:38
6. Run Express Server
05:36
7. Naver Map API Issuance and Application
07:44
8. Applying CSS to Map Service
05:22
9. Creating a navigation bar
06:29
10. Creating an upload page
07:35

Section 4. Marker and Info Window Creation

6 lectures ∙ (22min)

Section 5. Using MongoDB and Mongoose

4 lectures ∙ (17min)

Section 6. Upload function initial environment setup

5 lectures ∙ (44min)

Section 7. Finish upload function

4 lectures ∙ (32min)

Section 8. Marker Clustering Implementation

2 lectures ∙ (12min)

Section 9. Show Administrative District (Province) Data Layer

2 lectures ∙ (18min)

Published:

Last updated:

Reviews

All

24 reviews

4.5

24 reviews

ehdgns17664658
Reviews 2
∙
Average Rating 5.0
5
6% enrolled
Just like the previous lecture, this was a lecture that explained things in an easy-to-understand way~!! It was easy to follow because there were subtitles.
- donghunee
  Instructor
  Thank you, Hojin:) We will reward you with better content in the future~!!
yksshocking8306
Reviews 2
∙
Average Rating 5.0
5
100% enrolled
It was very helpful for my learning that you explained how to use Naver and Kakao Maps easily. Since you are creating a service, you need to have basic concepts such as Javascript, jQuery, ajax, and DB.
develobing
Reviews 3
∙
Average Rating 5.0
5
100% enrolled
It has been a great help in understanding and utilizing the map API.
mini02042581
Reviews 4
∙
Average Rating 5.0
5
100% enrolled
I learned it by repeating and correcting errors in code input several times, and it worked well. It was a lecture that allowed me to learn about various programs and application methods. Thank you for your hard work.
g1kwon7491
Reviews 6
∙
Average Rating 5.0
5
100% enrolled
It was great to learn how to handle map APIs that were difficult to use. It's a good lecture to learn how to easily create your own map service.

$46.20

donghunee's other courses

Check out other courses by the instructor!

How to create a map service with React + Express, as told by the developer of Corona Map (Typescript)

donghunee

This is a lecture on creating a map service from start to finish using the MERN stack (feat. TypeScript). Let's create each part step by step by looking at the official API documentation.

초급

MongoDB, Express, React

How to create a map service with React + Express, as told by the developer of Corona Map (Typescript)

donghunee

Creating a Map Service with Corona Map Developers 1

donghunee

This is a course on creating a map service taught by the developers of Corona Map.

초급

Node.js, Web Application, Express

Creating a Map Service with Corona Map Developers 1

donghunee

Similar courses

Explore other courses in the same field!

Creating a Map Service with Corona Map Developers 1

donghunee

This is a course on creating a map service taught by the developers of Corona Map.

초급

Node.js, Web Application, Express

Creating a Map Service with Corona Map Developers 1

donghunee

How to create a map service with React + Express, as told by the developer of Corona Map (Typescript)

donghunee

This is a lecture on creating a map service from start to finish using the MERN stack (feat. TypeScript). Let's create each part step by step by looking at the official API documentation.

초급

MongoDB, Express, React

How to create a map service with React + Express, as told by the developer of Corona Map (Typescript)

donghunee

Creating Klaytn Blockchain Applications - NFT

SEJONG IT EDU

Through this course, you will be able to create a non-fungible NFT (Non Fungible Token) based application.

중급이상

Web Application, Blockchain, NFT

Creating Klaytn Blockchain Applications - NFT

SEJONG IT EDU

Building Your Own Company Website with React, Node.js, MongoDB: Complete Guide

dakgangjung123

This is a practical course where you can learn how to build a company website yourself using React, Node.js, and MongoDB. Let's build a full-stack project together with a basic background in React and Node.js!

중급이상

React, Node.js, MongoDB

Building Your Own Company Website with React, Node.js, MongoDB: Complete Guide

dakgangjung123

React start with Next.js

zk202308a5410

New to React? You need to think about how to learn React's basic concepts solidly yet quickly. Start with Next.js and JavaScript with minimal knowledge. Let's develop by selecting only the essential examples needed for practical development. Todo examples are so important that you need to develop them twice. Once focusing on components, then focusing on routing that handles browser paths! Use Zustand for login! You can handle global state with really minimal code.

입문

JavaScript, React, Web Application

React start with Next.js

zk202308a5410

Building a Server Framework from Scratch: Cloning the Express.js Engine

nhcodingstudio

This course goes beyond simply using Express.js. You will rebuild its internal engine from start to finish, gaining hands-on experience with the real principles of how a server works. By directly creating each component of Express—such as routing, middleware, request–response objects, static file handling, and template rendering—you will grow as a server developer and truly understand how a framework operates at its core.

초급

JavaScript, Node.js, Express

Building a Server Framework from Scratch: Cloning the Express.js Engine

nhcodingstudio

[React Part 2] Advanced Topics and Hooks

jeonghwan

Now React truly starts to 'make sense'. Advanced concepts and Hooks, learn easily and accurately.

중급이상

React Context, react-hooks, React

[React Part 2] Advanced Topics and Hooks

jeonghwan

Python Web Service API Practical Project - Money-Making Digital Marketing

nomad

Digital marketing that makes money, such as Naver Shopping and Coupang Partners, requires consistency, but you can approach it easily and effectively with scientific analysis and automation. We will teach you the key secrets of creating a program that collects and analyzes popular products, keywords, blogs, and shopping information.

초급

Digital Marketing, Python, Web Application

Python Web Service API Practical Project - Money-Making Digital Marketing

nomad

[Web Development Full Stack Course] A week before starting a Node.js project - From basics to practice

realprogrammers

This lecture is a lecture on the backend part of the [Web Development Full Stack Course] lecture series for training full-stack web developers. This lecture is based on the contents of the instructor's book <A Week Before Investing in a Node.js Project>.

초급

Node.js, MySQL, Express

[Web Development Full Stack Course] A week before starting a Node.js project - From basics to practice

realprogrammers

Learning JavaScript Properly: A Complete Guide from Beginner to Professional Part 1 - [Basics]

nhcodingstudio

Through this course, students will broadly learn the basics and advanced concepts of JavaScript, from setting up the development environment to variables, conditional statements, functions, objects, and arrays. Through thorough review with practice exercises and quizzes, they will be able to develop problem-solving skills that can be immediately applied to web and mobile development practices.

입문

JavaScript, HTML/CSS, Web Application

Learning JavaScript Properly: A Complete Guide from Beginner to Professional Part 1 - [Basics]

nhcodingstudio

Applying TypeScript to Node.js (feat. NodeBird)

zerocho

Let's apply TypeScript to Node.js, add typings to existing npm packages, or create your own TypeScript library.

중급이상

Node.js, Web Application, TypeScript

Applying TypeScript to Node.js (feat. NodeBird)

zerocho

Life Coding - Web2: OAuth 2.0

Egoing Lee

This is a lecture on OAuth provided by Living Coding, where you can learn technologies for API interoperability.

중급이상

Web Application, OAuth

Life Coding - Web2: OAuth 2.0

Egoing Lee

AI Vibe Coding Beginner Course Accessible to Non-Majors

itconnect

💡 Even non-developers can go from startup MVP to monetized service in just 10 hours with AI! 💰 Development that used to cost tens of millions in outsourcing fees now completely solved for 120,000 won 🎯 Complete 5 real business projects including business card recognition, sentiment analysis, and location analysis 🔥 If you're a planner, marketer, or aspiring entrepreneur, implement ideas without developers ⚡ Start now and acquire lifelong development independence skills!

입문

HTML/CSS, Java, Web Application

AI Vibe Coding Beginner Course Accessible to Non-Majors

itconnect

Making [R shiny app] as told by Dad

jeehyoung

R shiny allows you to implement R's infinite functions on a web app in the simplest way possible, making it easy to learn and use.

초급

Web Application, R

Making [R shiny app] as told by Dad

jeehyoung

Web Crawling with Node.js

zerocho

We will apply it in practice by crawling sites such as Naver, Amazon, Twitter, YouTube, Facebook, Instagram, and unsplash.com.

중급이상

JavaScript, Node.js, Web Crawling

Web Crawling with Node.js

zerocho

A complete summary of basic web front-end concepts with keywords and practice

ronpark [DEL] 251126125407

A compass for beginners in web development, a guided lecture to discover what you don't know about web front-end and move forward systematically.

입문

Network, Google Chrome, Chrome DevTools

A complete summary of basic web front-end concepts with keywords and practice

ronpark [DEL] 251126125407

Do it! Create a Progressive Web App

easyspub

Let’s learn about PWA (Progressive Web App), the next-generation mobile strategy of global companies!

초급

PWA, Web Application, Vue.js

Do it! Create a Progressive Web App

easyspub

Complete Mastery of GraphQL (Full-stack Course Learning by Building a Kiosk) - [2024 Partial Renewal]

Indie Coder

You will learn the basics and advanced usage of GraphQL, the next-generation API control technology, and gain real-world project experience through a virtual kiosk service created with GraphQL. The course has been partially updated to the latest version, apollo-server v4, as of February 2024.

초급

GraphQL, Svelte, MongoDB

Complete Mastery of GraphQL (Full-stack Course Learning by Building a Kiosk) - [2024 Partial Renewal]

Indie Coder

Learning Web Development Concepts and Vibe Coding from Zero Base

jeyong

In the era of swift execution and validation, execute faster than anyone with VIBE Coding! Achieve complete monetization, from ads to payments, all by yourself.

입문

React, Web Application, Next.js

Learning Web Development Concepts and Vibe Coding from Zero Base

jeyong

A Guide to Elm, a Purely Functional Front-End Language

hatemogi

Study the Elm programming language guide to building front-end web apps with pure functional programming in just 3 hours.

초급

elm, Functional Programming, SPA

A Guide to Elm, a Purely Functional Front-End Language

hatemogi

Creating a Map Service with the Developer of Corona Map 2

Reviews from Early Learners

What you will gain after the course

So many concerns about creating a map service !

Why a map service ?

What do you learn? Learning Content & Course Features

The only one in Korea! Map service creation course

Introduction by section

Frequently Asked Questions

Creating map services, Want to start from the very basics ?

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

donghunee's other courses

Similar courses

What do you learn?
Learning Content & Course Features

The only one in Korea!
Map service creation course

Creating map services,
Want to start from the very basics ?

Recommended for
these people

Hello
This is