πŸ€– AI μ½”λ”© μ‹œλŒ€, κ°œλ°œμžκ°€ κΌ­ μ•Œμ•„μ•Ό ν•  7κ°€μ§€ μ£Όμ˜μ‚¬ν•­



🧭 μ™œ 이 글을 μΌμ„κΉŒμš”?

μš”μ¦˜ 개발자라면 ν•œ λ²ˆμ―€μ€ GitHub Copilot, ChatGPT, Claude Code, Cursor 같은 AI μ½”λ”© 도ꡬλ₯Ό 써봀을 κ²λ‹ˆλ‹€. 저도 μ²˜μŒμ—” β€œμ΄κ±Έλ‘œ 개발 λ‹€ ν•˜κ² λŠ”λ°?” μ‹Άμ—ˆμŠ΅λ‹ˆλ‹€. κ·ΈλŸ¬λ‚˜ λͺ‡ κ°œμ›” 정도 μ‹€μ œ μ„œλΉ„μŠ€λ₯Ό AI와 ν•¨κ»˜ λ§Œλ“€λ©° κΉ¨λ‹¬μ•˜μŠ΅λ‹ˆλ‹€.

“AIλŠ” μ½”λ“œ 잘 μ§œμ€€λ‹€. ν•˜μ§€λ§Œ 잘 λ§κ°€λœ¨λ¦¬κΈ°λ„ ν•œλ‹€.”

λΉ λ₯΄κ³  νŽΈλ¦¬ν•œ λŒ€μ‹ , ꡬ쑰 μ—†λŠ” μ½”λ“œ, μ€‘λ³΅λœ 둜직, λΉ„νš¨μœ¨μ μΈ 섀계가 μŒ“μ΄κΈ° μ‹œμž‘ν•˜μ£ .

κ·Έλž˜μ„œ 이 κΈ€μ—μ„œλŠ” AI μ½”λ”© 도ꡬλ₯Ό μ‚¬μš©ν•  λ•Œ κ°œλ°œμžκ°€ λ°˜λ“œμ‹œ λͺ…심해야 ν•  μ‹€μ „ 쀑심 7κ°€μ§€ μ£Όμ˜μ‚¬ν•­μ„ κ³΅μœ ν•©λ‹ˆλ‹€.


1. ❗ AIλŠ” “κΈ°λŠ₯ 쀑심 사고”λ₯Ό ν•œλ‹€. ꡬ쑰λ₯Ό λ¨Όμ € μ„€κ³„ν•˜μž

AIλŠ” μš°λ¦¬κ°€ “둜그인 νŽ˜μ΄μ§€ λ§Œλ“€μ–΄μ€˜” ν•˜λ©΄ λ‹Ήμ—°νžˆ λ§Œλ“€μ–΄μ€λ‹ˆλ‹€. ν•˜μ§€λ§Œ 전체 μ‹œμŠ€ν…œ μ•ˆμ—μ„œ κ·Έ κΈ°λŠ₯이 μ–΄λ–»κ²Œ μ—°κ²°λ˜μ–΄μ•Ό ν•˜λŠ”μ§€λŠ” κ³ λ €ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

πŸ”Ž ν•΄κ²° 방법:

  • ν”„λ‘œμ νŠΈ μ‹œμž‘ μ „, μ΅œμ†Œν•œ λ‹€μŒ 3κ°€μ§€λŠ” λ¨Όμ € μ„€κ³„ν•˜μ„Έμš”:
    • πŸ“Œ DB μŠ€ν‚€λ§ˆ
    • πŸ“Œ κΈ°λ³Έ 폴더 ꡬ쑰
    • πŸ“Œ API 섀계 λͺ…μ„Έμ„œ

βœ” μ‹€μ „ 팁:

  • ERD 그리기: μ‹œμž‘ 전에 κΌ­ κ΄€κ³„ν˜• 도식화 (예: dbdiagram.io, DrawSQL)
  • μ •κ·œν™” vs λΉ„μ •κ·œν™”: ν”„λ‘œμ νŠΈ 규λͺ¨μ— 따라 νŒλ‹¨ν•˜λ˜, μ„žμ§€ 말 것
  • λͺ¨λΈ 뢄리 κΈ°μ€€: β€œμ΄ μ •λ³΄λŠ” λ‹€λ₯Έ λŒ€μƒμ—κ²Œλ„ 쓰일 수 μžˆλŠ”κ°€?”λ₯Ό 물어보기

2. ❗ 쀑볡 μ½”λ“œκ°€ λˆˆμ— 띄면 무쑰건 μ»΄ν¬λ„ŒνŠΈλ‘œ 묢자

AIλŠ” 같은 UI μ½”λ“œλ₯Ό μ—¬λŸ¬ νŒŒμΌμ— λ³΅λΆ™ν•˜λŠ” κ²½μš°κ°€ λ§ŽμŠ΅λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄, 헀더, λ²„νŠΌ, νŽ˜μ΄μ§€ λ ˆμ΄μ•„μ›ƒ λ“±.

πŸ’‘ 팁:

  • PageLayout, Header, SearchBar, Modal 같은 곡톡 UI μ»΄ν¬λ„ŒνŠΈλ₯Ό μ΄ˆλ°˜μ— 미리 λ§Œλ“€μ–΄λ‘μ„Έμš”.
  • 쀑볡이 보이면 λ°”λ‘œ β€œμ΄κ±° μ»΄ν¬λ„ŒνŠΈλ‘œ λΆ„λ¦¬ν•΄μ€˜β€λΌκ³  μš”μ²­ν•˜μ„Έμš”.


3. ❗ “λ°μ΄ν„°λŠ” μ„œλ²„μ—μ„œ 계산”이 기본이닀

AIλŠ” μ’…μ’… 전체 데이터λ₯Ό 가져와 ν΄λΌμ΄μ–ΈνŠΈμ—μ„œ κ³„μ‚°ν•˜κ²Œ λ§Œλ“­λ‹ˆλ‹€. 이건 특히 톡계 νŽ˜μ΄μ§€λ‚˜ λŒ€μ‹œλ³΄λ“œμ—μ„œ 자주 λ°œμƒν•©λ‹ˆλ‹€.

AIλŠ” 톡계λ₯Ό λ³΄μ—¬μ£ΌλŠ” κΈ°λŠ₯μ—μ„œ 전체 데이터λ₯Ό λΆˆλŸ¬μ™€ λΈŒλΌμš°μ €μ—μ„œ 직접 κ³„μ‚°ν•˜μžκ³  ν–ˆμŠ΅λ‹ˆλ‹€. κ²°κ³ΌλŠ”?

  • νŽ˜μ΄μ§€ λ‘œλ”© 느림
  • μ“Έλ°μ—†λŠ” 데이터 전솑
  • λΈŒλΌμš°μ € μžμ› λ‚­λΉ„

πŸ’‘ μ„œλ²„μ—μ„œ κ³„μ‚°ν•˜κ³  결과만 보내면 속도, 효율, UX λͺ¨λ‘ ν–₯μƒλ©λ‹ˆλ‹€.

βœ” μ‹€μ „ 팁:

  • APIμ—μ„œλŠ” 합계, λΉ„μœ¨, 평균 λ“± κ³„μ‚°λœ κ°’λ§Œ 리턴
  • ν΄λΌμ΄μ–ΈνŠΈλŠ” λ‹¨μˆœν•œ λ Œλ”λ§ μ „μš©μœΌλ‘œ μœ μ§€
  • ν•„μš”ν•˜λ‹€λ©΄ useSWRλ‚˜ React Query둜 캐싱 처리

4. ❗ React μ»΄ν¬λ„ŒνŠΈκ°€ λ„ˆλ¬΄ λ˜‘λ˜‘ν•˜λ©΄ ν…ŒμŠ€νŠΈκ°€ λΆˆκ°€λŠ₯ν•΄μ§„λ‹€

λΉ„μ¦ˆλ‹ˆμŠ€ 둜직, API 호좜, UI λ Œλ”λ§μ„ ν•œ μ»΄ν¬λ„ŒνŠΈμ— λͺ¨λ‘ λ•Œλ € λ„£λŠ” 건 μ§€μ–‘ν•΄μ•Ό ν•©λ‹ˆλ‹€.

πŸ’‘ μ‹€μ „ νŒ¨ν„΄:

  • Component = UI만
  • Hook = μƒνƒœ 관리
  • Service = λΉ„μ¦ˆλ‹ˆμŠ€ 둜직
  • Repository = API, DB 호좜

5. ❗ κΈ°λŠ₯ 쀑심 κ΅¬ν˜„λ³΄λ‹€ “도메인 쀑심 섀계”κ°€ μ€‘μš”ν•˜λ‹€

AIλŠ” 보톡 “이 κΈ°λŠ₯을 μ–΄λ–»κ²Œ κ΅¬ν˜„ν• κΉŒ?”에 μ§‘μ€‘ν•©λ‹ˆλ‹€. ν•˜μ§€λ§Œ μš°λ¦¬λŠ” β€œμ΄ κΈ°λŠ₯이 μ–΄λ–€ 도메인에 속해 있고, μ•žμœΌλ‘œ μ–΄λ–»κ²Œ ν™•μž₯λ κΉŒβ€λ₯Ό 생각해야 ν•©λ‹ˆλ‹€.

πŸ’‘ 예:

β€˜λΆλ§ˆν¬ κΈ°λŠ₯’을 λ§Œλ“€λ”λΌλ„,
β€˜λΆλ§ˆν¬β€™λΌλŠ” 도메인 μ•ˆμ— λ“€μ–΄κ°€λŠ” μƒνƒœ, 이벀트, μ†Œμœ μž 관계λ₯Ό λ¨Όμ € μ •μ˜ν•˜κ³  μ‹œμž‘ν•΄μ•Ό ν•©λ‹ˆλ‹€.


6. ❗ AI의 μ œμ•ˆμ„ 100% λ―Ώμ§€ 말자 – λ°˜λ“œμ‹œ λ¦¬λ·°ν•˜μž

AIλŠ” 정닡을 “확신에 μ°¨μ„œ” λ§ν•˜μ§€λ§Œ, μ’…μ’… μ„±λŠ₯ 이슈, λ³΄μ•ˆ 취약점, 논리적 였λ₯˜λ₯Ό ν¬ν•¨ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.

πŸ’‘ 팁:

  • “μ™œ μ΄λ ‡κ²Œ μ§°λŠ”μ§€ μ„€λͺ…ν•΄μ€˜”라고 AIμ—κ²Œ λ¬Όμ–΄λ³΄μ„Έμš”.
  • Copilotμ΄λ‚˜ Claudeκ°€ μ§œμ€€ λ‘œμ§μ€ λ°˜λ“œμ‹œ ν…ŒμŠ€νŠΈ μ½”λ“œλ₯Ό ν•¨κ»˜ λ§Œλ“€ 것.

7. ❗ μ„€κ³„λŠ” μ‚¬λžŒμ΄, κ΅¬ν˜„μ€ AIκ°€ β€” 역할을 λ‚˜λˆ„μž

AIμ—κ²Œ 맑겨야 ν•  건 β€œλ°˜λ³΅μ  κ΅¬ν˜„β€,
μ‚¬λžŒμ΄ ν•΄μ•Ό ν•  건 β€œμ„€κ³„, ꡬ쑰, νŒλ‹¨, 뢄리, λ¬Έμ„œν™”β€μž…λ‹ˆλ‹€.

기획 β†’ 섀계 β†’ νŒ¨ν„΄ μ •μ˜ β†’ μ»΄ν¬λ„ŒνŠΈ ꡬ쑰화
이걸 μ‚¬λžŒμ΄ λ¨Όμ € ν•œ λ‹€μŒ, κ·Έ μ•ˆμ—μ„œ AIκ°€ μΌν•˜κ²Œ ν•˜μ„Έμš”.


βœ… 마무리 체크리슀트

체크 ν•­λͺ©μ™„λ£Œ μ—¬λΆ€
DB μŠ€ν‚€λ§ˆλ₯Ό 직접 μ„€κ³„ν–ˆλ‹€βœ…
전체 μ‹œμŠ€ν…œ 흐름도λ₯Ό κ·Έλ €λ΄€λ‹€βœ…
곡톡 μ»΄ν¬λ„ŒνŠΈλ₯Ό μ •μ˜ν–ˆλ‹€βœ…
μ„œλ²„μ—μ„œ 계산, ν΄λΌμ΄μ–ΈνŠΈλŠ” ν‘œμ‹œλ§Œ ν•˜κ²Œ λ§Œλ“€μ—ˆλ‹€βœ…
μ»΄ν¬λ„ŒνŠΈκ°€ κ³Όλ„ν•œ λ‘œμ§μ„ ν¬ν•¨ν•˜μ§€ μ•ŠλŠ”λ‹€βœ…
AI μ½”λ“œ κ²°κ³Όλ₯Ό 직접 λ¦¬λ·°ν–ˆλ‹€βœ…
도메인 μ€‘μ‹¬μœΌλ‘œ ꡬ쑰λ₯Ό μ„€κ³„ν–ˆλ‹€βœ…

πŸ“Œ κ²°λ‘ 

AI μ½”λ”© λ„κ΅¬λŠ” 도ꡬ일 λΏμž…λ‹ˆλ‹€. λ°©ν–₯ μ„€μ • 없이 λ§‘κΈ°λ©΄ 빨리 λ§κ°€μ§€λŠ” μ½”λ“œκ°€ λ©λ‹ˆλ‹€.
μš°λ¦¬κ°€ ν•΄μ•Ό ν•  일은 섀계λ₯Ό λ¦¬λ“œν•˜κ³ , AIλŠ” κ·Έ 흐름 μ•ˆμ—μ„œ 싀행을 λ§‘κΈ°λŠ” κ²ƒμž…λ‹ˆλ‹€.

AIλ₯Ό 잘 μ“°λŠ” κ°œλ°œμžλŠ” “λΉ λ₯΄κ²Œ λ§κ°€λœ¨λ¦¬λŠ” 힘”을 “λΉ λ₯΄κ²Œ μ„±μž₯μ‹œν‚€λŠ” 힘”으둜 λ°”κΎΈλŠ” μ‚¬λžŒμž…λ‹ˆλ‹€.


λ‹΅κΈ€ 남기기

이메일 μ£Όμ†ŒλŠ” κ³΅κ°œλ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. ν•„μˆ˜ ν•„λ“œλŠ” *둜 ν‘œμ‹œλ©λ‹ˆλ‹€