νΌλλ‘ λμκ°κΈ°
Dev.toDevOps
μλ¬Έ μ½κΈ°
VS Code λ΄ .env κ΄λ¦¬ μλν λ° Secret Masking ꡬνμ ν΅ν μ€μ μ€λ₯ λ°©μ§
I built a visual .env manager for VS Code π
AI μμ½
Context
raw file κΈ°λ°μ .env κ΄λ¦¬ λ°©μμμ λ°μνλ API Key μ€μ»€λ° μνκ³Ό νκ²½ μ νμ λ²κ±°λ‘μ λΆμ. μλ νΈμ§μΌλ‘ μΈν ν΄λ¨Ό μλ¬ κ°λ₯μ±κ³Ό κ°μμ± λΆμ‘±μ ν΅μ¬ λ¬Έμ λ‘ μ μ.
Technical Solution
- Multi-profile support ꡬνμ ν΅ν .env.local, .env.production λ± νκ²½ κ° μ μν 컨ν μ€νΈ μ ν ꡬ쑰 μ€κ³
- Secret Masking λ‘μ§ λμ μΌλ‘ λ―Όκ° μ 보μ κΈ°λ³Έ λΉλ ΈμΆ μ²λ¦¬ λ° νμ μμλ§ reveal νλ 보μ λ·°μ΄ κ΅¬ν
- Inline Editing μΈν°νμ΄μ€ ꡬμΆμ ν΅ν΄ raw file μ§μ μμ μμ΄ λ©λͺ¨λ¦¬ μμ λ³μ λ³κ²½ ν νμΌλ‘ Write-back νλ λκΈ°ν λ©μ»€λμ¦ μ μ©
- .env.example μλ μμ± κΈ°λ₯μ ν΅ν Value μ μΈ Key-only ν νλ¦Ώ μΆμΆ λ‘μ§ κ΅¬ν
- VS Code Extension APIλ₯Ό νμ©ν μ¬μ΄λλ° ν¨λ κΈ°λ°μ GUI κ΄λ¦¬ λ μ΄μ΄ ꡬμΆ
μ€μ² ν¬μΈνΈ
- λ―Όκ° μ 보 μ μΆ λ°©μ§λ₯Ό μν Masking UI μ μ© κ²ν - νκ²½λ³ μ€μ νμΌμ μΌκ΄μ± μ μ§λ₯Ό μν ν νλ¦Ώ μμ± μλν λμ - κ°λ°μ κ²½ν(DX) ν₯μμ μν μ€μ νμΌμ μκ°μ κ΄λ¦¬ λꡬ νμ©