개발 · 프로그래밍

프론트엔드

Quasar로 만드는 구글 뉴스

Name: Quasar로 만드는 구글 뉴스
Price: 11000 KRW

quasar framework (vue.js) 와 구글뉴스 rss를 이용한 뉴스 사이트를 만들어 봅시다.

(4.3) 수강평 12개

수강생 91명

진슈

Quasar Vue.js Firebase

초급자를 위해 준비한
[프론트엔드, 웹 개발] 강의입니다.

이런 걸 배울 수 있어요

Quasar Framework
Vue.js
Firebase hosting

쉽고 간단하게 배우는 Quasar,
직접 뉴스 사이트를 만들어보세요!

✔️ Quasar Framework?

_{Quasar(퀘이사) 프레임워크}

Quasar Framework는 PWA(Progressive Web App), SSR(Server-Side Rendering), SPA(Single Page Application) 등 다양한 모드를 제공하는 Vue.js 기반 프레임워크입니다. 그 어떤 도구보다 직관적이고 간단하게 프론트엔드 작업을 할 수 있습니다. 최고의 개발자 경험을 제공하는 툴임에도 한국에는 많이 알려져 있지 않습니다. 많은 시간을 투자하지 않고도 이 영상만 보시면 간단하게 사용법을 익히실 수 있습니다.

이 강의는 1시간의 짧은 영상임에도 불구하고 초보 개발자를 위한 많은 내용을 담고 있습니다.

✔️ 이런 걸 배워요

Quasar framework (vue.js) 와 구글뉴스 rss를 이용한 뉴스 사이트를 만들고, firebase hosting을 통해 배포해봅니다.

✔️ 이런 분들께 추천해요!

Vue.js에 대해 배우고 싶은 분들
Quasar Framework에 대해 배우고 싶은 분들
Firebase hosting에 대해 알고 싶으신 분들
axios를 이용한 parsing
Visual Studio Code 및 Extension 소개
웹개발 경험이 있지만 Quasar Framework를 처음 접하시는 분들
처음 프론트 개발을 시작하시는 분들

이런 분들께
추천드려요!

학습 대상은
누구일까요?

Vue.js에 대해 알고 싶은 사람
Quasar Framework에 대해 알고 싶은 사람
강의는 그만 듣고 싶고 Real World Project를 만들고 싶은 사람

선수 지식,
필요할까요?

Javascript
Vue.js
HTML

안녕하세요
진슈입니다.

실용주의 프로그래밍을 지향하는 프리랜서 개발자 입니다.

python, js, golang, c#, django framework, djangorestframework, flask, telegram bot, aws, vue.js, firebase, tailwind css... 닥치는대로 개발하고 있습니다.

특별히 배우고 싶거나 만들고 싶은 프로젝트가 있으시면 jinsyu.com@gmail.com으로 연락주세요.

커리큘럼

전체

11개 ∙ (1시간 12분)

섹션 1. quasar framework를 사용한 구글 뉴스 사이트 만들기

11개 ∙ (1시간 12분)

1. 프로젝트 소개, 프로그램 설치
04:19
2. Quasar 프로젝트 만들기, Vscode 설정
06:13
3. Quasar 기본 구조
07:13
4. axios로 뉴스 정보 가져오기
05:04
5. rss xml 데이터를 json으로 변환
08:36
6. 파싱된 정보를 화면에 뿌리기
04:10
7. moment를 이용해 날짜 포맷하기
02:11
8. qtable을 이용해 화면에 뿌리기
18:40
9. qdrawer 꾸미기
07:27
10. routes 이해하기
03:44
11. firebase hoting을 이용해 배포하기
04:51

강의 게시일: 2021. 01. 06.

마지막 업데이트일: 2021. 01. 07.

수강평

전체

12개

4.3

12개의 수강평

흑연
수강평 7
∙
평균 평점 5.0
2023. 01. 18.
5
100% 수강 후 작성
quasar 프로젝트를 빠르게 만들어보며 익히기 좋아요. vue의 개념을 어느정도 아는 분들이 들어야 할거 같아요
오세진
수강평 2
∙
평균 평점 5.0
2021. 01. 07.
5
9% 수강 후 작성
quasar 프레임워크가 좋다는 얘기는 들었는데 한국 자료가 너무 희박해서 시작을 못하고 있었는데 너무 감사해요!! 매번 강의 들을때마다 2~3시간 듣다보면 늘어지고 완강을 못했는데 강의시간도 짧고 가격도 저렴해서 부담도 안되네요! 다음 강의도 기대할께요!!
- 진슈
  지식공유자
  2021. 01. 08.
  어이쿠 첫 댓글 너무 감사합니다! 처음 만드는 강의라서 부족한 점이 너무 많은데 좋게 봐주셔서 감사합니다!! 다음 강의 제작중인데 훨씬 좋은 강의로 찾아 뵙겠습니다!
한형섭
수강평 1
∙
평균 평점 5.0
2021. 02. 23.
5
100% 수강 후 작성
군더더기 없는 강의였습니다. 공식사이트에 직접 찾아가면서 개발하는것도 좋았네요 그런데 강의가 짧은만큼 JS를 잘 모르거나 vue를 잘 모르면 몇번 천천히 돌려보는걸 추천합니다.
- 진슈
  지식공유자
  2021. 03. 04.
  수강평 남겨주셔서 감사합니다!
jinsu jang
수강평 1
∙
평균 평점 5.0
2021. 01. 14.
5
9% 수강 후 작성
돈이 아깝지 않네요ㅎㅎㅎ 좋은 강의 감사합니다 다음강의도 꼭 구매하겠습니다~
안기환
수강평 3
∙
평균 평점 5.0
2022. 06. 03.
5
100% 수강 후 작성
퀘이사에 대해 빠르게 잘 배웠습니다 감사합니다

비슷한 강의

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

Vue로 Nodebird SNS 만들기

제로초(조현영)

Vue와 Nuxt 프레임워크를 사용해 SNS 서비스를 만듭니다. 서비스에 필요한 풀스택 지식을 학습합니다.

중급이상

Vue.js, Node.js, AWS

Vuetify Admin Template 만들기 - 실전편 (Based Vue2)

짐코딩

Vue&Vuetify로 실무에서 개발하시는 분들을 위한 유용한 팁! 😃

초급

Vue.js, Vuetify

Vue, 뷰 100분 핵심강의

노마드크리에이터

이 강좌는 Vue를 기반으로 간단하지만 유용한 petlist 프로젝트를 100분 핵심강의로 축약하여 짧은 시간에 실전에 활용할 수 있는 모바일 웹앱 개발역량을 키울 수 있습니다.

중급이상

Vue.js

Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작

임종태

Nuxt UI, Nuxt SEO, Nuxt Server Api, Pinia, PWA, Firebase, Email Login, Google Login를 쉽게 배울수 있어요~~

초급

Vue.js, PWA, Firebase

Vue3와 Supabase로 구인구직 사이트 만들기

Michael Kwon

나만의 풀스택 애플리케이션 개발에서 프로그래시브 웹앱(PWA)까지!

초급

Vue.js, supabase, Vue 3

Vue-Django-Bootstrap 뚝딱 블로그

김석훈

인기 3총사 (Vue + Django + Bootstrap) 를 활용하여, 쉬우면서도 멋진 나의 블로그를 만들 수 있습니다. 반응형은 기본, 스마트폰으로도 볼 수 있습니다.

초급

Vue.js, Django, Bootstrap

카카오,구글 SNS 로그인(springboot3, vue3)

bradkim

springboot를 활용하여 카카오, 구글로그인을 구현합니다. jwt토큰 기반 로그인이 구현됩니다. vue3를 통해 간단한 화면을 구성합니다.

초급

OAuth, oauth2, JWT

너네 백엔드 하고 싶은 거 있으면 얼마든지 해 난 괜찮어 왜냐면 나는 파이어베이스가 있어

제주코딩베이스캠프

프론트엔드 개발자인데 로그인 기능을 구현하지 못해 아쉬웠던 적 있으신가요? DB를 이용해 데이터를 저장하고 불러오는 기능을 구현하고 싶지만 쿼리를 공부하기는 부담스러우셨나요? 파이어베이스라면 쉽게 가능합니다! 리액트와 파이어베이스의 힘으로 유저 인증, 데이터 저장, 호스팅 등 웹 개발에 필수적인 기능들을 같이 구현해봅시다! (해당 강의는 22년 8월 녹화로 파이어베이스의 메이저 업데이트를 반영한 강의입니다.)

초급

Firebase, React