Skip to content

Conversation

@BHyeonKim
Copy link
Contributor

📝 요약(Summary)

프로젝트 개발 과정에서 겪은 기술적 도전과 해결 과정을 정리한 개발 후기 문서들을 추가했습니다. CI/CD 구축, 차트 성능 개선, 웹소켓 아키텍처 최적화 등의 핵심 기술적 경험을 문서화하여 향후 프로젝트와 팀원들에게 도움이 되도록 했습니다.

🛠️ PR 유형

어떤 변경 사항이 있나요?

  • 새로운 기능 추가
  • 버그 수정
  • CSS 등 사용자 UI 디자인 변경
  • 코드에 영향을 주지 않는 변경사항(오타 수정, 탭 사이즈 변경, 변수명 변경)
  • 코드 리팩토링
  • 주석 추가 및 수정
  • 테스트 추가, 테스트 리팩토링
  • 빌드 부분 혹은 패키지 매니저 수정
  • 문서 수정
  • 파일 혹은 폴더 수정/삭제

📚 추가된 문서들

1. CI/CD 구축 후기 (docs/[개발후기]CI-CD.md)

  • Docker, GitHub Actions, AWS EC2를 활용한 배포 파이프라인 구축 과정
  • 배포 우선 개발 전략(Deployment-First) 경험
  • 5서버 분산 아키텍처 구성 (프론트엔드, 백엔드, AI서버, 리버스프록시, DB)
  • HTTPS/SSL 설정 및 성능 최적화 과정

2. 차트 성능 개선 후기 (docs/[개발후기]-차트성능개선.md)

  • AmCharts 5에서 TradingView Lightweight Charts로 마이그레이션
  • Canvas 기반 렌더링 성능 최적화 (40-50 → 80+ Lighthouse 점수)
  • 무한 스크롤 구현을 통한 대용량 데이터 처리
  • 명령형 API를 선언형으로 변환하는 React 패턴

3. 웹소켓 개선 후기 (docs/[개발후기]-웹소켓개선.md)

  • 개별 STOMP 클라이언트에서 단일 인스턴스 공유 방식으로 리팩토링
  • Provider 패턴을 활용한 실시간 통신 아키텍처 최적화
  • SSR 하이드레이션과 웹소켓 연결 지연 문제 해결
  • 연결 효율성 80% 개선 (6개 → 1개 연결)

4. README 업데이트

  • 개발 후기 문서들의 링크를 메인 페이지에 추가
  • 프로젝트 기술적 도전과 해결 과정 접근성 향상

💬 공유사항 to 리뷰어

이번 문서화 작업을 통해 다음과 같은 가치를 제공하고자 했습니다:

  • 기술적 경험 공유: 실제 프로덕션에서 겪은 문제와 해결 과정을 상세히 기록
  • 향후 프로젝트 참고자료: 유사한 기술적 도전 시 참고할 수 있는 실전 경험
  • 팀 지식 축적: 개발 과정에서의 시행착오와 최적화 과정을 팀 자산으로 보존

특히 성능 최적화와 아키텍처 개선 과정에서의 구체적인 수치와 코드 예제를 포함하여 실용적인 가치를 높였습니다.

✅ PR Checklist

PR이 다음 요구 사항을 충족하는지 확인하세요.

  • 커밋 메시지 컨벤션에 맞게 작성했습니다.
  • 변경 사항에 대한 테스트를 했습니다.(버그 수정/기능에 대한 테스트).

@BHyeonKim BHyeonKim merged commit a0d14f5 into main Aug 2, 2025
0 of 2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants