Skip to content

๐ŸŽŸ ๊ธ‰์ฆํ•˜๋Š” ํŠธ๋ž˜ํ”ฝ์—๋„ ์•ˆ์ •์ ์ธ ์˜ˆ์•ฝ ์„œ๋น„์Šค, Atomic Pattern์„ ์ ์šฉํ•œ ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์ปดํฌ๋„ŒํŠธ, ์‹ค์šฉ์ ์ธ Testing์„ ์ฃผ์ œ๋กœ ํ•˜๋Š” ์ด๋ฒคํŠธ ์„œ๋น„์Šค

Notifications You must be signed in to change notification settings

connect-foundation/2019-12

Repository files navigation

BookUs!

travis Release Cypress.io tests Storybook Server Test Coverage License: MIT

โœ๏ธ Writing

์†Œ๊ฐœ

Bookus!๋Š” ์ด๋ฒคํŠธ ์˜ˆ์•ฝ ์„œ๋น„์Šค Festa! ํด๋ก  ํ”„๋กœ์ ํŠธ์ž…๋‹ˆ๋‹ค. ์ˆœ๊ฐ„์ ์œผ๋กœ ๋งŽ์€ ํŠธ๋ž˜ํ”ฝ์ด ๋ชฐ๋ฆฌ๋”๋ผ๋„ ์ค‘๋‹จ๋˜์ง€ ์•Š๋Š” ์•ˆ์ •์ ์ธ ์„ ์ฐฉ์ˆœ ์˜ˆ์•ฝ ์„œ๋น„์Šค๋ฅผ ๋ชฉํ‘œ๋กœ ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๋„์ „๊ณผ์ œ๋ฅผ ๊ฐ–๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

์žฌ์‚ฌ์šฉ์„ฑ์ด ๋†’๊ณ  ํ…Œ์ŠคํŠธ๋กœ ๊ฒ€์ฆ๋œ UI Component

Atomic Desgin Pattern

AtomicDesign

๊ฐ€์žฅ ์ž‘์€ ๋‹จ์œ„์˜ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋งŒ๋“ค์–ด, ํฐ ๋‹จ์œ„๋กœ ์Œ“์•„๋‚˜๊ฐ€๋ฉฐ ๊ฐ๊ฐ์˜ 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๋ฅผ ์„ ํƒํ–ˆ์Šต๋‹ˆ๋‹ค. ์„ค์ •ํŒŒ์ผ

Kubernetes-infra

DevOps

CICD pipeline

Travis CI

Docker hub

Frontend image

Backend image

Reserve Server image

Test

ํ…Œ์ŠคํŠธ ์ปค๋ฒ„๋ฆฌ์ง€ 80๋ฅผ ๋ชฉํ‘œ๋กœ ํ•˜๋Š” ๊ฒ€์ฆ๋œ ์ฝ”๋“œ๋ฅผ ํ†ตํ•œ ์•ˆ์ •์ ์ธ ์„œ๋น„์Šค๋ฅผ ๋ชฉํ‘œ๋กœ ํ•ฉ๋‹ˆ๋‹ค.

  • Front-End : Jest + Enzyme + Stroybook + Cypress
  • Back-End : Jest + Supertest

Built With

Dependancy

Team

About

๐ŸŽŸ ๊ธ‰์ฆํ•˜๋Š” ํŠธ๋ž˜ํ”ฝ์—๋„ ์•ˆ์ •์ ์ธ ์˜ˆ์•ฝ ์„œ๋น„์Šค, Atomic Pattern์„ ์ ์šฉํ•œ ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์ปดํฌ๋„ŒํŠธ, ์‹ค์šฉ์ ์ธ Testing์„ ์ฃผ์ œ๋กœ ํ•˜๋Š” ์ด๋ฒคํŠธ ์„œ๋น„์Šค

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages