Need help with 2019-12?
Click the โ€œchatโ€ button below for chat support from the developer who created it, or find similar developers for support.

About the developer

connect-foundation
158 Stars 20 Forks 1.9K Commits 10 Opened issues

Description

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

Services available

!
?

Need anything else?

Contributors list

# 211,952
React
Less
http-st...
CSS
447 commits

BookUs!

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

๐Ÿ“บ 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

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

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.