Submit Search
Upload
Pinia
•
Download as PPTX, PDF
•
1 like
•
50 views
Wonjun Hwang
Follow
KitWorks Team Study
Read less
Read more
Technology
Report
Share
Report
Share
1 of 9
Download now
Recommended
Spring HTTP Client (Kitworks Team Study)
Spring HTTP Client (Kitworks Team Study)
Wonjun Hwang
Grid Layout (Kitworks Team Study 장현정 발표자료)
Grid Layout (Kitworks Team Study 장현정 발표자료)
Wonjun Hwang
Console API (Kitworks Team Study 백혜인 발표자료)
Console API (Kitworks Team Study 백혜인 발표자료)
Wonjun Hwang
Merge (Kitworks Team Study 이성수 발표자료 240426)
Merge (Kitworks Team Study 이성수 발표자료 240426)
Wonjun Hwang
This (Kitworks Team Study 김한솔 발표자료 2024.4.22)
This (Kitworks Team Study 김한솔 발표자료 2024.4.22)
Wonjun Hwang
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Wonjun Hwang
스토리북(Storybook, Kitworks Team Study 우아라 발표)
스토리북(Storybook, Kitworks Team Study 우아라 발표)
Wonjun Hwang
mysql8 전환기 (Kitworks Team Study 김천규 발표자료)
mysql8 전환기 (Kitworks Team Study 김천규 발표자료)
Wonjun Hwang
Recommended
Spring HTTP Client (Kitworks Team Study)
Spring HTTP Client (Kitworks Team Study)
Wonjun Hwang
Grid Layout (Kitworks Team Study 장현정 발표자료)
Grid Layout (Kitworks Team Study 장현정 발표자료)
Wonjun Hwang
Console API (Kitworks Team Study 백혜인 발표자료)
Console API (Kitworks Team Study 백혜인 발표자료)
Wonjun Hwang
Merge (Kitworks Team Study 이성수 발표자료 240426)
Merge (Kitworks Team Study 이성수 발표자료 240426)
Wonjun Hwang
This (Kitworks Team Study 김한솔 발표자료 2024.4.22)
This (Kitworks Team Study 김한솔 발표자료 2024.4.22)
Wonjun Hwang
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Wonjun Hwang
스토리북(Storybook, Kitworks Team Study 우아라 발표)
스토리북(Storybook, Kitworks Team Study 우아라 발표)
Wonjun Hwang
mysql8 전환기 (Kitworks Team Study 김천규 발표자료)
mysql8 전환기 (Kitworks Team Study 김천규 발표자료)
Wonjun Hwang
Open AI SORA (키트웍스 팀스터디 발표자료 박준기 240315)
Open AI SORA (키트웍스 팀스터디 발표자료 박준기 240315)
Wonjun Hwang
Nest JS (Kitworks Team Study 이본훈 발표 240315)
Nest JS (Kitworks Team Study 이본훈 발표 240315)
Wonjun Hwang
JS Event Loop (Kitworks Team Study 김동현 발표)
JS Event Loop (Kitworks Team Study 김동현 발표)
Wonjun Hwang
Java Optional (Kitworks Team Study 김성호 발표)
Java Optional (Kitworks Team Study 김성호 발표)
Wonjun Hwang
XSS(Cross site scripting) - Kitworks Team Study
XSS(Cross site scripting) - Kitworks Team Study
Wonjun Hwang
Flutter & Firebase (2) Kitworks Team Study
Flutter & Firebase (2) Kitworks Team Study
Wonjun Hwang
PWA
PWA
Wonjun Hwang
얕은복사,깊은복사
얕은복사,깊은복사
Wonjun Hwang
Go언어로 디스코드 봇 만들기
Go언어로 디스코드 봇 만들기
Wonjun Hwang
완전 유용한 CSS 모음
완전 유용한 CSS 모음
Wonjun Hwang
2024 개발 트렌드
2024 개발 트렌드
Wonjun Hwang
디바운싱과 쓰로틀링
디바운싱과 쓰로틀링
Wonjun Hwang
Passkey
Passkey
Wonjun Hwang
스마트한 팀 협업
스마트한 팀 협업
Wonjun Hwang
AI News '23.12
AI News '23.12
Wonjun Hwang
Google Analytics
Google Analytics
Wonjun Hwang
구름톤 8기 후기
구름톤 8기 후기
Wonjun Hwang
2024년 키워드로 알아보는 트렌드
2024년 키워드로 알아보는 트렌드
Wonjun Hwang
상속과 구현
상속과 구현
Wonjun Hwang
오버라이딩 조금 더 알아보기
오버라이딩 조금 더 알아보기
Wonjun Hwang
More Related Content
More from Wonjun Hwang
Open AI SORA (키트웍스 팀스터디 발표자료 박준기 240315)
Open AI SORA (키트웍스 팀스터디 발표자료 박준기 240315)
Wonjun Hwang
Nest JS (Kitworks Team Study 이본훈 발표 240315)
Nest JS (Kitworks Team Study 이본훈 발표 240315)
Wonjun Hwang
JS Event Loop (Kitworks Team Study 김동현 발표)
JS Event Loop (Kitworks Team Study 김동현 발표)
Wonjun Hwang
Java Optional (Kitworks Team Study 김성호 발표)
Java Optional (Kitworks Team Study 김성호 발표)
Wonjun Hwang
XSS(Cross site scripting) - Kitworks Team Study
XSS(Cross site scripting) - Kitworks Team Study
Wonjun Hwang
Flutter & Firebase (2) Kitworks Team Study
Flutter & Firebase (2) Kitworks Team Study
Wonjun Hwang
PWA
PWA
Wonjun Hwang
얕은복사,깊은복사
얕은복사,깊은복사
Wonjun Hwang
Go언어로 디스코드 봇 만들기
Go언어로 디스코드 봇 만들기
Wonjun Hwang
완전 유용한 CSS 모음
완전 유용한 CSS 모음
Wonjun Hwang
2024 개발 트렌드
2024 개발 트렌드
Wonjun Hwang
디바운싱과 쓰로틀링
디바운싱과 쓰로틀링
Wonjun Hwang
Passkey
Passkey
Wonjun Hwang
스마트한 팀 협업
스마트한 팀 협업
Wonjun Hwang
AI News '23.12
AI News '23.12
Wonjun Hwang
Google Analytics
Google Analytics
Wonjun Hwang
구름톤 8기 후기
구름톤 8기 후기
Wonjun Hwang
2024년 키워드로 알아보는 트렌드
2024년 키워드로 알아보는 트렌드
Wonjun Hwang
상속과 구현
상속과 구현
Wonjun Hwang
오버라이딩 조금 더 알아보기
오버라이딩 조금 더 알아보기
Wonjun Hwang
More from Wonjun Hwang
(20)
Open AI SORA (키트웍스 팀스터디 발표자료 박준기 240315)
Open AI SORA (키트웍스 팀스터디 발표자료 박준기 240315)
Nest JS (Kitworks Team Study 이본훈 발표 240315)
Nest JS (Kitworks Team Study 이본훈 발표 240315)
JS Event Loop (Kitworks Team Study 김동현 발표)
JS Event Loop (Kitworks Team Study 김동현 발표)
Java Optional (Kitworks Team Study 김성호 발표)
Java Optional (Kitworks Team Study 김성호 발표)
XSS(Cross site scripting) - Kitworks Team Study
XSS(Cross site scripting) - Kitworks Team Study
Flutter & Firebase (2) Kitworks Team Study
Flutter & Firebase (2) Kitworks Team Study
PWA
PWA
얕은복사,깊은복사
얕은복사,깊은복사
Go언어로 디스코드 봇 만들기
Go언어로 디스코드 봇 만들기
완전 유용한 CSS 모음
완전 유용한 CSS 모음
2024 개발 트렌드
2024 개발 트렌드
디바운싱과 쓰로틀링
디바운싱과 쓰로틀링
Passkey
Passkey
스마트한 팀 협업
스마트한 팀 협업
AI News '23.12
AI News '23.12
Google Analytics
Google Analytics
구름톤 8기 후기
구름톤 8기 후기
2024년 키워드로 알아보는 트렌드
2024년 키워드로 알아보는 트렌드
상속과 구현
상속과 구현
오버라이딩 조금 더 알아보기
오버라이딩 조금 더 알아보기
Pinia
1.
Pinia 우재성
2.
Pinia? • Vue3 에서
Vuex를 대체하기 위한 상태관리 도구 • Vue.js 전용 경량 상태관리 도구 • Vue3 공식문서에서 권장 (Vue2에서도 사용가능) • SFC 문법 - Composition API 지원 • TypeScript 지원
3.
구성요소 State Actions Getters
4.
But..
5.
Composition API • 컴포넌트의
로직을 유연하게 구성할 수 있도록 하는 함수 기반의 API • 기존 Vue에 비해 코드 재사용성과 타입추론 개선 • 가시성 향상(그룹핑) • React hook과 유사한 방식
6.
사용
7.
SFC 문법 지원 •
기존 Vue에 이식되어도 자연스럽게 동작 • Vuex의 구조로 정의하지 않아도 됨 • Composition API Hooks를 이용해서 작성가능 (ref, reactive, computed, watch 등..)
8.
장점 폭 넓은 개발
스타일 Vuex보다 나아진 TypeScript 환경 React와 유사한 구조 단순화된 구조, 집중된 기능 Devtools 지원, 플러그인 기능 확장
9.
출처 • https://mine-it-record.tistory.com/639 • https://pinia.vuejs.org/ •
https://geundung.dev/102 • https://www.univdev.page/posts/about-pinia/ • https://appmaster.io/ko/blog/vue3-dangsini-algo-sipeun-modeun-geos • https://velog.io/@doodung/Vue.js-SFC
Download now