똑같은 삽질은 2번 하지 말자

Vue.js 끝내기 No.1(Intro) 본문

Vue

Vue.js 끝내기 No.1(Intro)

곽빵 2020. 5. 7. 23:06

Spring Boot 개념정리가 끝나고 배운기술들을 따로 적용해가면서 프로젝트를 하고있고, 

동시에 Vue에 대한 강의도 일기마냥 기록해보려고 합니다.

이때까지 적당히 텍스트로 기록해뒀는데, 나중가서 보니 보기 어려워서 ㅎㅎ 여기다 작성하자~

 

우선 강의에서 만들 예정인 화면 몇개

오늘 내가 배운 학습 내용들을 정리하는 간단한 CRUD 어플로 보이는데,

중간 중간 validation도 하고 있고, spinner transition 등등 사용해 봤던 친구들의 흔적이 보인다..(ㅎㅎ 머릿속이 하얗다)

무엇보다 로그인이 되게 궁금했던게, 저번에 vue와 내가 릴리스 해둔 node로 만든서버로 로그인 시스템을 구축하던중

node서버의 속도가 느려서인지? 내가 원하는 흐름대로 잘 되지 않아서 억지로 끼워맞췄었는데,

선생님은 어떤식으로 할지 정말 정말 정말 궁금하다.

(저는 Vuex로 state에 loginUser 만들고 mutations actions api 싹다 갖다쓰면서 만듬) 

 

현대 웹 서비스 개발 절차

요구사항 -> 서비스 기획 -> UI, UX 상세 설계 -> GUI 디자인 -> 퍼블리싱(HTML,CSS) -> 백엔드 API 개발

-> 프런트엔드 개발 -> QA

 

 

프런트엔드 개발자의 역할

화면단 코드 작성

기획,디자인,퍼블리싱,백엔드 개발자와 소통

 

그리고 백엔드 개발자와의 소통을 위한 API 문서 작성, 읽는법에대해

아래의 에디터를 이용할 예정~~

https://editor.swagger.io/

 

Swagger Editor

 

editor.swagger.io

 

Comments