๐คย Introduction

์๋
ํ์ธ์๐
์ฌ์ฉ์ ๊ฒฝํ์ ์ค์ฌ์ผ๋ก product๋ฅผ ๊ฐ์ ํ๋ ์ผ์ ์ข์ํฉ๋๋ค.
ํ๋ฐํ ์ฝ๋๋ฆฌ๋ทฐ์ ํผ๋๋ฐฑ ๋ฐ์์ ํตํด ์ฝ๋๋ฅผ ๊ฐ์ ํ๋ ์ผ์ ๊ด์ฌ์ด ๋ง์ต๋๋ค.
์์ด๋ฅผ ์ข์ํ๋ฉฐ, ์๋ฌธ ๋ ํผ๋ฐ์ค๋ฅผ ํตํด ์๋ก์ด ์ง์์ ๋ถ๋ด์์ด ํก์ํ ์ ์์ต๋๋ค.
Contact & Channel
[Team Project] ํ๊ณ ๋
ํ๋ก์ ํธ ์๊ฐ
๊ฐ์
๊ธฐ๊ฐ
์ฐธ์ฌ ์ธ๋ ฅ
ํ๋ก ํธ์๋ ๊ธฐ์ ์คํ
ํ๊ณ ๋์ ํจ๊ป ํ๊ณ ํ๊ณ , ํ๊ณ ๋ฅผ ๊ณต์ ํ๋ ํ๊ณ ์ ์ฉ ํ๋ซํผ์
๋๋ค.
2022.07 - 2022.11
ํ๋ก ํธ์๋ 2๋ช
/ ๋ฐฑ์๋ 4๋ช
HTML/CSS, Typescript
React, React-query, Recoil, Axios
Sass, CSS module
Nginx, Webpack
Cypress, MSW, Storybook
๊ธฐ๋ฅ ๊ตฌํ
1. ์ฌ์ฉ์ ์ฒด๊ฐ ๋ก๋ฉ ์๋ ์ต์ํ๋ฅผ ์ํ PageSuspense ์ปดํฌ๋ํธ ๊ตฌํ
[๋ฌธ์ ์ํฉ]
- ํ์ด์ง ์ด๋๊ฐ Suspense fallback ์ปดํฌ๋ํธ๋ฅผ ์ง์ ํด์ฃผ์ง ์์ ๋ก๋ฉ์๊ฐ ๋์ ํฐ ํ๋ฉด์ ๋ณด๊ฒ ๋์ด ์ฌ์ฉ์ ๊ฒฝํ์ด ์ข์ง ์์ ๋ฌธ์ ๊ฐ ์์์ต๋๋ค.
[ํด๊ฒฐ ๊ณผ์ ]
- ํ ์๋น์ค๋ฅผ ์ฐธ๊ณ ํ์ฌ ํ์ฌ ํ์ด์ง๊ฐ ์ ์ฒด์ ์ผ๋ก ํ๋ฆฌ๊ฒ ๋ ๋๋๋ฉด์ ํค๋ ์๋จ์ ํ๋ก๊ทธ๋ ์ค๋ฐ๊ฐ ๋ก๋ฉ ์ํ๋ฅผ ๋ณด์ฌ์ฃผ๋ ๋ทฐ๋ฅผ ๋ณด์ฌ์ฃผ๋ ค๊ณ ํ์ต๋๋ค.
- ์ด๋ฅผ ์ํด ํ์ฌ ํ์ด์ง ์ปดํฌ๋ํธ๋ฅผ ref์ ๋ด์ ์ ์ฅํ๊ณ context API ๋ฅผ ํ์ฉํ์ฌ ๋ค์ ํ์ด์ง๋ฅผ ๋ก๋ํ๋ ๊ณผ์ ์์ Suspense์ fallback ์ปดํฌ๋ํธ๋ก ์ฃผ์
ํ์ฌ ํด๊ฒฐํ์ต๋๋ค.
- ์ด ์ญํ ์ ํ๋ PageSuspense๋ผ๋ ์ปดํฌ๋ํธ๋ฅผ ๊ตฌํํด ํ์ด์ง ๋ ์ด์์ ๋ ์ด์ด์์ ๋ชจ๋ ํ์ด์ง์ ๋ํด ๊ณตํต์ ์ผ๋ก Suspense๋ฅผ ์ ์ฉํ์ต๋๋ค.
[๊ตฌํ UI]
