강의

멘토링

로드맵

BEST
Programming

/

Full-stack

A Full-Stack Restaurant Guide Project for Non-Majors!: Front, Back-end, and Deployment

This is a full-stack restaurant map tutorial that allows you to learn everything from front-end, back-end, Kakao Map API usage, and deployment all at once while creating a restaurant map of your favorite YouTuber.

(4.8) 35 reviews

698 learners

  • Jiwoon Jeong
HTML/CSS
JavaScript
REST API
MySQL
AWS

Reviews from Early Learners

What you will learn!

  • Web Frontend: HTML, CSS, JS

  • Open API: Kakao Map API

  • Server & Backend: Nginx + Express.js: Rest API

  • Database: MySQL, DB Design and SQL

  • Cloud: AWS EC2 + Ubuntu

  • Git & Github

Experience the entire development process
We even produce results 🗺


The reason we learn to code is to create things we need.
If you learn without a purpose, you may end up only following the latest technology stack, which is different from your original intention.

It's not too late to experience the entire development process firsthand and focus on the areas that interest you.
We focused on the development process experience, excluding technologies that are too difficult.

In this lecture, we will cover the process required to create a restaurant map service from A to Z.
I'm slowly making a map of the restaurants of my favorite YouTubers.

I recommend this to these people 👌

Development experience
Still lacking

Web service
People who want to make

The prototype
People who want to make

Unique map service
People who want to make


Unique features of this course

I'll let you know 🚩

1. A lecture that sticks to basic techniques and makes the most of them

You don't necessarily need to know the latest framework to develop.
Rather, if you start learning the latest technology without knowing the basics, you will easily lose interest.
This course focuses on getting the most out of web clients, servers, and deployment technologies.

2. Full-stack technology learned while creating actual web services

Our first priority is to thoroughly focus on the core concepts and to enable practical use.
- A publishing project where you can learn and utilize HTML and CSS.
- Build an AWS server, implement a REST API server, and deploy it!

3. Practice to make it mine

There are quizzes in the middle of each lecture so that you can practice what you have learned .
If you take the class and solve problems yourself, it will help you make the knowledge you have learned truly your own.

4. Smooth Q&A & Various Lecture Materials

Please leave your questions and we will respond quickly to help you learn more effectively.
Additionally, we have created a variety of lecture materials that can be used in each chapter's lectures.

Learn Client & Server 👨‍💻

client

  1. The core points! HTML, CSS
    • HTML main tags
    • CSS Box Model, Position, Flex...
  2. Let's make a restaurant map first! : HTML, CSS + Kakao Map Publishing
    • Creating a food map framework with HTML and CSS
    • Inserting a map using Kakao Map API
  3. Javascript grammar neatly organized
    • variable, operator..
    • condition, loop
    • function
  4. JS DOM and Asynchronous Processing
    • DOM && Event Handling
    • Asynchronous
  5. Kakao Map API
    • Map Creation & Controller
    • Create a Marker
    • Customizing the InfoWindow
    • Category Handling

Server

  1. Let's build a server! AWS server that is easy to understand and build
    • AWS EC2 + Linux Ubuntu
    • Nginx, Node Express.js, MySQL
  2. A space to store data, DB design method and SQL learned with MySQL
    • ERD design
    • Queries
  3. Express.js backend and REST API that provides clean data
    • REST API
    • How to use Express
    • CRUD API implementation
  4. Should we complete the restaurant map?
    • Project Completion Assignment
  5. Distribute: Make your restaurant map visible to the world
    • Git, Github
    • PM2 Non-stop distribution
    • Domain application


What your future looks like 😎

  • You can create the layout of your website using HTML and CSS.
  • You can customize the Kakao Map API to suit your needs.
  • You can understand and explain the concepts of clients and servers.
  • You can build an AWS EC2 Linux Ubuntu server.
  • You can understand and explain the concept of REST API.
  • You can implement the REST API you need.
  • You can distribute the site.

Expected Questions Q&A 💬

Q. Why should I learn full-stack technologies?
I've seen many people who are new to programming just study grammar repeatedly and give up without actually developing. There is a difference between the algorithm field that requires programming thinking and the field of practical development. I want to give you the experience of learning full-stack technology and feeling the AZ of a project!

Q. I'm new to coding. Is it okay for me to take the course?
We have tried our best to organize the lectures so that even non-majors can take the course, but a minimum of basic knowledge is required. If you are a college student, you can take the course if you have taken a basic programming course at school, and if you can understand life coding, I think you can take the course. If you have any difficulties, please ask questions at any time! I will respond quickly.

Q. What should I do after I get stronger?
What I recommend is to come up with a project. Decide on a project that you want to make and try it out. If you choose a field that you find interesting while taking the class and try to build up your expertise, it will be of great help.

Q. Is there anything I should be careful about when taking the class?
A. When proceeding with the client part, it will be based on the Chrome web browser, and the entire lecture will be based on the Windows OS.

A. There may be keyboard noise as there are parts where you write code directly during the lecture.
If you are very sensitive to sound, please be sure to check the volume of the public lecture.

A. In the server part lecture , learning is conducted in a top-down format .
We provide Express templates and learn how to design RestAPIs using them.
This is an MVC pattern template created by the instructor himself, not an Express generator.
We focus on understanding the template structure and implementing functionality by leveraging it.
In terms of learning style, if you think you have to learn by writing all the code yourself to create templates from the bottom-up, please take note.

Recommended for
these people

Who is this course right for?

  • Have you ever given up on studying programming grammar?

  • Those who want to learn all the development processes from the basics to distribution

  • If you want to record your own restaurant map and make it into a website

Hello
This is

6,951

Learners

188

Reviews

170

Answers

4.9

Rating

4

Courses

저는 현재 국내 대기업에서 추천 시스템 연구 개발을 하고 있습니다.

누구나 재밌고 유익하게 배울 수 있는 개발 콘텐츠를 만들겠습니다.

 

이력 사항 ✒️

  • 네이버커넥트 부스트캠프 웹 백엔드(Node.js) 6기 code reviewer 활동

  • 서울산업진흥원 SeSSAC 온라인 IT콘텐츠 파트너 (Full Stack)

  • 서울산업진흥원 SeSSAC 개발자 입문과정 진행 (Python, Javascript)

  • 건국대 몰입형 프로그래밍 과정 강의 진행

  • 서울시 SSAC 라이징 프로그래머 서버파트 총괄

  • 암호화폐 매매 자동화 프로그램 개발 외주 (Qt)

  • 마케팅 에이전시 랜딩 페이지 개발 외주 (Web)

  • 실시간 데이터처리 Windows 응용 프로그램 개발 외주 (Qt)

     

Curriculum

All

72 lectures ∙ (9hr 7min)

Published: 
Last updated: 

Reviews

All

35 reviews

4.8

35 reviews

  • ㄴㅋㅋㅋ님의 프로필 이미지
    ㄴㅋㅋㅋ

    Reviews 3

    Average Rating 5.0

    5

    88% enrolled

    It's really good except for the nodejs part. But honestly, if you want to explain all the nodejs parts, I don't think that's even possible.. More than anything, the instructor's Q&A is really good. Honestly, I don't regret the money. I'm almost at the end now, but I hope I can successfully deploy Jebabaal. You can do it, right?ㅜㅜ?

    • dlgmldms97663님의 프로필 이미지
      dlgmldms97663

      Reviews 1

      Average Rating 5.0

      5

      6% enrolled

      Thank you for the great lecture. I am following along well thanks to your excellent explanation.

      • jiwoonjeong
        Instructor

        Thank you :) If you have any difficulties during the class, please use Q&A!

    • olerlmin님의 프로필 이미지
      olerlmin

      Reviews 7

      Average Rating 5.0

      5

      31% enrolled

      Easy to understand

      • bridgetlee6098798님의 프로필 이미지
        bridgetlee6098798

        Reviews 2

        Average Rating 4.5

        5

        61% enrolled

        I'm a non-major who wants to become a developer, and I felt lost when it came to JS, so I took this course. I'm learning a lot..!

        • quanttrader님의 프로필 이미지
          quanttrader

          Reviews 12

          Average Rating 4.5

          5

          88% enrolled

          Good!

          Limited time deal

          $45.10

          24%

          $59.40

          Jiwoon Jeong's other courses

          Check out other courses by the instructor!

          Similar courses

          Explore other courses in the same field!