하수도키의 성장일기

개발일기/Vue.js

[Vue.js] 토큰 기반 인증(#4. 유저 로그인)

2020/10/31 - [개발일기/Vue.js] - [Vue.js] 토큰 기반 인증 (#7. 자동 로그인) 2020/10/31 - [개발일기/Vue.js] - [Vue.js] 토큰 기반 인증 catch 사용 (#6. 에러 처리) 2020/10/30 - [개발일기/Vue.js] - [Vue.js] 토큰 기반 인증(#5. 유저 로그아웃) 2020/10/28 - [개발일기/Vue.js] - [Vue.js] 토큰 기반 인증(#4. 유저 로그인) 2020/08/30 - [개발일기/Vue.js] - [Vue.js] 토큰 기반 인증(#3. 사용자 등록) 2020/07/27 - [개발일기/Vue.js] - [Vue.js] 토큰 기반 인증(#2. 인증을 위한 프로젝트 구조 살피기) 2020/07/24 - [개발일기/Vu..

개발일기/Vue.js

Vue.Js 3 Composition API 살펴보기 - 5(Teleport)

Vue3 Composition API에 대해 알아보자 Vue3가 나오면서 Composition API가 제공되고 있다. Composition API가 왜 나왔는지 알아보고 뭔지 알아보자. 개요 Teleport Teleport Vue 컴포넌트 설계는 비지니스 로직 계층과 표현 계층으로 구축할 수 있다. 그러나 때때로 특정한 위치에 html 렌더링을 시켜야 되는 컴포넌트가 있을 수가 있다. 예를 들면, absolute, fixed, z-index를 활용하믄 모달 팝업, 태그앞에 와야 되는 경우 Vue 애플리케이션 페이지에서 작은 부분(또는 widget)에서 실행 될때, Vue app밖에 있는 DOM으로 이동하고 싶은 경우 해결 Teleport 컴포넌트를 사용해보자. Portal이라고 불렸으나 Teleport..

개발일기/Vue.js

Vue.Js 3 Composition API에 대해 알아보자 - 4(Sharing State, Suspense)

Vue3 Composition API에 대해 알아보자 Vue3가 나오면서 Composition API가 제공되고 있다. Composition API가 왜 나왔는지 알아보고 뭔지 알아보자. 개요 Sharing State Suspense Sharing State API 호출 작업을 할때, 로딩 상태, 에러 상태, try/catch구문을 사용한다. Composition API에서 사용하는 법을 살펴보자. 아래는 이전 포스팅에 연장인 예제 코드이다. /src/App.js Search for Loading: {{ loading }} Error: {{ error }} Number of events: {{ results }} Sharing State Composition API 위에 살펴본 API 호출 로직(결과, ..

개발일기/Vue.js

Vue.Js 3 Composition API 살펴보기 - 3(Modularzing, LifeCycle Hooks, Watch)

Vue3 Composition API에 대해 알아보자 Vue3가 나오면서 Composition API가 제공되고 있다. Composition API가 왜 나왔는지 알아보고 뭔지 알아보자. 개요 Modularizing(모듈) Lifecycle Hooks(라이프사이클 훅) Watch Modularizing(모듈) Composition API 사용하는 이유는 기능별로 구분, 코드 재활용이다. 모듈을 통해 구현해보자. 현재 코드는 아래와 같다. ... 컴포지션 함수로 빼기(Extracting into a Composition Function) ... useEventSapce() 함수를 exrpot default {} 외부에 작성하고 분리했다. 그 함수를 setup() 내부에서 사용한다. 이제 컴포지션 함수를 파..

먹는일기

스타벅스 리틀 위치 할로윈 라떼 후기

스타벅스 할로윈 프로모션이 나왔습니다 2020년도 할로윈은 10월 31일이라도 합니다음료말고 케익, 마카롱, 캔디 등도 팔고 있습니다음료 가격대는 6000원대입니다 아이스 리틀 위치 할로윈 라떼를 골랐습니다사악한 흑임자를 보고 다른 음료 설명도 보지 않고 바로 시켰습니다 미숫가루 이런거 좋아합니다단백질 7g을 챙겨봅시다 알레르기 있으신분들 한번 더 체크해주세요 마녀 모자 모양의 초콜릿, 녹차 크림, 흑임자 라떼 조합이 아주 제 취향에 쏙입니다 달달한게 맛이 아주 좋네요 흑임자, 녹차가 들어가서 더 건강식 느낌나서 죄책감이 덜하네요! 다음에 스타벅스 방문하시면 한번 드셔보세요!