calendar

์›น์œผ๋กœ ์“ฐ๊ณ  ์žˆ๋˜ ToT๋ฅผ app์œผ๋กœ ์˜ฎ๊ธฐ๊ธฐ๋กœ ๊ฒฐ์ •ํ•˜๋ฉด์„œ UI๋ถ€๋ถ„๋„ ๋งŽ์ด ๋ณ€๊ฒฝ๋˜์—ˆ๋‹ค. ๊ทธ ๊ณผ์ •์—์„œ home์— weekly ์บ˜๋ฆฐ๋”๋ฅผ ๋„ฃ๊ฒŒ ๋˜์—ˆ๋Š”๋ฐ React-Native๋Š” ์ฒ˜์Œ์ด๊ธฐ๋„ํ•˜๊ณ  ๊ฐ์ด ์ž˜ ์•ˆ ์žกํ˜€์„œ ์บ˜๋ฆฐ๋” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์ฐพ์•„๋ณด๋‹ค๊ฐ€ ์‚ฌ์šฉํ•˜๊ฒŒ ๋œ calendar-strip  ๊ตฌํ˜„์ด ํ•„์š”ํ•œ ๊ธฐ๋Šฅweekly๋กœ ๋ณด์—ฌ์•ผํ•จ์š”์ผ๋ณ„๋กœ ํด๋ฆญ์ด ๊ฐ€๋Šฅํ•ด์•ผํ•จ์š”์ผ์ด ํด๋ฆญ๋˜๋ฉด ํ•ด๋‹น ์š”์ผ์˜ ๋ฐ์ดํ„ฐ๋“ค์ด ๋ณด์—ฌ์•ผํ•จํ™”์‚ดํ‘œ๋ฅผ ํด๋ฆญํ•˜๋ฉด ์ฃผ๋ณ„๋กœ ์ด๋™์ด ๋˜์–ด์•ผํ•จ๋ฐ์ดํ„ฐ๊ฐ€ ์žˆ๋Š” ์š”์ผ์€ ์š”์ผ์— ํ‘œ์‹œ๊ฐ€ ๋˜์–ด์žˆ์–ด์•ผํ•จ   ์‚ฌ์šฉํ•œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋‚ด๊ฐ€ ํ•„์š”ํ–ˆ๋˜ ๋ชจ๋“  ๊ธฐ๋Šฅ์ด ์†์‰ฝ๊ฒŒ ๊ตฌํ˜„์ด ๊ฐ€๋Šฅํ•˜๊ณ  ๋‹ค์–‘ํ•œ demo ๋ฒ„์ ผ์ด ๋งŒ๋“ค์–ด์ ธ์žˆ์–ด์„œ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•์ด ์ƒ์„ธํžˆ ์„ค๋ช…๋˜์–ด์žˆ๋‹ต๋‹ˆ๋‹ค  https://www.npmjs.com/package/react-native-calendar..
๋ฐ(Ming) ๐Ÿˆ‍โฌ›
'calendar' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก