Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

vuetiful korea 발표자료

2,469 views

Published on

뷰 좋아용 헤헤

Published in: Engineering
  • Be the first to comment

vuetiful korea 발표자료

  1. 1. • 프론트엔드 (Vue.js) 및 마크업 • 백엔드 (Node.js + Express.js + Mongoose) • 백오피스 개발 (앱 내 콘텐츠 관리, CS, 통계) • 인프라 (AWS) 현재 하는 일
  2. 2. 1. SPA 2. 만들어봅시다 목차 1 / 10
  3. 3. SPA • 백엔드 코드, HTML 템플릿, 프론트엔 드 코드가 섞여있음 전통적인 웹사이트 SPA • 백엔드 코드와 프론트엔드 코드 분리
  4. 4. SPA • 백엔드와 프론트엔드 분리 • 다른 클라이언트와 API 서버 공유 • S3 배포 가능 장점 단점 • 초기 로딩 속도 • SEO
  5. 5. 다른 라이브러리/프레임워크도 있는데 • JSX • 쉽지 않은 개발환경 설정 React • TypeScript Angular
  6. 6. Vue.js를 선택한 이유 vue, vue-router, webpack, babel, eslint, 테스트 도구(karma, mocha), 각종 loader 등
  7. 7. Vue.js를 선택한 이유
  8. 8. 만들어봅시다 목표 15분 동안 블로그 만들기
  9. 9. 만들어봅시다 API [get] /post – 글 목록을 가져옴 [get] /post/:id – 글 하나를 가져옴 [post] /post - 글을 저장함
  10. 10. 뭐 보고 만들면 되나요? • 공식 문서가 훌륭합니다. • Vue.js 한국 사용자 모임에 유용한 글이 많습니다. • 페이스북 모임/슬랙에 초고수님들이 있습니다.
  11. 11. 베이비홈닥터 설치하고 안전육아 하세요 구글 플레이, 앱 스토어에서 설치 가능

×