BookUs!
HomePage
๐บStorybook for Bookus
๐Cypress for Bookus
๐ฒโ๏ธ Writing
Atomic Design for React by @inthewalter
์ค์ฉ์ ์ธ ๋ฆฌ์กํธ ํ ์คํธ ์ ๋ต by @doong-jo
์ฃผ๋์ด ๊ฐ๋ฐ์์ CI/CD ๋์ ๊ธฐ by @FullOfOrange
Express ๊ธฐ๋ฐ ํ๋ก์ ํธ์์ Typescript Typing์ ๋ํ ๊ณ ๋ฏผ by @dobest27
React Hooks ๋ก ์ ์ญ์คํ ์ด ๋ง๋ค๊ธฐ by @FullOfOrange
์๊ฐ
Bookus!๋ ์ด๋ฒคํธ ์์ฝ ์๋น์ค Festa! ํด๋ก ํ๋ก์ ํธ์ ๋๋ค. ์๊ฐ์ ์ผ๋ก ๋ง์ ํธ๋ํฝ์ด ๋ชฐ๋ฆฌ๋๋ผ๋ ์ค๋จ๋์ง ์๋ ์์ ์ ์ธ ์ ์ฐฉ์ ์์ฝ ์๋น์ค๋ฅผ ๋ชฉํ๋ก ํ๊ณ ์์ต๋๋ค. ๋ฐ๋ผ์ ๋ค์๊ณผ ๊ฐ์ ๋์ ๊ณผ์ ๋ฅผ ๊ฐ๊ณ ์์ต๋๋ค.
์ฌ์ฌ์ฉ์ฑ์ด ๋๊ณ ํ ์คํธ๋ก ๊ฒ์ฆ๋ UI Component
Atomic Desgin Pattern
๊ฐ์ฅ ์์ ๋จ์์ ์ปดํฌ๋ํธ๋ฅผ ๋ง๋ค์ด, ํฐ ๋จ์๋ก ์์๋๊ฐ๋ฉฐ ๊ฐ๊ฐ์ UI ๋จ์๋ฅผ ๋ง๋ค์ด ๋๊ฐ๋ ๋์์ธ ํจํด์ ๋๋ค. ์ด๋ฒ ํ๋ก์ ํธ์์๋ ์ฌ์ฌ์ฉ์ฑ์ด ๋ฐ์ด๋ UI๋ฅผ ์ํด ์ํ ๋ฏน ๋์์ธ ํจํด์ ์ ์ฉํ์ต๋๋ค.
์ค์ฉ์ ์ธ ํ๋ก ํธ์๋ ํ ์คํธ
1. Custom Hooks Testing
๋น๋๊ธฐ๋ก API ์์ฒญ์ ๋ํ ์ฒ๋ฆฌ๊ฐ ์ฃผ๊ฐ ๋๋ ์ํ ๊ด๋ฆฌ์ ๋ํ ํ ์คํธ
2. Playground for UI components of Storybook
Storybook์ ํตํ ๋ ๋ฆฝ๋ ํ๊ฒฝ์์์ ์ปดํฌ๋ํธ ํ ์คํธ
3. Cypress๋ฅผ ์ด์ฉํ End-to-End Testing
๊ฐ ํ์ด์ง์ ์ปดํฌ๋ํธ UI ํ ์คํธ
๊ณผ์คํ ํธ๋ํฝ์ด ๋ชฐ๋ ค๋ ์์ ์ ์ผ๋ก ์์ฝ์ด ๊ฐ๋ฅํ ์์คํ
์์ฝ์ด ํ์ํ ์์ ๋ง๋ค ๋์ด๋๋ ํธ๋ํฝ์ ๊ฐ๋นํ๊ธฐ ์ํ Container Orchestration ํด๋ก Kubernetes๋ฅผ ์ ํํ์ต๋๋ค. ์ค์ ํ์ผ
DevOps
Docker hub
Test
ํ ์คํธ ์ปค๋ฒ๋ฆฌ์ง 80๋ฅผ ๋ชฉํ๋ก ํ๋ ๊ฒ์ฆ๋ ์ฝ๋๋ฅผ ํตํ ์์ ์ ์ธ ์๋น์ค๋ฅผ ๋ชฉํ๋ก ํฉ๋๋ค.
- Front-End : Jest + Enzyme + Stroybook + Cypress
- Back-End : Jest + Supertest
Built With
Team
- ๋ฌธ์ข ํ @dobest27
- ์ก์งํ @FullOfOrange
- ์ด์ฉํธ @inthewalter
- ์กฐ์ฑ๋ @doong-jo