jtwjs Dev Wiki
  • DEV_ROAD
    • ๐Ÿ’ช๐Ÿป ์ƒ์กดํ•˜๊ธฐ
    • Week 1
      • ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์„ธํŒ…
      • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ
      • ๋ฆฌ์—‘ํŠธ
      • Testing Library
      • Parcel & ESLint
    • Week 2
      • JSX
      • Virtual DOM
    • Week 3
      • React Component
      • React State
    • Week 4
      • Express
      • Fetch API & CORS
      • React Hook
      • useRef & Custom Hook
    • Week 5
      • TDD
      • React Testing Library
      • MSW
      • Playwrite
      • Snapshot
    • Week 6
      • Separtion of Concerns
      • Principle
      • DI, (Dependency Injection)
      • Reflect-metadata
      • TSyringe
      • External Store
      • Follow Redux
      • usestore-ts
      • useSyncExternalStore
    • Week 7
      • Routing
      • Routes
      • Router
      • Navigation
    • Week 8
      • Design System
      • Style Basics
      • CSS-in-JS
      • Styled-Components
      • Global Style & Theme
    • Week 9
      • ๊ฐœ๋ฐœํ•˜๊ธฐ ์ „ ์ค€๋น„
      • ์ƒํ’ˆ ๋ชฉ๋ก ํŽ˜์ด์ง€
      • ์ƒํ’ˆ ์ƒ์„ธ ํŽ˜์ด์ง€
      • ์žฅ๋ฐ”๊ตฌ๋‹ˆ ํŽ˜์ด์ง€
    • Week 10
      • ๋กœ๊ทธ์ธ
      • ๋กœ๊ทธ์•„์›ƒ
      • ํšŒ์›๊ฐ€์ž…
      • ์ฃผ๋ฌธ ๋ชฉ๋ก & ์ฃผ๋ฌธ ์ƒ์„ธ
    • Week 11
      • ๋ฐฐ์†ก ์ •๋ณด ์ž…๋ ฅ
      • ํฌํŠธ์› ๊ฒฐ์ œ ์š”์ฒญ
      • ๋ฐฐ์†ก ๋ฐ ๊ฒฐ์ œ ์ •๋ณด ์ „๋‹ฌ
    • Week 12
      • ๊ด€๋ฆฌ์ž ์›น์‚ฌ์ดํŠธ๊ฐœ๋ฐœ์‹œ์ž‘
  • DEV_NOTE
    • TypeScript
      • ๊ธฐ๋ณธ์  ๋ฌธ๋ฒ•
        • Enum
        • ๋‹คํ˜•์„ฑ
          • Untitled
        • ๊ตฌ์กฐ์  ํƒ€์ดํ•‘
        • ์ œ๋„ˆ๋ฆญ ํƒ€์ž…
        • ์ปจ๋””์…”๋„ ํƒ€์ž…
        • ํ•จ์ˆ˜ ๋ฉ”์„œ๋“œ ํƒ€์ดํ•‘
        • infer๋กœ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์˜ ์ถ”๋ก  ์ง์ ‘ ํ™œ์šฉ
        • ์žฌ๊ท€ ํƒ€์ž…
        • ํ…œํ”Œ๋ฆฟ ๋ฆฌํ„ฐ๋Ÿด ํƒ€์ž…
        • ์ถ”๊ฐ€์ ์ธ ํƒ€์ž… ๊ฒ€์‚ฌ satisfies ์—ฐ์‚ฐ์ž
        • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๊ฑด๋ง์ฆ
        • ์›์‹œ ์ž๋ฃŒํ˜•์—๋„ ๋ธŒ๋žœ๋”ฉ ๊ธฐ๋ฒ• ์‚ฌ์šฉ ๊ฐ€๋Šฅ
        • ํƒ€์ž… ์ขํžˆ๊ธฐ
        • ์œ ์šฉํ•œ ํƒ€์ž… ๋งŒ๋“ค๊ธฐ
        • ๋ฐ์ฝ”๋ ˆ์ดํ„ฐ ํ•จ์ˆ˜
        • ์•ฐ๋น„์–ธํŠธ ์„ ์–ธ๋„ ์„ ์–ธ ๋ณ‘ํ•ฉ์ด ๋œ๋‹ค.
        • ์•ฐ๋น„์–ธํŠธ ์„ ์–ธ๋„ ์„ ์–ธ๋ณ‘ํ•ฉ์ด ๋œ๋‹ค.
    • Testing
      • Unit Testing
      • ๋‹จ์œ„ ํ…Œ์ŠคํŠธ์˜ ๋‘ ๋ถ„ํŒŒ
      • ์ข‹์€ ๋‹จ์œ„ ํ…Œ์ŠคํŠธ๋ฅผ ๊ตฌ์„ฑํ•˜๋Š” 4๋Œ€ ์š”์†Œ
      • ํ…Œ์ŠคํŠธ ๋Œ€์—ญ๊ณผ ์‹๋ณ„ํ•  ์ˆ˜ ์žˆ๋Š” ๋™์ž‘
      • ๋‹จ์œ„ ํ…Œ์ŠคํŠธ ์Šคํƒ€์ผ
      • ๊ฐ€์น˜ ์žˆ๋Š” ๋‹จ์œ„ ํ…Œ์ŠคํŠธ๋ฅผ ์œ„ํ•œ ๋ฆฌํŒฉํ† ๋ง
      • ํ†ตํ•ฉ ํ…Œ์ŠคํŠธ
      • Cross Browsing Testing
      • ๊ธฐ๋Šฅ ํ…Œ์ŠคํŠธ ์ข…๋ฅ˜
      • React Testing Pattern
      • ํ”„๋ก ํŠธ์—”๋“œ ํ…Œ์ŠคํŠธ ์ž…๋ฌธ
        • ํ…Œ์ŠคํŠธ ๋ฒ”์œ„
        • ๋‹จ์œ„ ํ…Œ์ŠคํŠธ ๊ฒ€์ฆ
        • Mock
        • UI ์ปดํฌ๋„ŒํŠธ ํ…Œ์ŠคํŠธ
        • ํ…Œ์ŠคํŠธ ์ปค๋ฒ„๋ฆฌ์ง€
        • ์›น ํ†ตํ•ฉ ํ…Œ์ŠคํŠธ
        • MSW
        • ์Šคํ† ๋ฆฌ๋ถ
        • ์‹œ๊ฐ์  ํšŒ๊ท€ ํ…Œ์ŠคํŠธ
        • E2E ํ…Œ์ŠคํŠธ
        • Github Actions ์„ค์ •
        • ๊นƒํ—ˆ๋ธŒ ์•ก์…˜์—์„œ E2E
      • ์‹œํ”„ํŠธ ๋ ˆํ”„ํŠธ
        • ํ…Œ์ŠคํŠธ ๊ธฐ๋ณธ์ค‘์˜ ๊ธฐ๋ณธ
        • ๋‹จ์œ„ ํ…Œ์ŠคํŠธ
        • ์ฝ”๋“œ ๋ณต์žก๋„
        • ๋ฆฌํŒฉํ„ฐ๋ง
        • ์ฝ”๋“œ ๋ฆฌ๋ทฐ
        • ํ†ตํ•ฉ ํ…Œ์ŠคํŠธ ํŒจํ„ด
        • ์‹œ์Šคํ…œ ํ…Œ์ŠคํŠธ์˜ ์ž๋™ํ™”
        • ํƒ์ƒ‰์  ํ…Œ์ŠคํŠธ
      • Test Tip
      • vitest
      • playwright
      • Test Data Generator
      • MSW
    • Algorithm
      • coding test
      • Data Structure
    • Next.js
      • Data Fetching
      • Hydration
      • Next 13
      • Optimization
      • Next 15
        • ETC.
    • Tailwind
      • Tailwind CSS
      • Theme
      • Directives
      • Tool
      • Design System
      • Shadcn UI
    • Storybook
      • Storybook
      • CSF3
      • CDD
      • Headless Component
    • Funtional Programming
      • ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ
      • ์ฐธ์กฐ ํˆฌ๋ช…์„ฑ
      • ๋ถ€์ˆ˜ํšจ๊ณผ
      • ํ•จ์ˆ˜ ํ•ฉ์„ฑ
      • ์ œ๋„ˆ๋ฆญ ํƒ€์ž… ํ™œ์šฉํ•˜๊ธฐ
      • ์•”๋ฌต์  ์ž…์ถœ๋ ฅ
      • ์•ก์…˜๊ณผ ๊ณ„์‚ฐ, ๋ฐ์ดํ„ฐ
      • ๊ณ„์ธตํ˜• ์„ค๊ณ„
      • ํ˜ธ์ถœ ๊ทธ๋ž˜ํ”„
      • ํ•จ์ˆ˜ํ˜• ์„ค๊ณ„
      • ๋ถˆ๋ณ€์„ฑ
      • ์ผ๊ธ‰ ํ•จ์ˆ˜
      • ํ•จ์ˆ˜ํ˜• ๋„๊ตฌ
    • Git
      • Github Actions
      • Conflict
      • Branch ์ „๋žต
    • Contents Format
      • Audio
    • 3D Graphic
      • 3D keyword
      • Three.js
      • Geometry
      • Material
      • Light
      • Camera
      • Decal
      • Rotation
      • Text
      • Shadow
      • Fog
      • Post Processing
      • Animation
      • Math
        • Vector Space
        • ๋ฒกํ„ฐ์˜ ์—ฐ์‚ฐ
        • ํšŒ์ „ ๊ณ„์‚ฐ
      • 3D ์ปจํ…์ธ ๊ฐ€ ๋งŒ๋“ค์–ด์ง€๋Š” ๊ณผ์ •
      • R3F
      • Env
      • Scene
      • Transform
      • R3F
      • Interaction & Raycast
      • Rendering Algorithnm
      • Blender
    • Accessibility
      • ์ ‘๊ทผ์„ฑ์ด๋ž€
    • Interactive Web
      • Parallax
      • Canvas
      • requestAnimationFrame
      • Effect
      • HSL
      • React.js + Canvas
      • Matter.js
    • AWS
      • DevOps
      • Amplify
      • S3
      • ํด๋ผ์šฐ๋“œ ์ปดํ“จํŒ…
        • ์˜จํ”„๋ ˆ๋ฏธ์Šค์™€ ํด๋ผ์šฐ๋“œ
        • ํด๋ผ์šฐ๋“œ ๋„์ž…ํšจ๊ณผ
        • ํด๋ผ์šฐ๋“œ ์ปดํ“จํŒ…์˜ ๋ฒ”์œ„
        • ์ปดํ“จํŒ… ์˜ต์…˜
          • EC2 - Virtual Machin
          • ECS, EKS - Container
          • Lambda - Serverless
        • ๋„คํŠธ์›Œํฌ ๊ฐ€์ƒํ™”
        • ์Šคํ† ๋ฆฌ์ง€
        • ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค
        • ๋ฐ์ดํ„ฐ ์ˆ˜์ง‘
        • ๋จธ์‹  ๋Ÿฌ๋‹ ์˜์—ญ
        • IoT ์˜์—ญ
        • ๋ธ”๋ก์ฒด์ธ ์˜์—ญ
      • ํด๋ผ์šฐ๋“œ ์•„ํ‚คํ…์ฒ˜ ์„ค๊ณ„
    • Network
      • Web Server & WAS
    • System Design
      • System Design
      • Component
      • ์˜์กด์„ฑ์„ ๋ฐฐ์ œํ•œ ๊ฐœ๋ฐœ
      • Error Handling
      • Architecture
        • ๋ชจ๋…ธ๋กœํ‹ฑ ์•„ํ‚คํ…์ฒ˜
        • Clean Architecture
        • Layered Architecture
        • ์ด๋ฒคํŠธ ๊ธฐ๋ฐ˜ ์•„ํ‚คํ…์ฒ˜
      • ์ƒํ™ฉ์„ ํŒŒ์•…ํ•˜๋Š” ๋ฉ”ํƒ€์ธ์ง€
      • ์ค‘๋ณต ๋ฌธ์ œ ํ•ด๊ฒฐํ•˜๊ธฐ
      • Monorepo Arhitecture
        • ๋ชจ๋…ธ๋ ˆํฌ ์šด์˜๊ณผ ํŠธ๋Ÿฌ๋ธ”์ŠˆํŒ…
        • Module Federation
      • ์ฝ”๋“œ ๋ณ‘๋ชฉ์ง€์ 
      • API ๋Œ€์‘
      • ๊ณตํ†ต ์ฝ”๋“œ
      • Infra ๊ตฌ์ถ•
      • ๋ชจ๋“ˆ ๊ธฐ๋ฐ˜์˜ ๊ฐœ๋ฐœ ๋ฐฉ์‹
      • Design System
        • ์ตœ์†Œ ์ˆ˜์ค€์˜ ์•„ํ‚คํ…์ฒ˜ ์„ค์ •
        • ๋” ํšจ์œจ์ ์ธ ๋””์ž์ธ์‹œ์Šคํ…œ ๋งŒ๋“ค๊ธฐ
        • ๋””์ž์ธ ์‹œ์Šคํ…œ๊ณผ UI ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋ชฉ์ 
        • ๋””์ž์ธ ํ† ํฐ
      • ํšจ์œจ์ ์ธ ์—…๋ฌด
        • ์—…๋ฌด ํ”„๋กœ์„ธ์Šค ๋ณ‘๋ชฉ ํŒŒ์•…
      • Clean Code
      • Design Pattern
        • CQRS Pattern
        • Strangler Fig Pattern
        • ๋ฐ์ฝ”๋ ˆ์ดํ„ฐ ํŒจํ„ด
        • ์ปค๋งจ๋“œ ํŒจํ„ด
        • ์ „๋žต ํŒจํ„ด
        • ์˜ต์ €๋ฒ„ ํŒจํ„ด
      • A/B ํ…Œ์ŠคํŒ…
      • ๋Œ€๊ทœ๋ชจ ๋ฆฌ์—‘ํŠธ ์›น์•ฑ ๊ฐœ๋ฐœ
        • ๋ณต์žก์„ฑ ๊ด€๋ฆฌ
        • ๋ชจ๋“ˆ์„ฑ
        • ์„ฑ๋Šฅ
        • ๋””์ž์ธ ์‹œ์Šคํ…œ
        • ๋ฐ์ดํ„ฐ ํŒจ์นญ
        • ์ƒํƒœ ๊ด€๋ฆฌ
        • ๊ตญ์ œํ™”
        • ์ฝ”๋“œ ์กฐ์งํ™”ํ•˜๊ธฐ
        • ๊ฐœ์ธํ™” A/B ํ…Œ์ŠคํŒ…
        • ํ™•์žฅ ๊ฐ€๋Šฅํ•œ ์›น ์•„ํ‚คํ…์ฒ˜
        • ํ…Œ์ŠคํŒ…
        • ํˆด๋ง
        • ๊ธฐ์ˆ ์  ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜
        • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ
        • ๋ผ์šฐํŒ…
        • ์‚ฌ์šฉ์ž ์ค‘์‹ฌ API ๋””์ž์ธ
        • ๋ฆฌ์•กํŠธ ๋ฏธ๋ž˜
    • Performance
      • React DevTools
      • Component ์ตœ์ ํ™”
      • Page Load
      • API
    • MFA
      • MSA
      • MFA ๋„์ž…ํ•˜๊ธฐ
      • Monorepo
        • Monorepo Tool
        • Yarn Berry Workspace
        • Turborepo
      • MFA Composition
      • SPA ํ†ตํ•ฉ
      • Design System
      • Package Manager
        • Yarn
        • pnpm
      • Transpiler & Bundler
        • Babel
        • Rollup
        • esbuild
        • swc
        • Webpack
        • Vite
      • ๋ถ„ํ•ด์™€ ํ†ตํ•ฉ์„ ์œ„ํ•œ ์—ฌ๋Ÿฌ ๊ธฐ์ˆ  ๋น„๊ต
    • State Management
      • Zustand
    • React v18
      • Automatic batching
      • Suspense
      • Transition
    • SEO
      • Search Engine Optimization
      • Open Graph Element
      • Metadata
    • FE Develop
      • User Scenario
      • Optimization
      • Browser API
        • Scrubbing
        • Clipboard
      • Folder Structure
      • API First Design
      • ํ†ตํ•ฉ ํ…Œ์ŠคํŠธ
      • ํ…Œํฌ ์ŠคํŽ™
      • ์ด์Šˆ ๊ด€๋ฆฌ with Jira
    • Refactoring
      • ๋ฆฌํŒฉํ† ๋ง ๊นŠ๊ฒŒ ๋“ค์—ฌ๋‹ค๋ณด๊ธฐ
      • ๊ธด ์ฝ”๋“œ ์กฐ๊ฐ๋‚ด๊ธฐ
      • ํƒ€์ž… ์ฝ”๋“œ ์ฒ˜๋ฆฌํ•˜๊ธฐ
      • ์œ ์‚ฌํ•œ ์ฝ”๋“œ ์œตํ•ฉํ•˜๊ธฐ
      • ๋ฐ์ดํ„ฐ ๋ณดํ˜ธ
      • ์ฝ”๋“œ ์ถ”๊ฐ€ ๋ฐ ์ œ๊ฑฐ
    • OAuth 2.0
    • Analytics
      • Mixpanel
    • ETC
      • VSCode
    • React Hook In Action
      • useContext & Provider
      • ์ปค์Šคํ…€ ํ›…
      • ์ฝ”๋“œ ๋ถ„ํ• ํ•˜๊ธฐ with Suspense, lazy
      • Suspense์™€ ์ด๋ฏธ์ง€ ์ ์žฌํ•˜๊ธฐ
      • useTransition, uesDeferredValue
      • SuspenseList
    • AI
      • Cursor
    • UI library
      • vanila-extract
      • Headless
      • ํ…Œ์ŠคํŠธ ์ฝ”๋“œ
      • ๋ฌธ์„œํ™”
Powered by GitBook
On this page
  • ์ข‹์€ ์ฝ”๋“œ
  • ๋‚˜์œ ์ฝ”๋“œ
  • ์ค‘๋ณต ์ฝ”๋“œ
  • ๋งค์ง ์ƒ์ˆ˜
  • ์ด๋ฆ„ ์ง“๊ธฐ
  • ์˜ค๋ฅ˜ ๊ด€๋ จ
  • ํ๋ฆ„ ์ œ์–ด
  • ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ์ฝ”๋“œ
  • ํ•จ์ˆ˜
  • ํ•จ์ˆ˜ ๊ด€๋ จ ํด๋ฆฐ์ฝ”๋“œ
  • Class
  • ๋ชจ๋“ˆ
  1. DEV_NOTE
  2. System Design

Clean Code

์ข‹์€ ์ฝ”๋“œ

  • ์œ ์ง€๋ณด์ˆ˜์„ฑ

๋‚˜์œ ์ฝ”๋“œ

  • ๋ฐ˜๋ณต์ ์œผ๋กœ ๋‚˜ํƒ€๋‚˜๋Š” ์ค‘๋ณต๋œ ์ฝ”๋“œ๊ฐ€ ์•…์ทจ๋‚˜๋Š” ์ฝ”๋“œ

์ค‘๋ณต ์ฝ”๋“œ

  • ์—ฌ๋Ÿฌ ์ฝ”๋“œ์— ํผ์ ธ์žˆ๋Š” ๋ฐ˜๋ณต๋˜๋Š” ์ฝ”๋“œ๋ฅผ ๋ณ„๋„ ๋ชจ๋“ˆ๋กœ ๋ถ„๋ฆฌํ•˜์—ฌ ์œ ์ง€๋ณด์ˆ˜์„ฑ์„ ๋†’์ด๋Š”๊ฒŒ ์ค‘์š”

  • ํ•จ์ˆ˜๋กœ ๋ถ„๋ฆฌํ•˜๊ณ  ๋ช…ํ™•ํ•œ ๋„ค์ด๋ฐ์„ ์ง€์–ด ๋กœ์ง์„ ์ดํ•ดํ•˜๊ธฐ ์‰ฝ๊ฒŒ ๋งŒ๋“ฆ

๋งค์ง ์ƒ์ˆ˜

  • ๋งค์ง ์ƒ์ˆ˜๋ž€ ํŠน์ • ๊ฐ’์„ ํ•˜๋“œ์ฝ”๋”ฉํ•œ ๊ฒƒ์„ ์˜๋ฏธ

  • ๋‚˜์ค‘๊ฐ€๋ฉด ์ด๊ฒŒ ๋ฌด์Šจ ๋œป์ธ์ง€ ์•Œ์ˆ˜๊ฐ€ ์—†๊ฒŒ๋จ

  • ๊ฐœ์„  ๋ฐฉ๋ฒ•

    • ์ˆซ์ž์— ์˜๋ฏธ๋ฅผ ๋‹ด๊ธฐ

    • ํฉ๋ฟŒ๋ ค์ง„ ์ƒ์ˆ˜ ๋ชจ์œผ๊ธฐ

์ด๋ฆ„ ์ง“๊ธฐ

์ฝ”๋“œ๋ฅผ ์ฝ์—ˆ์„ ๋•Œ ๊ทธ ์ด๋ฆ„๋Œ€๋กœ ์˜ˆ์ธก ๋ฐ ์œ ์ถ”ํ•˜๊ฒŒ ๋œ๋‹ค. ์˜ˆ์ธกํ•œ๋Œ€๋กœ ๋™์ž‘ํ•˜๊ฒŒ ๋งŒ๋“œ๋Š”๊ฒŒ ์ข‹์€ ์ด๋ฆ„ ์ง“๊ธฐ ๋ฐฉ๋ฒ•์ด๋‹ค.

  • ๊ตฌ์ฒด์ ์ธ ์ด๋ฆ„ ์ง“๊ธฐ

  • ๊ด€๋ก€๋ฅผ ๋”ฐ๋ฅด๊ธฐ, ๊ฐ ์–ธ์–ด ์ƒํ…Œ๊ณ„์— ๋”ฐ๋ผ ๊ด€๋ก€๊ฐ€ ์กด์žฌํ•œ๋‹ค.

  • ์ •๋ณด๋ฅผ ๋‹ด๊ธฐ

    • ๋„ค์ด๋ฐ๊ณผ ๋™์ž‘์ด ๋™์ผํ•ด์•ผ ํ•œ๋‹ค.

  • ์ฝ๋Š” ์‚ฌ๋žŒ ์ž…์žฅ์—์„œ ์ตœ๋Œ€ํ•œ ๋‡Œ๋นผ๊ณ  ์ดํ•ดํ• ์ˆ˜ ์žˆ๋„๋ก ์ง“๋Š”๊ฒŒ ์ค‘์š”

  • ์ปจํ…์ŠคํŠธ ๋‚ด์—์„œ ๋ฌผํ๋ฅด๋“ฏ์ด ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋„๋ก ๊ฐ„๋‹จ ๋ช…๋ฃŒํ•˜๊ฒŒ ์ž‘๋ช…ํ•ด์•ผ ํ•œ๋‹ค.

์˜ค๋ฅ˜ ๊ด€๋ จ

  • null ๊ด€๋ จํ•œ ๋ฌธ์ œ

  • ์ž๋ฐ”์˜ null ๋ฌธ์ œ๋ฅผ ์–ธ์–ด ์ฐจ์›์—์„œ ๋ฐฉ์ง€ํ•œ ๊ฒƒ์ด ์ฝ”ํ‹€๋ฆฐ ์–ธ์–ด

ํ๋ฆ„ ์ œ์–ด

  • if๋ฌธ switch๋ฌธ

  • ์ค‘์ฒฉ์„ ์ตœ์†Œํ™”ํ•˜๊ธฐ

  • ์ค‘์ฒฉ์ด ๋งŽ๋‹ค๋Š”๊ฒƒ์€ ๋งŽ์€ ์•…์ทจ๋ฅผ ํฌํ•จํ•œ๋‹ค.

    • ๋„ˆ๋ฌด ๋งŽ์€ ์ผ์„ ํ•จ

    • ๋„ˆ๋ฌด ๋งŽ์€ ์กฐ๊ฑด์„ ๊ฐ–๊ณ  ์žˆ์Œ

    • ๋„ˆ๋ฌด ๋งŽ์€ ์ƒํƒœ๋ฅผ ์•Œ๊ณ  ์žˆ์Œ

    • ์ฆ‰, ๋ณต์žกํ•˜๋‹ค. -> ์œ ์ง€๋ณด์ˆ˜ํ•˜๊ธฐ ์–ด๋ ต๋‹ค.

์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ์ฝ”๋“œ

  • ์‚ฌ์šฉ๋˜์ง€ ์•Š๋Š” ์ฝ”๋“œ๋Š” ์ฝ๋Š”์‚ฌ๋žŒ์œผ๋กœ์จ ํ˜ผ๋ž€์„ ์•ผ๊ธฐ์‹œํ‚ด

  • ์‚ฌ์šฉ๋˜์ง€ ์•Š๋Š” ์ฝ”๋“œ๋Š” ๋‚จ๊ฒจ๋‘์ง€ ์•Š๊ณ  ๊ณผ๊ฐํ•˜๊ฒŒ ์ œ๊ฑฐํ•˜๋Š”๊ฒŒ ํ•„์š”

ํ•จ์ˆ˜

  • ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์ฝ”๋“œ ์กฐ๊ฐ

  • ํŠน์ • ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•˜๋Š” ๋ช…๋ น์–ด์˜ ์กฐํ•ฉ

  • ์ž…๋ ฅ์„ ๋ฐ›์•„ ํŠน์ • ๋ช…๋ น์„ ์ˆ˜ํ–‰ํ•˜๊ฑฐ๋‚˜, ๊ฒฐ๊ณผ๋ฅผ ๋ฐ˜ํ™˜

  • ๋ชจ๋“ˆํ™”, ์žฌ์‚ฌ์šฉ์„ฑ, ๊ตฌ์กฐํ™”, ๊ด€๋ฆฌ

ํ•จ์ˆ˜ ๊ด€๋ จ ํด๋ฆฐ์ฝ”๋“œ

์ž‘๊ฒŒ ๋งŒ๋“ค๊ธฐ

  • ์ž‘์•„์•ผ ์ฝ๊ธฐ ์‰ฝ๊ณ  ์ˆ˜์ •ํ•˜๊ธฐ ์‰ฝ๋‹ค. ์ฆ‰, ์œ ์ง€๋ณด์ˆ˜ํ•˜๊ธฐ ์‰ฌ์šด ์ฝ”๋“œ๊ฐ€ ๋œ๋‹ค.

  • 15 line ์ดํ•˜๊ฐ€ ์ž‘๋‹ค๊ณ  ํ‘œํ˜„๋จ

ํ•จ์ˆ˜๋ฅผ ์ž‘๊ฒŒ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•

  • ๋ฉ”์„œ๋“œ ์ถ”์ถœ

  • ๋ฉ”์„œ๋“œ๋ฅผ ๋ฉ”์„œ๋“œ ๊ฐ์ฒด๋กœ ๋Œ€์ฒด

    • ๋ณต์žกํ•œ ๋ฉ”์„œ๋“œ๋ฅผ ๋‹จ์ˆœํ™”ํ•˜๊ณ  ๊ฐ€๋…์„ฑ์„ ๋†’์ด๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋จ

๋ณต์žก๋„๋ฅผ ๋‚ฎ์ถ”๊ธฐ

  • ํ•จ์ˆ˜ ์•ˆ์˜ ๋ถ„๊ธฐ ๊ฐœ์ˆ˜๋ฅผ ์ž‘๊ฒŒ ์œ ์ง€

  • if, switch, ์‚ผํ•ญ์—ฐ์‚ฐ, try & catch, for, &&, ||

  • ๋ถ„๊ธฐ์ ์ด ๋งŽ์„์ˆ˜๋ก ๋ณต์žก๋„๊ฐ€ ์ฆ๊ฐ€ํ•œ๋‹ค.

ํŒŒ๋ผ๋ฏธํ„ฐ ๊ฐœ์ˆ˜๋ฅผ ์ œํ•œํ•˜๊ธฐ

  • 4๊ฐœ ์ดํ•˜

  • 4๊ฐœ๋ฅผ ์ดˆ๊ณผํ•˜๋ฉด ํŒŒ๋ผ๋ฏธํ„ฐ ๊ฐ์ฒด๋ฅผ ๊ณ ๋ ค

๊ฐ ํ•จ์ˆ˜๋Š” ํ•˜๋‚˜์˜ ์ผ๋งŒ ์ž˜ํ•˜๊ธฐ (๋‹จ์ผ ์ฑ…์ž„)

  • ํ•˜๋‚˜์˜ ํ•จ์ˆ˜ ์•ˆ์—์„œ ์—ฌ๋Ÿฌ๊ฐ€์ง€ ์ผ์„ ํ•˜์ง€ ๋ง์ž.

  • ๋ณต์žกํ•˜๊ณ , ํ…Œ์ŠคํŠธ๊ฐ€ ์–ด๋ ต๊ฒŒ๋จ

Class

๋‹จ์ผ ์ฑ…์ž„ ์›์น™ (SRP)

  • ๊ฐ ํด๋ž˜์Šค๋Š” ํ•˜๋‚˜์˜ ์ฑ…์ž„๋งŒ ๊ฐ–์Œ

  • 2๊ฐœ ์ด์ƒ์˜ ์—ญํ• ์„ ์ˆ˜ํ–‰ํ•˜๋ฉด ๋ณต์žก์„ฑ์ด ๋†’์•„์ง

  • ๋” ์ž‘๊ณ , ๋” ์‘์ง‘๋œ ํด๋ž˜์Šค๋ฅผ ๋งŒ๋“ค๋ ค๊ณ  ๋…ธ๋ ฅ

์˜๋ฏธ ์žˆ๋Š” ํด๋ž˜์Šค ์ด๋ฆ„ ์ง“๊ธฐ

  • ํด๋ž˜์Šค ์ด๋ฆ„๋งŒ ๋ณด๊ณ  ์–ด๋–ค ํด๋ž˜์Šค์ธ์ง€ ์•Œ ์ˆ˜ ์žˆ์–ด์•ผ ํ•จ

  • ๋ช…ํ™•ํ•˜๊ณ  ์„ค๋ช…์ ์ธ ์ด๋ฆ„

  • ํด๋ž˜์Šค์˜ ๋ชฉ์ ๊ณผ ์ฑ…์ž„์ด ๋“ค์–ด๋‚˜์•ผ ํ•จ

์บก์Аํ™”

  • ์ ‘๊ทผ ์ œ์–ด์ž public, private, protected๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํด๋ž˜์Šค ๋ฉค๋ฒ„์˜ ๊ฐ€์‹œ์„ฑ์„ ๊ด€๋ฆฌ

์ƒ์„ฑ์ž

  • ์ƒ์„ฑ์ž์— ๋ณต์žกํ•œ ๋…ผ๋ฆฌ๋‚˜ ์ž‘์—…์„ ํ”ผํ•œ๋‹ค.

    • ๋ณต์žกํ•œ ๋กœ์ง์€ ๋ณ„๋„ ๋ฉ”์„œ๋“œ๋กœ ์ถ”์ถœ

  • ์ƒ์„ฑ์ž๋Š” ๋กœ์ง์„ ๋„ฃ์ง€ ์•Š๋Š” ๊ฒƒ์ด ์ค‘์š”

์˜์กด์„ฑ ์ฃผ์ž…

  • ํด๋ž˜์Šค๋Š” ๋‹ค๋ฅธ ํด๋ž˜์Šค๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์˜์กด์„ฑ์ด ์ƒ๊ธฐ๊ฒŒ ๋จ

  • ์˜์กด์„ฑ์„ ๋‚ฎ์ถ”๋Š”๊ฒƒ์ด ๋ณต์žก์„ฑ์„ ์ค„์ธ๋‹ค.

  • ์™ธ๋ถ€์—์„œ ์ฃผ์ž…ํ•ด์ฃผ๋Š” ๋ฐฉ์‹์œผ๋กœ ์‚ฌ์šฉํ•ด์•ผ ๋ชฉ ๋ฐ์ดํ„ฐ๋กœ ๊ฐˆ์•„๋ผ์›Œ ํ…Œ์ŠคํŠธํ•˜๊ธฐ๋„ ์‰ฝ๊ณ  ๊ต์ฒด ๋ฐฉ์‹์œผ๋กœ ํด๋ž˜์Šค์˜ ๋ณ„๋„ ์ˆ˜์ •์—†์ด ํ–‰๋™์„ ๋ฐ”๊ฟ€์ˆ˜ ์žˆ๊ฒŒ ๋œ๋‹ค.

์ธํ„ฐํŽ˜์ด์Šค ํ™œ์šฉ

  • ์œ ์—ฐ์„ฑ์ด ๋†’์•„์ง€๊ณ , ๋‹คํ˜•์„ฑ์„ ์‚ฌ์šฉํ•˜๊ธฐ ์‰ฌ์›Œ์ง

interface Logger {
  void log(String message);
}

class FileLogger implements Logger {
  @Override
  public void log(String message) {
    //
  }
}

์ƒ์†์„ ๊ณผ์šฉํ•˜์ง€ ์•Š๊ณ , ํšจ๊ณผ์ ์œผ๋กœ ์‚ฌ์šฉ

  • ์ƒ์† ๋Œ€์‹  ์กฐํ•ฉ(Composition)์„ ๊ถŒ์žฅ

  • ์ƒ์†์„ ์‚ฌ์šฉํ•˜๋ฉด ๋ถ€๋ชจ ํด๋ž˜์Šค์— ๋ชจ๋‘ ์ ‘๊ทผ ๊ฐ€๋Šฅํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์บก์Аํ™”๊ฐ€ ๊นจ์ง„๋‹ค.

  • ์ƒ์†์€ ๊ฐ„๋‹จํ•œ ๊ณณ์—์„œ๋งŒ ์‚ฌ์šฉํ•˜๋„๋ก!

'์‹ '์„ ๋งŒ๋“ค์ง€ ์•Š๊ธฐ

  • ํด๋ž˜์Šค ํ•˜๋‚˜์— ๋ชจ๋‘ ์ž‘์„ฑํ•˜์ง€ ์•Š๊ณ  ์ฑ…์ž„์— ๋งž๊ฒŒ ๋ณ„๋„ ํด๋ž˜์Šค๋กœ ๋ถ„๋ฆฌํ•˜๋Š”๊ฒƒ์ด ์ค‘์š”

  • ํด๋ž˜์Šค์™€ ๊ด€๋ จ๋œ ๋ชจ๋“  ๋กœ์ง์„ ๋‹ค ๋•Œ๋ ค๋ฐ•์€ ํด๋ž˜์Šค๋ฅผ "God Class" ๋ผ ๋ถ€๋ฅธ๋‹ค.

๊ด€๋ ˆ๋ฅผ ๋”ฐ๋ฅด๊ธฐ

  • ์ผ๊ด€๋œ ์ฝ”๋”ฉ ์Šคํƒ€์ผ๋กœ ์ž‘์„ฑ

ํ•˜๋“œ์ฝ”๋”ฉ ํ”ผํ•˜๊ธฐ

  • ์ƒ์ˆ˜๋‚˜ ๋งค์ง ๋„˜๋ฒ„๋ฅผ ์ฝ”๋“œ์— ์ง์ ‘ ํ•˜๋“œ์ฝ”๋”ฉํ•˜๋Š” ๊ฒƒ์„ ํ”ผํ•œ๋‹ค.

  • ๋ช…๋ช…๋œ ์ƒ์ˆ˜๋‚˜ ์—ด๊ฑฐํ˜•์„ ์‚ฌ์šฉ

ํด๋ž˜์Šค ํฌ๊ธฐ๋ฅผ ์ž‘๊ฒŒ ์œ ์ง€ํ•˜๊ธฐ

  • ํด๋ž˜์Šค์™€ ๊ด€๋ จ ์—†๋Š” ๊ฒƒ๋“ค์„ ๋ณ„๋„ ํด๋ž˜์Šค๋กœ ๋ถ„๋ฆฌ

  • ์ž‘๊ณ  ์‘์ง‘๋„ ๋†’์€ ํด๋ž˜์Šค ๋งŒ๋“ค๊ธฐ

๋ชจ๋“ˆ

  • ์‘์ง‘๋œ ์ฝ”๋“œ์™€ ๊ด€๋ จ ๋ฆฌ์†Œ์Šค ์ง‘ํ•ฉ

๋‹จ์ผ ์ฑ…์ž„ ์›์น™

  • ํ•˜๋‚˜์˜ ์ฑ…์ž„์„ ๊ฐ–๋„๋ก ์œ ์ง€

  • ๋‘˜ ์ด์ƒ์˜ ์ผ์„ ์ˆ˜ํ–‰ํ•˜๋ฉด ๋ณต์žก๋„ ์ฆ๊ฐ€

๋ชจ๋“ˆ์˜ ๋…๋ฆฝ์„ฑ

  • ํ•˜๋‚˜์˜ ๋ชจ๋“ˆ์ด ๋‹ค๋ฅธ ๋ชจ๋“ˆ์˜ ๋‚ด๋ถ€ ์„ธ๋ถ€ ์‚ฌํ•ญ์— ์˜์กดํ•˜์ง€ ์•Š๋„๋ก ํ•œ๋‹ค.

  • ๊ฐ•๊ฒฐํ•ฉ์œผ๋กœ ๋ณ€๊ฒฝ์ด ์–ด๋ ค์›€

๋ชจ๋“ˆ์˜ ํฌ๊ธฐ

  • ์ž‘๊ฒŒ ์œ ์ง€

  • ์‘์ง‘๋˜๊ฒŒ ๊ด€๋ฆฌ

๋ชจ๋“ˆ๊ฐ„์˜ ์˜์กด์„ฑ

  • ์ธํ„ฐํŽ˜์ด์Šค์™€ ์ถ”์ƒํ™” ํ™œ์šฉ

  • ํŠน์ • ๊ตฌํ˜„๋ถ€๋Š” ์ธํ„ฐํŽ˜์ด์Šค ์•ˆ์— ์ˆจ๊น€

๋ชจ๋“ˆ ๋ฒ„์ „ ๊ด€๋ฆฌ

  • ๋ชจ๋“ˆ์„ ์™ธ๋ถ€์— ๋ฐฐํฌํ•˜๊ฑฐ๋‚˜, ๊ณต์œ ํ•˜๋Š” ๊ฒฝ์šฐ ๋ฒ„์ „ ๊ด€๋ฆฌ ํ•„์š”

  • ๋ชจ๋“ˆ์— ์˜์กดํ•˜๋Š” ํ”„๋กœ์ ํŠธ์™€ ํ˜ธํ™˜์„ฑ ์œ ์ง€

๋ชจ๋“ˆ์˜ ์ผ๊ด€์„ฑ

  • ๊ฐ ๋ชจ๋“ˆ์€ ์ผ๊ด€์„ฑ์„ ์œ ์ง€

  • ๋™์ž‘ ๋ฐฉ์‹๋„ ์œ ์‚ฌํ•˜๋„๋ก ์„ค๊ณ„ ๋ฐ ๊ตฌํ˜„

๊ด€์‹ฌ์‚ฌ๋ฅผ ๋ชจ๋“ˆ๋กœ ๋ถ„๋ฆฌ

  • ๊ฐ๊ฐ์˜ ๊ด€์‹ฌ์‚ฌ๊ฐ€ ๋‹ค๋ฅด๋‹ค๋ฉด ๋ณ„๋„ ๋ชจ๋“ˆ๋กœ ๋ถ„๋ฆฌ

Previous์—…๋ฌด ํ”„๋กœ์„ธ์Šค ๋ณ‘๋ชฉ ํŒŒ์•…NextDesign Pattern

Last updated 1 year ago