강의

멘토링

로드맵

Programming

/

Web Development

Planner, how about learning this level of web development? [Theory + Practice]

This is a fast-paced development course for busy planners. You can learn the entire development process by developing web front-end, back-end, and DB yourself with simple explanations.

(4.9) 9 reviews

109 learners

  • bokchi
비전공자
기획자
이론 실습 모두
HTML/CSS
JavaScript
Vue.js
Node.js
soft skills

Reviews from Early Learners

What you will learn!

  • Web Development

  • Frontend

  • Backend

  • Database

한번쯤은 배우고 가야한다고 생각한 개발과 코딩
이번에 간단하게 한번 끝내고 가볼까요?


기획자(비개발직군)은 개발을 알아야 하는 것일까요? 🧐

IT회사에 있다면 한번쯤은 해본 고민입니다.

🤓 기획자 : 나도 개발을 알아야 하나?

🥸 개발자 : 기획자분에게 어디까지 개발에 대해서 설명해야 할까?

과거에는 현실적으로 비개발 직군 분들이 개발을 배우는게 쉽지 않다고 생각했습니다.

  • 이미 본인의 직군의 전문성 관련 공부할 것도 많고

  • 개발을 공부하는 것에 시간과 에너지가 많이 들고

  • 바쁜 직장인이 시간내기 쉽지 않고

  • 개발자가 개발적인 이슈에 대해서 더 쉽게 잘 설명하면 되는게 아닐까?

라고 생각했으나, 현재는 CHAT GPT 같은 AI 챗봇의 도움으로 과거와는 다르게

굉장히 쉽고 빠르게 원하는 결과물을 얻고 코딩을 학습할 수 있습니다.

강의 제작 배경 🤩

기존에는 개발을 학습하려면

  1. 개발관련 도서 / 강의를 보고

  2. 한줄한줄 따라 쳐보고 모르는 개념을 찾아보고

  3. 오류가 나면 머리를 싸매고 검색하고

  4. 겨우겨우 해냈던 과정

이제는 CHAT GPT 같은 인공지능 챗봇을 이용해서 간단하게 원하는 코드를 얻고, 결과물을 만들어내고 버그를 수정할 수 있습니다.

AI 챗봇의 발전을 직접 지켜보면서 "이정도면 비개발 직군(기획자)분들도 개발 한번 빠르게 배워볼만 하겠는데?" 라는 생각이 들어, 빠르게 웹 개발의 전체적인 프로세스를 볼 수 있는 강의를 제작하게 되었습니다.


강의를 수강하시면 프론트엔드 / 백엔드 / DB 까지 간단하게나마 어떻게 동작하는지를 알고 실습해볼 수 있습니다.

어떤 점이 다른 강의와 다를까요? 🔍

#1.
빠르게 기본적인 부분만 강의에서 함께 학습해요

전체를 하나부터 열까지 보기 보다 기본적인 개요를 알아보고 넘어가요. 나무보다 숲을 본다고 생각해주시면 될 것 같아요.

#2.
인공지능에게 코드를 작성해달라고 하거나, 미리 작성된 코드를 실행해요

처음부터 한줄한줄 코드를 따라치면서 하지 않고 대략적인 틀을 인공지능에게 잡아달라고 하거나, 강사가 중요하다고 생각한 부분의 코드를 실행해요.

#3.
추가적인 부분은 직접 찾아서 공부해요.

강의에서 모든 것을 하나씩 알려드리는 것이 아니라 빠르게 중요한 부분만 짚고 넘어가요.

기존에 웹 개발 강의에서 15-30시간씩 걸리던 강의 시간을 중요한 부분만 남기고 생략하여 4시간으로 줄이고 모르는 것은 찾아가는 방법을 알려드려요.

이런 내용을 배워요

1. HTML CSS JS로 간단한 화면 만들기

HTML CSS Javascript를 이용해서 간단한 계산기 프로그램을 만들어봐요.
빠르게 화면을 어떻게 만들 수 있는지 실습해봅니다.

2. Vue.Js로 프론트엔드 개발 배우기

Vue.Js를 이용해서 간단한 BMI를 계산하는 프로그램을 제작해봐요.
이 프로그램을 제작하면서 프론트엔드를 어떻게 개발하는지, API 호출을 어떻게 하는지 알아봐요.

3. DB(mongoDB)

자바스크립트를 이용해서 mongoDB라는 데이터베이스에 데이터를 읽고 쓰고 업데이트하고 삭제하는 기능을 만들어봐요.

4. Node.Js(Express)

Node.Js를 이용해서 API 서버를 직접 만들어보면서 API가 어떤 것인지 보고 API를 만드는 방법을 알아봐요.

5. 최종 프로젝트

지금까지 배운 것들을 이용해서 주식 정보를 기입하는 메모장을 만들어봐요. 프론트엔드 / 백엔드 / DB 연결을 어떻게 하는지 모두 함께 적용해봄으로써 감을 잡을 수 있어요.

궁금한 점이 있나요?

Q. 프론트엔드 / 백엔드 / DB 모두 다 배운다고 하는데 수준이 어느정도일까요?


개발을 등산에 비유하면, 실무에서 다루는 레벨이 에베레스트라면

집 앞에 뒷산 등반정도의 수준입니다.

등산을 잘 하는 것이 목적이 아닌, 전문 산악인들과 ‘등산’에 대해서 이야기를 

나눌 수 있게 되는 것이 목표입니다.

저희는 개발자와 '개발'에 대해서 이야기하고 간단한 프로젝트를 만들기 위한 수준까지 공부합니다.

Q. 제가 들으면 도움되는 강의인지 잘 모르겠어요


아래의 해당되시면 도움이 되실 것 같습니다.

  • 기획적인 부분을 개발팀에 전달할 때 어느정도 시간이 걸리는 태스크인지 예상하기 힘들다.

  • 개발을 배워보려고 온/오프라인 강의를 수강하였으나 끝까지 수강해본 적이 없거나 or 끝까지 수강하였어도 혼자서 처음부터 코드를 작성하려고 하면 어떻게 해야할 지 모르겠다.


  • 프론트엔드 / 백엔드개발자가 각각 어느 범위까지 일을 하는지 감을 잡기 힘들다.

  • 나는 개발자가 될 것도 아니고, 간단한 프로젝트 하나 만들 수 있을 정도만 개발을 빨리 배워보고 싶다.

아래에 해당되시면 도움되지 않으실 수 있습니다.

  • 이미 개발에 대해서 잘 알고 있고 간단한 API / DB / 프론트 / 백엔드가 어떻게 동작하는지 설명할 수 있다.

  • 개발자가 설명하는 개발적인 이슈에 대해서 정확히 어떤 문제인지 파악이 가능하다.

  • 요구사항을 전달할 때 대략적으로 어느정도 시간이 걸릴 것인지 예상 가능하다.

  • 처음부터 끝까지 하나하나 설명해주고, 개발자처럼 깊게 공부하는 강의를 찾는다.

Q. 너무 짧은 시간안에 많이 배우는 것 같아요. 이 모든 것을 배우는 것이 가능한가요?


짧은 시간에 많은 것을 다루기 때문에, 하나씩 너무 깊이있게 배우기보다, 넓고 얕게 배웁니다.

이런 학습 방법이 잘 안맞으시는 분들도 있으실 것이라 생각합니다.

수강 스타일이 맞으실지 무료강의(미리보기)를 보고 판단해주세요.

Recommended for
these people

Who is this course right for?

  • Office workers who want to learn coding

  • People who work with development teams

  • People who want to learn coding quickly

Hello
This is

6,405

Learners

400

Reviews

1,378

Answers

4.8

Rating

12

Courses

2015년 스타트업 창업을 계기로 다양한 개발 프로젝트를 진행하였습니다.

현재는 평범한 직장인 개발자입니다

Curriculum

All

54 lectures ∙ (3hr 49min)

Published: 
Last updated: 

Reviews

All

9 reviews

4.9

9 reviews

  • yeoukc님의 프로필 이미지
    yeoukc

    Reviews 5

    Average Rating 4.6

    5

    96% enrolled

    저는 아주 재미있게 잘 들었습니다. Good~. F/E & B/E 와 같이 일을 하고 계시는 기획자라면 들어보시는 것 강추합니다. 빠르고 쉽게 F/E & B/E 업무를 이해할 수 있습니다. 강의에서 많이 실습한 Vue.js, Node.js 를 배운 적이 없지만, 저 같은 경우는 데이터분석을 위해 python 을 종종 사용해서, 강사님code 가 대충 이해 가능했습니다. 만약, 기획자라도 coding 을 한번 이라도 해본 적이 없는 분이라면, 내용이 좀 어렵거나 내용을 보는데 흥미를 잃으실 수도 있을 듯 합니다.

    • 개복치개발자
      Instructor

      수강평 감사합니다!

  • 민정 김님의 프로필 이미지
    민정 김

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    • kkhkknd님의 프로필 이미지
      kkhkknd

      Reviews 2

      Average Rating 5.0

      5

      31% enrolled

      • jekim227님의 프로필 이미지
        jekim227

        Reviews 2

        Average Rating 4.0

        4

        100% enrolled

      • musung5147님의 프로필 이미지
        musung5147

        Reviews 1

        Average Rating 5.0

        5

        31% enrolled

      $42.90

      bokchi's other courses

      Check out other courses by the instructor!

      Similar courses

      Explore other courses in the same field!