[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์— ์ถ”๊ฐ€ ,,, ํ•ด์„œ ์ฒ˜๋ฆฌํ•จ ,,, ์ด๊ฑฐ ๋งž๋‚˜ ,,,?

์ข‹์€ ์›นํŽ˜์ด์ง€ ์ฆ๊ฒจ์ฐพ๊ธฐ