강의

멘토링

로드맵

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

700 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,962

Learners

190

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

    노드js 부분빼고는 정말 좋아요. 근데 노드js 부분까지 다 설명하려면 솔직히 그것도 아닌거같구요.. 무엇보다 강사님 질의응답이 너무좋습니다. 솔직히 돈 안 아깝습니다. 지금 이제 끝을 달려가는데 제바바알 배포까지 성공할수있었음좋겠어요. 할수잇겟죠ㅜㅜ?

    • 이희은님의 프로필 이미지
      이희은

      Reviews 1

      Average Rating 5.0

      5

      6% enrolled

      설명 너무 잘해주셔서 잘 따라가고있습니다. 좋은 강의 감사합니다!

      • Jiwoon Jeong
        Instructor

        감사합니다 :) 수강 중에 어려움이 생기시면 Q&A 활용해주세요!

    • 설이님의 프로필 이미지
      설이

      Reviews 7

      Average Rating 5.0

      5

      31% enrolled

      이해하기좋아요

      • 챗지피티님의 프로필 이미지
        챗지피티

        Reviews 2

        Average Rating 4.5

        5

        61% enrolled

        비전공자인데 개발자가 되려는 사람인데 JS부터 막막함을 느껴서 이 강의를 듣게 되었습니다. 많이 배워갑니다..!

        • Suit & Coffee님의 프로필 이미지
          Suit & Coffee

          Reviews 13

          Average Rating 4.5

          5

          88% enrolled

          Good!

          $59.40

          Jiwoon Jeong's other courses

          Check out other courses by the instructor!

          Similar courses

          Explore other courses in the same field!