μκ°μ₯μ μΈμ΄ μ¨λΌμΈ μΌν μ μ΄λ―Έμ§ μ 보λ₯Ό μ½κ² νμ νκ³ κ°μΈ λ§μΆ€ν μ κ·Όμ±μ μ 곡νλ ν¬λ‘¬ νμ₯ νλ‘κ·Έλ¨
보μ΄μ§ μμλ,보μμ΄λκΉ.
π§ ν¬λ‘¬ μ΅μ€ν μ λ€μ΄λ‘λ : https://chromewebstore.google.com/detail/voim/iofbhhcbidmfcmpjndglaignlfdojpcm
π γνΈκ³΅μ£Όμ μΌκ³± νλ¦°μΈμ€γ
μ°λ¦¬νμ μ²μΌμ μΈ μ΅νΈλ₯Ό μν΄ λͺ¨λκ° κ³΅μ£Όκ° λμλ€β¦
μ μΌν μ²μΌμ νΈμ κ°μμ κ°μ±κ³Ό μ€λ ₯μ κ°μ§ μΌκ³± λͺ μ νλ¦°μΈμ€λ€μ΄ ν¨κ» λ§λ€μ΄κ°λ μ‘°νλ‘κ³ μ μΎν νμν¬ λ₯Ό μμ§ν©λλ€.

κΈ°λ₯ λͺ | μ€λͺ |
---|---|
μ΄κΈ° μ¨λ³΄λ© νμ | μ¬μ©μκ° νμ₯ νλ‘κ·Έλ¨μ μ²μ μ€μΉνμ λ, μ£Όμ κΈ°λ₯μ λ¨κ³λ³λ‘ μλ΄ν©λλ€. |
λ΄ μ 보 μ€μ | μ¬μ©μμ μΆμ μ°λμ μ±λ³, μλ¬μ§ μ 보λ₯Ό μ λ ₯νμ¬ κ°μΈνλ μ 보 μ 곡μ κΈ°λ°μ λ§λ ¨ν©λλ€. |
κ³ λλΉ λͺ¨λ | λ°°κ²½μκ³Ό κΈμμμ μ€μ νμ¬ κ°λ
μ±μ λμ΄κ³ λμ νΌλ‘λ₯Ό μ€μ΄λ λͺ¨λμ
λλ€. κ²μμ λ°°κ²½μ ν°μ κΈμλ₯Ό μ 곡ν©λλ€. |
κΈμ ν¬κΈ° λ° λκ» λ°κΎΈκΈ° | ν
μ€νΈ ν¬κΈ°λ₯Ό 5λ¨κ³(μμ£Ό μκ², μκ², κΈ°λ³Έ, ν¬κ², μμ£Ό ν¬κ²)λ‘ μ‘°μ νμ¬ μκ° λ³΄μ‘° κΈ°λ₯μ μ 곡ν©λλ€. ν μ€νΈμ λκ»λ₯Ό 'μκ²', 'κΈ°λ³Έ', 'λκ»κ²' μ€ μ ννμ¬ κ°λ μ±μ μ‘°μ ν μ μμ΅λλ€. |
μ΄λ―Έμ§ λΆμνκΈ° (λͺ¨λ λλ©μΈ) | μ΄λ―Έμ§ μμ λ§μ°μ€λ₯Ό μ¬λ¦΄ μ, μ΄λ―Έμ§ λΆμ λ²νΌμ΄ λνλ μ΄λ―Έμ§ λΆμμ μ€νν©λλ€. AIκ° μ΄λ―Έμ§λ₯Ό λΆμν ν ν΄λΉ λ΄μ©μ ν μ€νΈλ‘ 보μ¬μ€λλ€. |
λ¨μΆν€ μλ΄ | μλΉμ€μμ μ¬μ© κ°λ₯ν λ¨μΆν€ μ 보λ₯Ό μλ΄ν©λλ€. |
μμΈμ 보 μμ½ | μ ν νμ΄μ§μ μ μ μ, μμΈνμ΄μ§μ μλ μ΄λ―Έμ§ μ 보λ₯Ό μλμΌλ‘ λΆμνμ¬ ν
μ€νΈλ‘ μμ½ν΄ 보μ¬μ€λλ€. 4κ°μ§ μΉ΄ν κ³ λ¦¬λ‘ κ΅¬μ‘°νν΄ ν΅μ¬μ λ³΄λ§ μ λ¬ν©λλ€. |
μ±λΆ μλ΄ κΈ°λ₯ | μ±λΆμ΄ μ€μν μν, νμ₯ν, 건κ°κΈ°λ₯μνμ ννμ¬ λ€μκ³Ό κ°μ μ 보λ₯Ό μ 곡ν©λλ€: [μν] - μνμ νΉμ μμμ±λΆ(ν루 κΆμ₯μΉ κΈ°μ€ 40% μ΄μ)μ΄ ν¬ν¨λμ΄ μμ κ²½μ° μ£Όμνμλ₯Ό μ 곡ν©λλ€. - μνμ μ¬μ©μκ° μ λ ₯ν μλ λ₯΄κΈ°κ° μμ κ²½μ° κ°μ‘°ν΄ μ 곡ν©λλ€. [νμ₯ν] - μνμ 20κ°μ§ μ£Όμμ±λΆ λ° μλ λ₯΄κΈ° μ λ° μ±λΆμ΄ ν¬ν¨λμ΄ μμ κ²½μ° μλ΄ν©λλ€. [건κ°κΈ°λ₯μν] - ν΄λΉ 건κ°κΈ°λ₯μνμ μ±λΆμ΄ μ 곡νλ ν¨λ₯μ λν μ 보λ₯Ό μ 곡ν©λλ€. |
μ₯λ°κ΅¬λ μμ½ | μ₯λ°κ΅¬λμ λ΄κΈ΄ μνμ μ΄λ¦, μλ, κ°κ²© λ± ν΅μ¬ μ 보λ₯Ό μμ½νμ¬ μ λ¦¬ν΄ λ³΄μ¬μ€λλ€. |
κΈ°μ μ€ν | μ€λͺ |
---|---|
React | - 볡μ‘ν UIμ μν κ΄λ¦¬λ₯Ό ν¨μ¨μ μΌλ‘ μ²λ¦¬ κ°λ₯ - ν¬λ‘¬ μ΅μ€ν μ μ μΉ κ°λ°νλ―μ΄ κ΅¬ν κ°λ₯ |
Typescirpt | - λ²κ·Έλ₯Ό μ€μ΄κ³ , νμ κ³Ό μ μ§λ³΄μ μ½κ² κ°λ₯ |
Tailwind | - λΉ λ₯Έ λμμΈ ν ν° μ€μ μ ν΅ν΄ λμμΈ μμ€ν ꡬν κ°λ₯ |
webpack | - λ€μν μ€μ μ ν΅ν΄ 컀μ€ν°λ§μ΄μ§μ΄ κ°λ₯ν, μμ λκ° λμ λͺ¨λ λ²λ€λ¬ |
κΈ°μ μ€ν | μ€λͺ |
---|---|
Spring Boot 3.X | - μ΅μ κΈ°μ μ μ© κ°λ₯ (μλ‘μ΄ κΈ°λ₯ λ° μ±λ₯ κ°μ ) - μ μ§λ³΄μμ±κ³Ό νμ₯μ± κ³ λ € - Java 21 μ§μμΌλ‘ μ±λ₯ μ΅μ ν λ° μ΅μ κΈ°λ₯ νμ© κ°λ₯ |
Spring AI | - Spring κΈ°λ° νλ‘μ νΈμμ OpenAIμ νΈμΆμ μμ½κ² ꡬννκΈ° μν΄ λμ
- κΈ°μ‘΄ μ¬λ¬ DTOλ₯Ό μμ±ν΄μΌ νλ κ²κ³Ό λ¬λ¦¬, κ°λ¨νκ³ κ°λ μ±μλ ꡬν κ°λ₯ |
GitHub Actions + Docker | - CI/CD μλνλ₯Ό ν΅ν λ°°ν¬ ν¨μ¨μ± μ¦κ° - 컨ν μ΄λνλ₯Ό ν΅ν νκ²½ μΌκ΄μ± μ μ§ λ° λ°°ν¬ μ©μ΄ |
Open API | - 곡곡 λ°μ΄ν° OPEN APIλ₯Ό νμ©νμ¬ μν μμ μ±λΆ λ° λΉμ¨, λ μνΌ λ°μ΄ν° νμ© |
Open AI | - Open AIλ₯Ό νμ©ν μ ν μ 보 μ΄λ―Έμ§ λΆμ |
CLOVA X | - CLOVA Xλ₯Ό νμ©ν 리뷰 λ°μ΄ν° μμ½ λ° κΈλΆμ λΆμ - νκ΅μ΄ νΉν λͺ¨λΈ κΈ°λ°μ κ³ μ νλ μμ½ λ° μλ―Έ μΆμΆ |
MySQL | - μμ μ±κ³Ό μ±λ₯μ΄ κ²μ¦λ μ€νμμ€ κ΄κ³ν λ°μ΄ν°λ² μ΄μ€ - Spring Bootμμ νΈνμ±μ΄ λ°μ΄λκ³ μ΄μ νκ²½μ μ ν© |
JPA | - κ°μ²΄ μ§ν₯μ μΈ λ°©μμΌλ‘ λ°μ΄ν°λ² μ΄μ€ μ κ·Ό λ‘μ§ κ΅¬ν κ°λ₯ - λ°λ³΅μ μΈ SQL μμ± μμ΄ μμ°μ±κ³Ό μ μ§λ³΄μμ± ν₯μ |
- Git, GitHub, Notion, Figma
src/
βββ π assets/ #img μ μ₯ ν΄λ
βββ π background/ #ν¬λ‘¬ μ΅μ€ν
μ
μ background.js κ΄λ ¨ λ‘μ§ ν΄λ
βββ π components/
βββ π constants/ # enum λ± μμκ° μ μ₯ ν΄λ
βββ π content/ # ν¬λ‘¬ μ΅μ€ν
μ
μ content.js κ΄λ ¨ λ‘μ§ ν΄λ
βββ π contexts/ # ν
λ§ μ μ© context μ μ₯ ν΄λ
βββ π css/
βββ π hooks/ # 컀μ€ν
ν
(useXXX)μ μ μνλ ν΄λ
βββ π iframe/ # ν¬λ‘¬ μ΅μ€ν
μ
μ ν΅ν΄ νμ΄μ§ DOMμ μ½μ
λλ iframeκ΄λ ¨ μ½λ
βββ π tabs/
β βββ π myInfo/ # λ΄ μ 보 κ΄λ ¨ UI λ° κΈ°λ₯μ λ΄λΉνλ ν΄λ
βββ π types/ # λͺ¨λ κ΄λ ¨ μ μ νμ
μ μ ν΄λ
βββ π utils/ # λ²μ© μ νΈ ν¨μλ€μ λͺ¨μλ ν΄λ
π¦ backend
β£β π domain
β β£β π application # λΉμ¦λμ€ λ‘μ§ μλΉμ€ κ³μΈ΅
β β£β π domain # μν°ν°, VO, λλ©μΈ λͺ¨λΈ
β β£β π dto
β β β£β π request # ν΄λΌμ΄μΈνΈ μμ² DTO
β β ββ π response # ν΄λΌμ΄μΈνΈ μλ΅ DTO
β β£β π infrastructure # AI Client, μ μ²λ¦¬ λ± μΈλΆ μμ€ν
μ°λ
β β ββ π mapper # DB λ§€ν, μν°ν° β DTO λ³ν λ±
β β£β π persistent # Repository λ± DB μ κ·Ό κ³μΈ΅
β ββ π presentation # Controller κ³μΈ΅ (API μμ² μ²λ¦¬)
β ββ π swagger # Swagger API λ¬Έμ μ€μ
β£β π global # κ³΅ν΅ μ νΈλ¦¬ν°, μμΈ, μ€μ λ±
ββ π BackendApplication.java # Spring Boot λ©μΈ ν΄λμ€ (μ± μ§μ
μ )
λ°μλ―Ό | μ΅νΈ | μμ°μ§ | μ£Όμ λΉ |
---|---|---|---|
frontend | frontend | backend | backend` |