Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
개발 · 프로그래밍

/

프론트엔드

실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발

순수 자바스크립트와 VueJS라는 UI Library를 이용하여 쇼핑몰 검색 페이지를 만들어 보며 VueJS 개발 학습을 진행합니다. 순수 자바스크립트와 VueJs 로 개발을 각기 진행하며 각 개발의 차이점과 MVC, MVVM 디자인 패턴의 차이도 배울 수 있습니다.

(4.7) 수강평 127개

수강생 2,190명

  • 김정환

먼저 경험한 수강생들의 후기

이런 걸 배울 수 있어요

  • Javascript 실전 개발 방법

  • Vue.JS 기초

  • MVC/MVVM 아키텍처

  • 컴퍼넌트 개발

  • 순수 JS 와 Vue.js 와의 개발 방법론 차이

  • 순수 JS 로 기능 구현 실습

한 발 더 나아간 프론트엔드 개발,
순수 자바스크립트와 뷰를 직접 비교해보세요!

1. 강의 소개

Vue.js라는 UI Library를 학습하는 강의로 쇼핑몰 검색 페이지를 만들어 봅니다! 먼저는 순수 자바스크립트를 이용해 가장 많이 쓰이는 MVC 디자인 패턴으로 구현합니다. 그리고 나서 Vue.js로 MVVM 디자인 패턴을 개발하면서 라이브러리의 장점에 대해 알아보구요. 마지막으로 컴포넌트를 공부하면서 어떻게 UI를 모듈화하고 조립하여 화면을 구성할 수 있는지 알아보겠습니다. 각 강의는 10분 미만의 짧은 영상으로 만들었어요. 챕터 마지막에는 실습 문제를 준비했구요. 직접 고민하고 풀어보는 과정을 통해 코딩 실력을 키워보세요!

2. 학습목표

MVVM 아키텍쳐를 왜 써야 하는지 이해하고 그 구현체인 Vue.js를 공부하는 것이 목표입니다. 단순히 라이브러리 소개가 아니라, 기존 UI개발 방식의 한계를 파악한 뒤 해결책으로 Vue.js라는 기술을 공부하는 것이죠~ 또한 컴포넌트 기반의 웹 프론트 개발 방법이 주는 이점도 짚고 넘어갑니다.

3. 도움이 되는 분들

  • 웹 프론트엔드 개발 입문자
  • 자바스크립트 디자인 패턴의 의미를 이해하고 싶은 분
  • Vue.js 개발을 배우고 싶은 분
  • 순수 자바스크립트와 Vue.js 기술의 차이점을 알고 싶은 분

4. 배우는 것들

  • Vue.JS 기초
  • MVC/MVVM 아키텍처
  • 컴포넌트 개발

5. 지식공유자 소개

김정환
웹 기술을 이용한 서버/클라이언트 어플리케이션을 만드는 자바스크립트 개발자입니다. 기술을 학습하고 공유하는 것을 좋아하구요. ^^

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 자바스크립트 개발 입문자

  • 웹 프론트엔드 개발 입문자

  • 자바스크립트 디자인 패턴 의미를 이해하고 싶은 분

  • VueJS 개발을 배우고 싶은 분

  • 성장하고 싶지만 막막한 초보 개발자

  • 순수 JS로 개발 해보고 싶은 분

선수 지식,
필요할까요?

  • Javascript 기본

  • HTML, CSS 마크업 지식

안녕하세요
입니다.

13,747

수강생

855

수강평

585

답변

4.8

강의 평점

9

강의

👋🏼 안녕하세요 인프런에서 강의하는 김정환입니다.

수업 중 궁금한 사항은 질문 사항에 올려주세요.
매일 한 번씩 확인하고 답변 드리겠습니다.

커리큘럼

전체

59개 ∙ (3시간 57분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

127개

4.7

127개의 수강평

  • hyukster90666님의 프로필 이미지
    hyukster90666

    수강평 20

    평균 평점 4.8

    5

    100% 수강 후 작성

    Lecture advantages 1. The editing is very well done, so the lecture time is short, and it is not burdensome to read it twice or three times. It is like a first-time lecture for a public institution or the college entrance exam. The editing is no joke. It does not take up the user's time, and the real lecture is short, but the key content is all in it. 2. The lecture curriculum is perfectly organized. If you had learned vuejs from the beginning, it would have been difficult to understand the advantages or benefits of vuejs. This technique of curing cancer by implementing a function in pure JavaScript and then implementing the same function in vuejs is truly amazing. Disadvantages None. I have taken 4-5 lectures at Inflearn, but this is the first time I have written that there are none.. For those who are starting out, You should listen to the basic ES6 curriculum to make it easier to listen to this lecture. In my case, I didn't know ES6 well and only took the basic JavaScript course, so I took this course for the first time. I had a hard time because I didn't understand the part where it was first implemented in JavaScript. I looked it up on the Internet and learned the concepts one by one, but it turned out that this was a problem that could have been solved if I had taken one basic ES6 course. Lastly, I would like to thank the instructor for the great course. I definitely plan to take other courses. (__) One-liner: Inflearn 1st instructor & course.

    • jeonghwan
      지식공유자

      I just saw this review now... Thank you. 🙇‍♂️

    • I guess I'll have to study some basic JavaScript and come back ㅠㅠㅠ

  • re1ee님의 프로필 이미지
    re1ee

    수강평 7

    평균 평점 4.4

    5

    100% 수강 후 작성

    The course is really good. I was working at a publisher and wanted to go into web development, so I looked for a course on Infraon and heard that Vue.js was the lightest framework, so I took the instructor's course... I like it... It's really... I often felt like the content was falling apart when I listened to lectures on the Internet, but this is not the case with the instructor's course... It's amazing... You answer my questions quickly too. Thank you. I want to study Vue.js in more depth.

    • jeonghwan
      지식공유자

      I also have experience working with publishers, and at that time, I thought a lot about Viewjs. I thought it would be good for collaboration if I could use it well, so thank you for taking this course.

  • harper님의 프로필 이미지
    harper

    수강평 3

    평균 평점 5.0

    5

    100% 수강 후 작성

    In my work, I only use ES5 and jQuery, but I felt the need to study, so I took this course. In the Vanilla Script section, there were APIs and ES6 grammar that I didn't know, so I looked them up and studied them. Now that I've moved on to the Vue part and am learning, I think it was a good idea to take this course. Thank you!

    • jeonghwan
      지식공유자

      I think that being able to look up things you don't know is also a skill. I know it must have been difficult at first, but thank you for following along.

  • myfuturetechnolo0353님의 프로필 이미지
    myfuturetechnolo0353

    수강평 107

    평균 평점 3.3

    5

    100% 수강 후 작성

    It was a really good course. Since it was a course that taught through projects, it was not boring at all and I understood it well. I purchased all 5 courses and this was the first course I finished. I plan to take all the remaining courses. I hope there are additional courses. It would be about using other libraries like nuxt, vuetify, or I'm studying ionic, and the beta version of vue came out, and the official version with vue is coming out soon, but I hope it was not ionic using vue, or ecommerce or instagram clone, which many beginner developers want but are obvious topics but not easy to develop and understand. It would be even better if it was distributed. And I hope there were short tips related to errors related to the content at that time. Once again, it was a really satisfying course.

    • ejdnj100552님의 프로필 이미지
      ejdnj100552

      수강평 4

      평균 평점 5.0

      5

      100% 수강 후 작성

      I liked that each lecture was edited to be short. This was the first paid lecture I paid for from Infraon, and I think it was a good choice. Thank you for the great lecture. It was a big help to me when I had a hard time studying on my own.

      • jeonghwan
        지식공유자

        I am very honored to be giving my first lecture at Infraon.

    ₩44,000

    김정환님의 다른 강의

    지식공유자님의 다른 강의를 만나보세요!

    비슷한 강의

    같은 분야의 다른 강의를 만나보세요!