위치

요일

가능
시간
(날짜)

  • 오전 10시 - 오후 9시 (협의)
장소 : 협의 후 결정
추가비용 : 1회 5000원
수업장소는 토즈나 카페안의 스터디룸에서 진행할 예정입니다.
₩15,000원 / 시간
₩120,000 / 총 4회 8시간
실시간 톡하기 찜하기
HW Song
SHW
다이나믹 웹앱 만들기 with Vue.js
  • 혜화
  • 2시간/회
  • 최대인원:3~10
  • ₩15,000/시간

튜터정보

  • 신분 인증 됨
✔ IT서비스 관련 스타트업
✔ 반응형 웹사이트(쇼핑몰) 빌더 개발
✔ IOS 부터 웹 서버사이드, AWS 클라우드 까지 다양한 개발 경험


- IOS 앱개발(영상더빙앱)
- AWS 클라우드 및 서버 API 개발
- 웹사이트 개발 및 웹 관리자 개발
- 주 개발 언어
server side nodejs, laravel(php)
client side vuejs, swift


수업소개

수업진행방식
- 그룹 수업 방식으로 스터디룸에서 개인노트북과 함께 진행됩니다.
- 필요한 사항들은 수업 신청시 개별 공지 드리겠습니다.

수업준비물
- 노트북

수업의 목표 
- 실습형 수업을 지향합니다. 예제를 목표로 삼아 구현하는걸 목적으로 수업을 진행합니다.
- 점진적 개발 방법을 지향합니다. 쉬운단계에서 시작해서 조금씩 기능이 추가되는 식으로 수업이 진행될 예정입니다.

수업의 결과물
- vue로 된 여러 웹앱
- 프론트앤드 개발의 경험
- pwa 프로그래시브 웹앱


✔ 요일과 시간은 조절 가능합니다. 궁금하신 점과 함께 실시간 문의 주세요
✔ 수업후 추가 질문시간 제공합니다

수업대상

  • 추천 대상
    - HTML, CSS에 지식은 있지만 자바스크립트 능력을 향상 시키고 싶으신분!
    - 단순 퍼블리셔에서 프로트앤드 개발자로 업그레이드 하시고 싶으신분!
    - 다이나믹한 웹앱에 대해 공부하고 구현하고 싶으신분!

커리큘럼

1회차

1. vue js는 왜 나오게 됬는가?

2. SPA 웹에대해서

2. 웹 컴포넌트 기반의 설계 이해하기

3. vue js 와 react js 의 장점과 특징

2회차

1. vue js에 대해서 알아보기

vue를 설치하고 내컴퓨터에 웹브라우저에서 열어보기

npm의 활용
webpack의 이해

2. vue로 화면을 만들어보자! (템플릿문법이해와 활용)

데이터 리스트를 화면에 나타내보기
마우스 클릭(사용자이벤트)해서 데이터를 감추고 보이고 삭제하고 생성하기

3회차

실습: Todo List 웹어플리케이션을 만들어보자

데이터 CRUD(생성, 읽기, 업데이트, 삭제)를 통해서 전반적인 기능을 이해

1. 할일을 새로만들기
2. 생성된 할일목록을 읽기
3. 할일 리스트에서 할일(내용)을 수정하고 완료된 할일로 표시해보기
4. 할일 리스트에서 선택한 할일을 삭제해보기

4회차

실습: Todo List 웹어플리케이션을 고도화 시켜보자!

브라우저를 종료 후 다시켜도 지난번 상태를 그대로 불러오는 Localstroage(로컬저장소)를 사용해보자! 또한 모든 컴포넌트에 대한 중앙 집중식 저장소 역할을 하는 Vuex을 알아보고 작업하고 있는 웹어플리케이션에 적용해보자!

1. CRUD와 관련해 로컬스토지에 CRUD하는 기능을 추가 및 수정한다.
2. vuex을 이용해 액션과 데이터를 한곳에서 관리자는 기능을 만들어보자.

리뷰

리뷰쓰기

실시간톡

실시간 톡하기

위치

지도가 들어갑니다.