โจ STYLED
ํจ์
์ ๊ด์ฌ์ด ๋ง์ ์ฌ๋๋ค์ ์ฃผ๋ก ์ธ์คํ๊ทธ๋จ์์ ๋ณธ์ธ์ ootd๋ฅผ ๊ณต์ ํฉ๋๋ค. ์ค์ ๋ก #ootd
๋ฅผ ๊ฒ์ํด๋ณด๋ฉด ์ ๋ง ๋ง์ ๊ฒ์๋ฌผ์ด ์กด์ฌํ๋๋ฐ, ์์ ootd๋ฅผ ๊ณต์ ํ๋ ๊ณ์ ์ ๋ฐ๋ก ์์ฑํ์ฌ ootd๋ง ๊ณต์ ํ๋ ์ฌ๋๋ค๋ ๋ง์ต๋๋ค.
๊ทธ๋ฌ๋ ๊ธฐ์กด SNS์ ๊ฒฝ์ฐ ์ฌ๋ฌ ์ฌ์ฉ์๋ค์ด ๋ค์ํ ์ฃผ์ ๋ฅผ ๊ณต์ ํ๋ ํ๋ซํผ์ด๊ธฐ ๋๋ฌธ์ ๋ค๋ฅธ ์ฌ๋์ ootd๋ฅผ ๋ณด๊ธฐ ์ํด์๋ ํ๊ทธ ๊ฒ์์ด ํ์ํฉ๋๋ค. ๋ํ #ootd
์ ๊ฒฝ์ฐ ํ์ฌ ๊ธฐ์ค ๊ฒ์๋ฌผ์ด ์ฝ 4.3์ต๊ฐ์ธ๋ฐ, ์ด๋ ํ๊ตญ ๋ฟ๋ง ์๋๋ผ ์ ์ธ๊ณ ์ฌ์ฉ์๋ค์ด ์ฌ์ฉํ๊ณ ์๊ธฐ ๋๋ฌธ์
๋๋ค. ๊ทธ๋์ ํ๊ตญ์ธ๋ค์ ์ฃผ๋ก #์ค์คํฐ๋
๋ผ๋ ํ๊ธ ํ๊ทธ๋ฅผ ๋ถ์ฌ์ ๊ณต์ ๋ฅผ ํ๊ณ ์์ต๋๋ค.
์ด์ฒ๋ผ ๊ธฐ์กด ์๋น์ค์์์ ootd ๊ณต์ ๊ณผ์ ์์๋ ๋ถํ์ํ ๊ณผ์ ๋ค์ด ๋ง๊ธฐ ๋๋ฌธ์, ootd๋ง์ ์ฐพ์๊ฐ๊ณ ์ํตํ๋ ๊ณผ์ ์ด ๋ค์ ๋ถํธํฉ๋๋ค. ๊ทธ๋ ๊ธฐ ๋๋ฌธ์ ํจ์ ์๋ง ๊ด์ฌ์ด ์๋ ์ฌ๋๋ค๋ผ๋ฆฌ ๊ณต์ ํ ์ ์๋, ootd๋ง์ ๊ณต์ ํ ์ ์๋ ํ๋ซํผ์ด ํ์ํ๋ค๊ณ ์๊ฐํ์ต๋๋ค.
์ด๋ ๋ฏ, Styled๋ ์์ ์ ootd๋ฅผ ๊ณต์ ํ๋ฉฐ ์ํตํ๊ณ ์ํ๋ ์ฌ๋๋ค์ ๋์ฆ๋ฅผ ์ถฉ์กฑํ๊ณ ์ ๊ธฐํ๋, OOTD๋ง์ ์ํ ํจ์ ํนํ ์์ ๋คํธ์ํฌ ์๋น์ค์ ๋๋ค.
์กฐ์ต์ค | ์ง์ธํ | ํฉ์ฌ์ | ์ด์น๋ฏผ | ๊นํ์ฃผ |
git clone https://github.com/prgrms-fe-devcourse/FEDC5_STYLED_sehee
npm install
npm run dev
VITE_API_END_POINT =
Name | Version | Link |
---|---|---|
Node.js | 20.10.0 | https://nodejs.org/en |
npm | 10.2.3 | - |
react-query | ^5.15.0 | https://www.npmjs.com/package/react-query |
lodash | ^4.17.21 | https://www.npmjs.com/package/lodash |
axios | ^1.6.3 | https://www.npmjs.com/package/axios |
dayjs | ^1.11.10 | https://www.npmjs.com/package/dayjs |
react | ^18.2.0 | https://www.npmjs.com/package/react |
react-dom | ^18.2.0 | https://www.npmjs.com/package/react-dom |
react-intersection-observer | ^9.5.3 | https://www.npmjs.com/package/react-intersection-observer |
react-router-dom | ^6.21.1 | https://www.npmjs.com/package/react-router-dom |
styled-components | ^6.1.3 | https://www.npmjs.com/package/styled-components |
styled-reset | ^4.5.1 | https://www.npmjs.com/package/styled-reset |
zustand | ^4.4.7 | https://www.npmjs.com/package/zustand |
@types/lodash | ^4.14.202 | https://www.npmjs.com/package/@types/lodash |
@types/styled-components | ^5.1.34 | https://www.npmjs.com/package/@types/styled-components |