gesg## HELATH PAPS API ๐ ์ํ๊ด๋ฆฌ
hp.store.getState(); // data: ๋ฐ์ดํฐ ์ ๋ณด, view: ํ์ด์ง ์ ๋ณด
๐ state ๊ฐ ์กฐํ data๋ฅผ ๊ธฐ๋ณธ๊ฐ์ผ๋ก ์กฐํ
hp.getState('isLogin'); // true
view๋ฅผ ์กฐํํ๊ณ ์ถ์ผ๋ฉด 2๋ฒ์งธ argument์ view๋ฅผ ์ ๋ ฅ
hp.getState('showAlertOptions', 'view'); // true
๐ state ๊ฐ ๋ณ๊ฒฝ
hp.setState('isLogin', false); // false
๐ alert
hp.alert('message', Options?);
โก๏ธ Options
type?: 'alert' | 'confirmAlert'
title?: string
confirm?: string
cancel?: string
color?: 'error' | 'info' | 'success' | 'warning'
callbackFunc?: Function
๐ loading
hp.showLoading('message', Options?);
hp.hideLoading(); == hp.showLoading('hide');
โก๏ธ Options
color?: 'inherit' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning'
disableShrink?: boolean
size?: number | string
thickness?: number
๐ page ํ์ด์ง ์ด๋
hp.showPage(type: 'next' | 'prev);
hp = Helth Paps
main color = #66bb6a
๐ ์คํ์ผ ํ์ผ์ ์ด๋ป๊ฒ ๊ด๋ฆฌํ ์ง ๋์ค์ ์๊ธฐ (/index.tsx)
๐ ํ์ ๊ฒฐ๊ณผ ์ ๋ ฅ์ฐฝ ๋๋ฌด ์์ UI ์์ ํ์ํ ๋ฏ (Form/index.tsx)
๐ footer๊ฐ ํ์ํ๊ฐ... ๊ฐค๋ญ์๋ ๋ชจ๋ฅด๊ฒ ๋๋ฐ ์์ดํฐ ์ฌํ๋ฆฌ ๊ธฐ์ค์ผ๋ก ๋ค๋ก๊ฐ๊ธฐ๋ ์์ผ๋ก๊ฐ๊ธฐ๋ ๋ค ๊ตฌํ๋์ด์์
๐ ๋ฉ๋ด ์์ด์ฝ ๋ก๊ณ ์๊ธฐ๋ฉด ์๋๊บผ๋ ๋ฐ๊ฟ์ ํด๋ฆญ ์ ํ์ผ๋ก ์ด๋ ๋ฐ ์ง๊ธ์ฒ๋ผ ๋ ๋๊ณ ๋๋กญ๋ค์ด์ผ๋ก ํ๋๊ฐ
--> ํ์ฌ๋ ๋ก๊ณ ๋๋ฅด๋ฉด ํ์ผ๋ก ๊ฐ๊ฒ ์ค์ ํด๋. ๋จ, ์
๋ ฅ ํ์ด์ง ๊ฐ์ ๊ฒฝ์ฐ ์ฌ์ฉ์๊ฐ ์
๋ ฅํ ๊ฐ์ด ์๋ค๋ผ๊ณ ํ๋ฉด, ์๋ฆผ์ฐฝ ๋์์ '์ด๋ํ์๊ฒ ์ต๋๊น?' ํด์ผ๋ ๋ฏ