コロナマップ開発者と一緒に地図サービスを作る2
donghunee
コロナマップ開発者が知らせるマップサービス制作深化講義です。
Intermediate
Node.js, MongoDB, Express
Đây là khóa học hướng dẫn tạo dịch vụ bản đồ từ đầu đến cuối bằng MERN stack (feat. TypeScript). Hãy cùng nhau xem tài liệu chính thức của API và tạo từng phần một.
Phát triển React + TypeScript
Phát triển Express + TypeScript
Sử dụng MongoDB + Mongoose
Cách sử dụng API bản đồ Kakao
Cách sử dụng API bản đồ Naver
Với nhà phát triển Corona Map với 44 triệu lượt xem
Hãy thử thách phát triển dịch vụ bản đồ 💻
Xin chào, tôi là nhà phát triển Donghoon Lee.
Lần này, tôi đã lên kế hoạch và phát triển Bản đồ Corona, được 16 triệu người sử dụng và có hơn 44 triệu lượt xem, và Bản đồ khẩu trang, hiển thị tình trạng tồn kho khẩu trang theo thời gian thực. Hiện tại tôi đang làm việc trên một sản phẩm liên quan đến GIS tại một công ty khởi nghiệp.
Tôi nghĩ dịch vụ bản đồ sẽ là một trong những công nghệ thiết yếu trong tương lai khi thông tin vị trí ngày càng trở nên quan trọng hơn . Tuy nhiên, đúng là có một rào cản lớn khi lần đầu tiên phát triển dịch vụ bản đồ. Tôi hy vọng rằng thông qua bài giảng này, sinh viên sẽ có thể tạo ra các dịch vụ bản đồ dễ dàng hơn và cảm nhận được sự hấp dẫn của các dịch vụ bản đồ.
Khóa học này dạy bạn mọi thứ, từ thiết lập môi trường ban đầu đến triển khai dịch vụ bản đồ bằng React, Express, MongoDB, v.v. Bạn có thể trải nghiệm quy trình sản xuất đầy đủ, tức là front-end và back-end, bằng cách tự mình tạo ra một dịch vụ.
Đối với API Naver Map và Kakao Map, đây là bài giảng sử dụng tài liệu chính thức để tìm hiểu lý do tại sao chúng được sử dụng theo cách này thay vì chỉ viết mã. Điều này sẽ giúp sinh viên quen thuộc hơn với các tài liệu chính thức.
Khóa học này bao gồm kiến thức liên quan đến bản đồ được sử dụng trong thực tế . Tất nhiên, chúng tôi đã thiết lập mức độ khó của bài giảng để người mới bắt đầu có thể dễ dàng hiểu được và thêm phụ đề vào tất cả các bài giảng để bạn có thể nghe mà không cảm thấy khó chịu. Chúng tôi cung cấp mã nguồn chuẩn để giảm bớt gánh nặng thiết lập ban đầu cho sinh viên.
Inflearn đã phát hành hai khóa học về dịch vụ bản đồ do tôi tạo ra. Nhờ sự ủng hộ và quan tâm của nhiều người, chúng tôi đã nhận được nhiều phản hồi tốt mặc dù chủ đề về dịch vụ bản đồ còn hạn chế. Trong số những phản hồi tôi nhận được về bài giảng, nhiều người muốn tạo ra các dịch vụ bằng cách sử dụng công nghệ được sử dụng trong thực tế, vì vậy tôi đã tạo ra bài giảng này. (Dưới đây là bài đánh giá về khóa học đã mở trước đó, ‘Tạo dịch vụ bản đồ với Corona Map Developers.’)
★★★★★
Ưu điểm của nó là dễ nghe từng chút một và có phụ đề nghĩa là bạn có thể nghe mà không cần tiếng. Và vì bạn đã giải thích mọi thứ từ đầu đến cuối nên rất dễ hiểu và dễ theo dõi.
★★★★★
Lời giải thích này thực sự rất hay, thực sự là tuyệt vời nhất. Đây là một mẹo dành cho các sinh viên khác: với tư cách là người vừa nghe xong bài giảng và hoàn thành, nếu bạn có thể phân biệt được chữ hoa và chữ thường, bạn sẽ có thể hoàn thành bài giảng mà không gặp vấn đề gì. Cảm ơn.
★★★★★
Nhìn chung, đây là bài giảng giúp tôi có thể học cách tạo và sử dụng các dịch vụ bản đồ. Điều khiến tôi ấn tượng là tốc độ trả lời phần Hỏi & Đáp và sự chu đáo khi họ chú ý đến từng chi tiết. Cảm ơn bạn rất nhiều vì đã tạo ra một bài giảng bổ ích như vậy.
Dành cho những ai muốn tạo dịch vụ bản đồ bằng React và Express
Dành cho những ai muốn tạo một dự án từ đầu đến cuối
Đối với những người muốn sử dụng API bằng cách sử dụng tài liệu chính thức
Bài giảng này trình bày về React, Express, MongoDB, mongoose, TypeScript, hàm tải lên, hàm truy vấn và hàm tìm kiếm . Trong bài giảng này, chúng ta sẽ tạo một dự án như bên dưới.
Khả năng truy vấn dữ liệu và đặt điểm đánh dấu và cửa sổ thông tin trên bản đồ.
Chức năng tìm kiếm thông tin vị trí sử dụng Kakao Keyword Search API
Chức năng tải lên thông tin vị trí
Khóa học này giới thiệu về dự án sẽ được tạo trong tương lai và giải thích cách thiết lập môi trường ban đầu cho khóa học.
Đây là bài giảng về cách tạo thanh điều hướng cần thiết cho tiến độ dự án. Chúng ta sẽ bắt đầu bằng cách tạo các thành phần cơ bản bao gồm Nút và Đầu vào, sau đó tiến hành tạo thanh điều hướng.
Khóa học này bao gồm việc thiết lập và áp dụng API bản đồ, cốt lõi của dịch vụ bản đồ. Bài giảng này sử dụng Naver Map API và giải thích cách tạo ứng dụng, cấp khóa API và hiển thị Naver Map API trong React. Bạn cũng sẽ học cách thêm sự kiện nhấp vào bản đồ bằng cách tham khảo tài liệu chính thức.
Bài giảng này giới thiệu về Jotai, một thư viện toàn cầu và cách sử dụng thư viện này.
Phần này mô tả các điểm đánh dấu, một trong những cách hiển thị dữ liệu trong dịch vụ bản đồ. Hướng dẫn này giải thích cách tạo nhiều điểm đánh dấu, hiển thị chúng trên bản đồ và thêm sự kiện nhấp vào chúng. Hướng dẫn này giải thích cách tạo tính năng hiển thị và ẩn cửa sổ thông tin khi nhấp vào điểm đánh dấu và cách thêm sự kiện nhấp vào bản đồ.
Phần này giải thích cách lấy vị trí hiện tại, đây là phương pháp cơ bản và được sử dụng phổ biến nhất trong các dịch vụ bản đồ, và hiển thị vị trí đó trên bản đồ bằng cách đánh dấu.
Bài giảng này tạo ra SearchBoard để hiển thị kết quả tìm kiếm và tạo hộp tìm kiếm bằng cách sử dụng các móc. Bằng cách sử dụng API tìm kiếm từ khóa do Kakao cung cấp, chúng tôi triển khai một chức năng tiếp nhận điểm đến từ người dùng và hiển thị điểm đến đó trên bản đồ. Bạn sẽ học cách xử lý vĩ độ và kinh độ của điểm đến và chúng tôi cũng sẽ hướng dẫn cách xử lý lỗi để đảm bảo chỉ có một điểm đánh dấu xuất hiện trên bản đồ.
Khóa học này hướng dẫn cài đặt và thiết lập MongoDB, một cơ sở dữ liệu NoSQL. Chạy máy chủ DB trong môi trường cục bộ bằng docker-compose và kết nối với Compass, một công cụ GUI của MongoDB.
Khóa học này sẽ hướng dẫn bạn cách tạo API sử dụng Express để lưu trữ dữ liệu vị trí, truy xuất tất cả dữ liệu vị trí và truy xuất kết quả tìm kiếm. Quản lý dữ liệu bằng mongoose trong MongoDB đã thiết lập trước đó.
Bài giảng này trình bày cách sử dụng React Query để truy xuất dữ liệu vị trí và kết quả tìm kiếm, cũng như giao tiếp với API để tạo dữ liệu vị trí.
H. Lợi ích của việc học React, Express, MongoDB và Node là gì?
Ưu điểm lớn nhất là bạn có thể tạo cả frontend và backend bằng một ngôn ngữ. React và Express là những thư viện và framework được sử dụng nhiều nhất trong môi trường Node, còn MongoDB là cơ sở dữ liệu NoSQL tương thích tốt với Node và có thể dễ dàng sử dụng thông qua một gói có tên là mongoose.
H. Bài giảng dành cho người mới bắt đầu có khó không?
Đây là mức độ khó mà bất kỳ ai cũng có thể theo dõi để tạo ra dự án từ đầu đến cuối. Tuy nhiên, do bản chất của bài giảng, nó không đề cập đến kiến thức cơ bản (TypeScript, React hooks, cấu trúc Express, v.v.), vì vậy bạn cần phải tìm hiểu trước.
H. Sử dụng Naver Map hoặc Kakao Map API có mất phí không?
Không mất phí để tạo dự án cho khóa học nên đừng lo lắng. :) Naver Map API cung cấp miễn phí 10.000.000 trường hợp mỗi tháng và Kakao Map API cung cấp miễn phí 300.000 trường hợp mỗi ngày. Bạn có thể sử dụng miễn phí miễn là không có nhiều lưu lượng truy cập.
Khóa học này dành cho ai?
React để tạo dịch vụ bản đồ
공식 tài liệu muốn học cách sử dụng
Cần biết trước khi bắt đầu?
Cú pháp cơ bản của React (hooks, jsx)
Cấu trúc cơ bản của Express (router)
Cú pháp TypeScript
yarn hoặc npm
1,334
Học viên
119
Đánh giá
165
Trả lời
4.8
Xếp hạng
3
Các khóa học
안녕하세요 개발자 이동훈입니다.
4400만 조회수가 넘는 코로나맵을 최초로 기획하고 개발하였으며, 마스크맵, 코로나미를 통해 많은 사용자분들의 불편함을 해소하는 서비스를 운영하고 있습니다.
현재는 작은 스타트업을 창업하여 CTO로서 열심히 개발을 하고 있습니다.
감사합니다.
Tất cả
45 bài giảng ∙ (4giờ 24phút)
Tài liệu khóa học:
Tất cả
4 đánh giá
5.0
4 đánh giá
Đánh giá 3
∙
Đánh giá trung bình 5.0
Đánh giá 6
∙
Đánh giá trung bình 4.7
Đánh giá 65
∙
Đánh giá trung bình 5.0
Đánh giá 3
∙
Đánh giá trung bình 5.0
717.461 ₫
Hãy khám phá các khóa học khác của giảng viên!
Khám phá các khóa học khác trong cùng lĩnh vực!