์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- ํฌํธํด๋ฆฌ์ค
- ํด๋ก ์ฝ๋ฉ
- ๋ผ์ดํธ๋ชจ๋
- ๊ฐ๋ฐ์๋ถํด๋ฝ
- sort
- ํ์ ์คํฌ๋ฆฝํธ
- styled-components
- ๋ฐ์ํ์คํจ2
- onsnapshot
- firebase
- ๋คํฌ๋ชจ๋
- ๋ ธ๋ง๋์ฝ๋
- reduce
- Today
- Total
๋ชฉ๋ก๐ป ๋ฐฑ์๋ (2)
rigood

mongoose.connecet ๋ฉ์๋๋ฅผ ์ด์ฉํ์ฌ mongoDB์ ์ฐ๊ฒฐํ๋ ๊ณผ์ ์์ ์๋ฌ๊ฐ ๋ฐ์ํ๋ค. connect ๋ฉ์๋์ ์ฒซ๋ฒ์งธ ์ธ์๋ ๋ฐ๋์ string์ด์ด์ผ ํ๋๋ฐ ํ์ฌ ๊ฐ์ undefined์ฌ์ ๋ฐ์ํ ์๋ฌ๋ก, process.env.DB_URL ๊ฐ์ ์ฝ์ด์ค์ง ๋ชปํด ๊ฐ์ด undefined๊ฐ ๋ ๊ฒ์ด๋ค. node.js์์ process.env ํ๊ฒฝ๋ณ์ ๊ฐ์ ์ฝ์ด์ค๋ ค๋ฉด dotenv๋ผ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ค์นํด์ผ ํ๋ค. npm i dotenv ์ค์น ํ server.js์์ dotenv๋ฅผ ์ค์ ํด์ค๋ค. ์ด๋ ๊ฒ ํ๋๋ฐ๋ ๊ณ์ ์ค๋ฅ๊ฐ ๋ฌ๋ค๋ฉด, .env ํ์ผ์ด ๋ฃจํธ ํด๋์ ์์นํด์๋์ง ํ์ธํด๋ณด์. .env ํ์ผ์ด src ํด๋ ์์ ์์ผ๋ฉด ์ ์์ ์ผ๋ก ์คํ๋์ง ์๋๋ค.

1. ๋ฌธ์ ์ํฉ ํธ์ ์ญ์ ๋ฒํผ ํด๋ฆญ ์ ํ์ด์ด๋ฒ ์ด์ค DB์์๋ ์ญ์ ๋์์ผ๋ ํ๋ฉด์ ๋ฐ๋ก ๋ฐ์๋์ง ์์ ์๋ก๊ณ ์นจํ๊ฑฐ๋ ๋ค๋ฅธ ํ์ด์ง์ ๊ฐ๋ค๊ฐ ๋ค์ ๋ค์ด์์ผ ํ๋ฉด์ ๋ฐ์๋จ 2. ๋ค๋ฅธ ํ๋ฉด์์ ํธ์์ ์ญ์ ํ ๋๋ ๋ฐ๋ก ๋ฐ์๋จ Profile ํ์ด์ง์์ ํธ์์ ์ญ์ ํ ๋๋ ํ๋ฉด์ ๋ฐ๋ก ๋ฐ์๋์ง ์์์ง๋ง, Home ํ์ด์ง์์๋ ์ญ์ ๋ ๋ด์ญ์ด ํ๋ฉด์ ๋ฐ๋ก ๋ฐ์๋จ 3. ์ฝ๋ ๋น๊ต (Profile vs Home) ํ๋ฉด์ ๋ฐ๋ก ๋ฐ์๋์ง ์์๋ Profile ์ปดํฌ๋ํธ์์๋ get ํจ์๋ฅผ ์ฌ์ฉํ๊ณ , ํ๋ฉด์ ์ฆ๊ฐ ๋ฐ์๋์๋ Home ์ปดํฌ๋ํธ์์๋ onSnapshot ํจ์๋ฅผ ์ฌ์ฉํ์ Home์์๋ ํธ์ ์ญ์ ์ ๋ฆฌ๋ ๋๋ง์ด ์ผ์ด๋ฌ๊ณ , Profile์์๋ ๋ฆฌ๋ ๋๋ง ๋์ง ์์ (console.log๋ก ํ์ธ) // Profile.jsx..