웹 게임을 만들며 배우는 Vue 대시보드

벌써 타임어택을 9번이나 진행했네요. 이번에는 타임어택 프로그램 10기 진행합니다! 10기는 4월 22일부터 시작합니다.

강좌는 구매했는데 매번 끝까지 못 보시는 분들을 위한 프로그램입니다. 무료로 참가하실 수 있으며 의지력이 많이 부족한 분들을 위해 따로 보증금 제도도 운영하고 있습니다. 이전 기수 분들이나 같은 기수 분들의 정리 노트를 보면서 공부하실 수도 있고, 저나 다른 분들에게 질문을 할 수도 있습니다.

타임어택을 참여하신 분들의 완강률이 훨씬 높았습니다. 진짜 꼭 강의를 완강해야겠다고 다짐하셨다면 참여하시면 도움이 많이 될 것입니다!

• 참고로 강의는 인프런에서 저를 검색해서 구매하시기보다는 https://zerocho.com/lecture 의 링크 눌러서 구매해주시면 제가 내는 수수료가 많이 줄어듭니다. 부탁드려요 ㅎㅎ

   

완주하시면 강좌 쿠폰(35~60%)이나 만나서 식사권을 드리고 있습니다!

저도 현재 매 기수 적자를 보면서 진행하고 있습니다. 벌써 9기수째 적자... 그럼에도 진행하는 이유는 제 강좌가 실질적으로 여러분들한테 도움이 되기를 바라기 때문입니다. 강좌를 사놓기만 하고 안 들으시는 분이 많은데 정해진 진도와 함께 끝까지 들으시고 여러분의 개발 실력이 향상되었으면 해서 매번 진행 중입니다. 저는 제 강좌가 도움이 되었다는 말을 들을 때 가장 뿌듯하거든요. 타임어택에서 나오는 강좌 피드백을 바탕으로 강좌를 조금씩 수정하고도 있어 저에게도 도움이 되고요.

슬랙에서 진행하기 때문에 슬랙 방 참가해주셔야 합니다. 아래 슬랙 링크로 들어오세요.

https://zerocho.com/slack

들어오시면 공지 채널에 10기 참여 설문 조사(구글 폼)가 있습니다. 작성하시면 됩니다. 링크도 따로 같이 올려드립니다.

https://forms.gle/Qu5XZ7uNoCyUnugp6

설문 조사를 작성하지 않으셨더라도 저한테 DM을 보내서 알려주시면 참가하실 수 있습니다.

타임어택 프로그램에 참여하지 않으시더라도 슬랙 방에 참여하시면 긱뉴스 등의 정보 공유도 하고 프로그래밍 질문 및 고민 상담도 하고 여러 모로 도움되실 거에요. 벌써 3000분 정도 들어계십니다!

감사합니다.

먼저 다들 새해 복 많이 받으세요~~

2024년 첫 강좌 타임어택 프로그램 9기 진행합니다!

강좌는 구매했는데 매번 끝까지 못 보시는 분들을 위한 프로그램입니다. 무료로 참가하실 수도 있으며 의지력이 많이 부족한 분들을 위해 따로 보증금 제도도 운영하고 있습니다. 이전 기수 분들이나 같은 기수 분들의 정리 노트를 보면서 공부하실 수도 있고, 저나 다른 분들에게 질문을 할 수도 있습니다.

• 참고로 강의는 인프런에서 저를 검색해서 구매하시기보다는 https://zerocho.com/lecture에 있는 링크 눌러서 구매해주시면 제가 내는 수수료가 많이 줄어듭니다. 부탁드려요 ㅎㅎ

   

완주하시면 강좌 쿠폰(35~60%)이나 만나서 식사권을 드리고 있습니다!

저도 현재 매 기수 적자를 보면서 진행하고 있습니다.그럼에도 진행하는 이유는 제 강좌가 실질적으로 여러분들한테 도움이 되기를 바라기 때문입니다. 강좌를 사놓기만 하고 안 들으시는 분이 많은데 정해진 진도와 함께 끝까지 들으시고 여러분의 개발 실력이 향상되었으면 해서 매번 진행 중입니다. 저는 제 강좌가 도움이 되었다는 말을 들을 때 가장 뿌듯하거든요. 타임어택에서 나오는 강좌 피드백을 바탕으로 강좌를 조금씩 수정하고도 있어 저에게도 도움이 되고요.

슬랙에서 진행하기 때문에 슬랙 방 참가해주셔야 합니다. 아래 슬랙 링크로 들어오세요.

https://zerocho.com/slack

들어오시면 공지 채널에 9기 참여 설문 조사(구글 폼)가 있습니다. 작성하시면 됩니다. 링크도 따로 같이 올려드립니다.

https://forms.gle/2FEFKqdHqL4k7jEW9

설문 조사를 작성하지 않으셨더라도 저한테 DM을 보내서 알려주시면 참가하실 수 있습니다.

타임어택 프로그램에 참여하지 않으시더라도 슬랙 방에 참여하시면 긱뉴스 등의 정보 공유도 하고 프로그래밍 질문및 고민 상담도 하고 여러 모로 도움되실 거에요. 벌써 3000분 정도 들어계십니다!

감사합니다.

안녕하세요. 제로초입니다.

제 타입스크립트 교과서(464p, 길벗)이 출간되어 이벤트와 함께 안내드립니다. Node.js 교과서, Let's Get IT 자바스크립트 프로그래밍에 이은 세 번째 책이네요.

타입스크립트 교과서는 제 인프런 강좌 타입스크립트 올인원을 강좌(Part1, Part2 합본)를 기반으로 한 책입니다. 많은 분들이 타입스크립트 문법은 익혔는데 남의 타입을 분석하지 못하거나 직접 작성할 때 막히는 모습을 보았습니다. 그래서 단순하게 타입스크립트 문법만 배우는 책이 아니라 유명 라이브러리 타입들을 분석해보고 직접 작성하는 연습도 해보는 등의 매우 실전적인 책을 집필하게 되었습니다. 최신 버전(5.1)을 사용하고 심혈을 기울여서 집필하였으니 많은 관심 부탁드립니다! 구매하신 분은 아래 이벤트도 참가하시어 스벅 기프티콘도 받아가세요!

예약 구매 링크

-교보문고 https://bit.ly/43Vjw4N
-Yes24 https://bit.ly/3qgKh5W
-알라딘 https://bit.ly/43SpymM

전원 '스타벅스 아메리카노 기프티콘' 증정하는 타입스크립트 교과서 구매 인증 이벤트도 함께 진행합니다! (이미 사신 분도 가능합니다!)
구매 인증 + 구매 채널에서 기대평 하나 작성해주시면 됩니다.
https://naver.me/GrNPPeXW
위 폼에 구매인증 관련 내용을 넣어주시면 됩니다!

감사합니다.
제로초(조현영) 드림.

강좌 타임어택 프로그램 6기 진행합니다!

강좌는 구매했는데 매번 끝까지 못 보시는 분들을 위한 프로그램입니다. 무료로 참가하실 수도 있으며 의지력이 많이 부족한 분들을 위해 따로 보증금 제도도 운영하고 있습니다. 이전 기수 분들이나 같은 기수 분들의 정리 노트를 보면서 공부하실 수도 있고, 저나 다른 분들에게 질문을 할 수도 있습니다.

완주하시면 강좌 쿠폰(35%)이나 만나서 식사권을 드리고 있습니다!

저도 현재 매 기수 적자를 보면서 진행하고 있습니다. 그럼에도 진행하는 이유는 제 강좌가 실질적으로 여러분들한테 도움이 되기를 바라기 때문입니다. 강좌를 사놓기만 하고 안 들으시는 분이 많은데 정해진 진도와 함께 끝까지 들으시고 여러분의 개발 실력이 향상되었으면 해서 매번 진행 중입니다. 저는 제 강좌가 도움이 되었다는 말을 들을 때 가장 뿌듯하거든요. 타임어택에서 나오는 강좌 피드백을 바탕으로 강좌를 조금씩 수정하고도 있어 저에게도 도움이 되고요.

슬랙에서 진행하기 때문에 슬랙 방 참가해주셔야 합니다. 아래 슬랙 링크로 들어오세요.

https://zerocho.com/slack

들어오시면 공지 채널에 6기 참여 설문 조사(구글 폼)가 있습니다. 작성하시면 됩니다. 설문 조사를 작성하지 않으셨더라도 저한테 DM을 보내서 알려주시면 참가하실 수 있습니다.

타임어택 프로그램에 참여하지 않으시더라도 슬랙 방에 참여하시면 긱뉴스 등의 정보 공유도 하고 프로그래밍 질문 및 고민 상담도 하고 여러 모로 도움되실 거에요. 벌써 2100분 정도 들어계십니다!

감사합니다.

강좌 타임어택 프로그램 5기 진행합니다!

강좌는 구매했는데 매번 끝까지 못 보시는 분들을 위한 프로그램입니다. 무료로 참가하실 수도 있으며 의지력이 많이 부족한 분들을 위해 따로 보증금 제도도 운영하고 있습니다. 이전 기수 분들이나 같은 기수 분들의 정리 노트를 보면서 공부하실 수도 있고, 저나 다른 분들에게 질문을 할 수도 있습니다.

완주하시면 강좌 쿠폰이나 만나서 식사권을 드리고 있습니다!

저도 매 기수 적자를 보면서 진행하고 있습니다. 그래도 진행하는 이유는 제 강좌가 실질적으로 여러분들한테 도움이 되기를 바라기 때문입니다. 강좌를 사놓기만 하고 안 들으시는 분이 많은데 정해진 진도와 함께 끝까지 들으시고 여러분의 개발 실력이 향상되었으면 해서 매번 진행 중입니다. 저는 제 강좌가 도움이 되었다는 말을 들을 때 가장 뿌듯하거든요. 타임어택에서 나오는 강좌 피드백을 바탕으로 강좌를 조금씩 수정하고도 있어 저에게도 도움이 되고요.

슬랙에서 진행하기 때문에 슬랙 방 참가해주셔야 합니다. 아래 슬랙 링크로 들어오세요.

https://zerocho.com/slack

들어오시면 공지 채널에 5기 참여 설문 조사(구글 폼)가 있습니다. 작성하시면 됩니다. 설문 조사를 작성하지 않으셨더라도 저한테 DM을 보내서 알려주시면 참가하실 수 있습니다.

타임어택 프로그램에 참여하지 않으시더라도 슬랙 방에 참여하시면 정보 공유도 하고 프로그래밍 질문 및 고민 상담도 하고 여러 모로 도움되실 거에요. 벌써 1800분 정도 들어계십니다!

감사합니다.

vue-loader 16버전 이후는 vue 3만 사용 가능합니다.

이 강좌는 vue2인만큼 15버전으로 설치하셔야 합니다.

npm i vue-loader@15 하시면 됩니다.

vue3에 대한 리뉴얼은 내년 중에 할 수 있도록 해보겠습니다.(확정은 아닙니다)

devServer: {
  devMiddleware: { publicPath: '/dist' },
  static: { directory: path.resolve(__dirname) },
  hot: true
}

웹팩데브서버 4버전에서는 devServer 옵션이 위와 같이 바뀌었습니다.

이전 공지와는 다르게 다시 아래처럼 바꾸시면 됩니다.

new Vue(TicTacToe).$mount('#root');

main.js 소스 코드를 위에서 아래처럼 바꾸시면 됩니다.

import Vue from 'vue';
import Router from './Router';

new Vue(Router).$mount('#root');




// new Vue 안에 { render: createElement => createElement(컴포넌트) } 추가하기

import Vue from 'vue';
import Router from './Router';

new Vue({
  render: createElement => createElement(Router)
}).$mount('#root');

제 강좌는 css-loader@3으로 촬영되었지만

css-loader@4가 나오면서 css 적용이 안 되는 분들이 많으신 듯 합니다.

use: [
  'vue-style-loader',
  'css-loader',
]

에서 다음과 같이 바꿔주세요.

use: [
  'vue-style-loader',
  {
    loader: 'css-loader',
    options: {
      esModule: false,
    }
  },
]

Vue 무료 강좌에 이어 Vue 유료 강좌가 출시되었습니다!

무료 강좌가 단순히 프레임워크를 익히는 것이었다면, 유료 강좌에서는

실제 웹서비스를 제작해봅니다.

무료 강좌를 시청하고 난 후에 보시면 좋습니다.

감사합니다.