[React-native] ์๋ฌ๋ ธํธ๐
์ํฉ
๐ 1. ๋ ์ง๊ฐ ๋ณํ๋ ์ํฉ
(9์24์ผ -> 9์25์ผ)์ ์ฑ์ด ์ข ๋ฃ๋์ง ์๊ณ , ๋ฐฑ๊ทธ๋ผ์ด๋์ธ ์ํฉ์์ ํฌ๊ทธ๋ผ์ด๋๋ก ๋์์์๋ ์๋ก์ด ๋ฐ์ดํฐ๋ฅผ ๋ฐ์์ค๋๋ฐ, ๋ ์ง๊ฐ์ด 9์25์ผ์ด ์๋ 1์ฃผ์ผ ์ ์ธ 9์ 18์ผ๋ก ๋๋ ์ํฉ.
1-1
๋ณํ์ง ์๋ ๊ฐ๋ค์ const.js
์ ํ๋ฐ ๋ฌถ์ด์ ์ฌ์ฉ ํ๋๋ฐ ๊ทธ๋ก ์ธํด์ ๋ ์ง๊ฐ ๋ณํ์ง๋ง ๋ ์ง๊ฐ์ด ์
๋ฐ์ดํธ๊ฐ ๋์ง ์์์.
(์ฑ์ด ํฐ๋ฏธ๋ค์ดํฐ๋ ๊ฒฝ์ฐ๊ฐ ์๋๋ผ, ๋ฐฑ๊ทธ๋ผ์ด๋์์ ํฌ๊ทธ๋ผ์ด๋๋ก ์จ ๊ฒฝ์ฐ์ด๊ธฐ ๋๋ฌธ์ const.js์ ์๋ ๊ฐ๋ค์ด ์
๋ฐ์ดํธ๊ฐ x)
- ์๋์ฝ๋
//const.js
...
const date = new Date();
export const YEAR = date.getFullYear();
export const MONTH = date.getMonth() + 1;
export const DAY = date.getDate();
...
๋ ์ง๋ฅผ const ๋ก ํด๋จ๋๋ ๋ ์ง๊ฐ ๋ฐ๊ผ์๋ ๋ ์ง ์
๋ฐ์ดํธ๊ฐ ์๋จ ,,, ๋ฉ์ฒญ์ด ์์ ,,,
์ผ์ ๊ด๋ฆฌ ์ฑ์ด๋ค๋ณด๋๊น MONTH,TODAY ์ด๋ฐ ๋ ์ง ๊ฐ๋ค์ ์์ฃผ ์ฐ๋ค๋ณด๋๊น new Date()
๋ฅผ ์ผ์ผ์ด ํ๊ธฐ๋ ๊ท์ฐฎ๊ณ , ์์ฃผ์ฐ๋ ๊ฐ์ด๋๊น const์ ๋ฃ์ด์ผ ๊ฒ ๋ค๊ณ ์๊ฐํ๋๊ฑฐ ๊ฐ์๋ฐ ๊ณผ๊ฑฐ์ ๋ ๋ฐ์ฑํด๋ผ ์ง์ง ๋ ์ง๋ ๋ณํ๋๋ฐ const์ ๋ฃ๋ค๋.
const ๋ก ๊ด๋ฆฌํ๋ ๊ฐ๋ค์ ๋ณํ์ง ์๋ ๊ฐ๋ค๋ง!
ํด๋น ๊ฐ์ ํญ์ ์ ๋ฐ์ดํธ ๋๋ ๊ฐ์ผ๋ก ๋ฐ์ ์ฌ ์ ์๊ฒ ํจ์๋ก ๋ฐ๊ฟ์ ๋ ์ง๊ฐ๋ค์ return ํ๊ฒ ๋ณ๊ฒฝ.
- ๋ณ๊ฒฝํ ์ฝ๋
//time.js
export const getDate = () => {
const date = new Date();
const YEAR = date.getFullYear();
const MONTH = date.getMonth() + 1;
const DAY = date.getDate();
return {
YEAR, MONTH, DAY
};
};
//๋ค๋ฅธ ํ์ผ์์ ์ฌ์ฉํ ๋
export const makeScheduleDate = (toDos, toDoArr, day) => {
const { DAY, MONTH, YEAR, TODAY, TOMORROW, YESTERDAY } = getDate();
...
๐ 2. ๋ ์ง๊ฐ ๋ณํ์ง๋ง ํ์ผ๋ก ๊ฐ์๋ ์ ๋ ์ ๋ฐ์ดํฐ๊ฐ ๊ทธ๋๋ก ๋จ์ ์๋ ์ํฉ.
์ด๊ฑด ์ด์ store์ ์๋ก์ด ๊ฐ์ ๋ฃ์ด์ผ ๋ ๊ฑฐ๊ฐ๋ค ๋ผ๊ณ ์๊ฐํ๋๋ฐ ์ด๋ ๊ฒ ์งํํ๋๊น ๊ทธ์ ์ ์๋ ๊ฐ + ์๋ก์ด ๊ฐ ๋ค์ด ๋ค์ด๊ฐ. ๋ฐ๋ ๊ฐ๋ค๋ง rerender๊ฐ ๋๋ ์ํฉ์ด๋ผ๊ณ ์๊ฐ. ํ ์์ฒด๋ฅผ rerenderํด์ผ ์๋ก์ด ๊ฐ์ผ๋ก ์ ๋ฐ์ดํธ๊ฐ ๋ ๊ฑฐ๋ผ๊ณ ์๊ฐํ๊ณ , homeRender๋ผ๋ ๊ฐ์ ์ ์ญ์ผ๋ก ์ฒ๋ฆฌํ๊ธฐ ์ํด์ Rudex์ ์ถ๊ฐ ,,, ํด์ ์ฒ๋ฆฌํจ ,,, ์ด๊ฑฐ ๋ง๋ ,,,?
Author And Source
์ด ๋ฌธ์ ์ ๊ดํ์ฌ([React-native] ์๋ฌ๋ ธํธ๐), ์ฐ๋ฆฌ๋ ์ด๊ณณ์์ ๋ ๋ง์ ์๋ฃ๋ฅผ ๋ฐ๊ฒฌํ๊ณ ๋งํฌ๋ฅผ ํด๋ฆญํ์ฌ ๋ณด์๋ค https://velog.io/@6mn12j/React-native-์๋ฌ๋ ธํธ์ ์ ๊ท์: ์์์ ์ ๋ณด๊ฐ ์์์ URL์ ํฌํจ๋์ด ์์ผ๋ฉฐ ์ ์๊ถ์ ์์์ ์์ ์ ๋๋ค.
์ฐ์ํ ๊ฐ๋ฐ์ ์ฝํ ์ธ ๋ฐ๊ฒฌ์ ์ ๋ (Collection and Share based on the CC Protocol.)
์ข์ ์นํ์ด์ง ์ฆ๊ฒจ์ฐพ๊ธฐ
๊ฐ๋ฐ์ ์ฐ์ ์ฌ์ดํธ ์์ง
๊ฐ๋ฐ์๊ฐ ์์์ผ ํ ํ์ ์ฌ์ดํธ 100์ ์ถ์ฒ ์ฐ๋ฆฌ๋ ๋น์ ์ ์ํด 100๊ฐ์ ์์ฃผ ์ฌ์ฉํ๋ ๊ฐ๋ฐ์ ํ์ต ์ฌ์ดํธ๋ฅผ ์ ๋ฆฌํ์ต๋๋ค