0 강의 오리엔테이션

source: categories/study/vue-beginner-lv4/vue-beginner-lv4_0.md

0.1 제작할 어플리케이션 소개

CRUD 기반 어플리케이션.

  1. Sign Up 기능 - validation
    1. 회원가입 완료되면 User is created 문구 뜨는기능
  2. Login 기능 - validation
    1. 로딩스피너
    2. 토스트 팝업 (Login Success)
  3. 닉네임 설정
  4. Today I Learned. 학습노트 작성기능.
    오늘 무엇을 공부했는지 작성하는 기능 (POST - CREATE) 학습노트가 언제 생성되었는지 시간 같은 것도 필터를 통해서 정렬하는 방법을 vue-filter를 통해 알아보겠다.
    생성된 학습 노트는 수정(PUT), 삭제(DELETE)가 모두 가능하다.
    수정(PUT) 완료시 로딩 스피너, 토스트 팝업.
    삭제(DELETE)시 얼럿창. 진짜 삭제할거야?

이번 어플리케이션은 실제 백엔드 API를 붙여서 진행하는거기 때문에 데이터에 대한 처리까지도 다 확인하실 수 있습니다.

0.2 현대 프론트엔드 개발 절차와 역할

현대 웹 서비스 개발 절차

  1. 요구사항
  2. 서비스 기획
  3. UI, UX 상세 설계
  4. GUI 디자인
  5. 퍼블리싱
  6. 백엔드 API 개발
  7. 프론트엔드 API 개발
  8. QA

프론트엔드 개발자의 역할

  • 화면단 코드 작성
  • 기획, 디자인, 퍼블리싱, 벡앤드 개발자와 소통

0.3 수업에서 사용할 API 문서 소개

API 문서를 제작해주는 도구, 공식 사이트입니다.
백엔드 개발자가 작성해주는 API 문서를 읽고 해석하는 능력이 프론트엔드 개발자에게 있어야합니다.

수업목표

  • 이런 API 문서를 보고 백엔드 개발자와 어떻게 협업하고 소통해야되는지