SPA 구조 설계와 라우터 구현, 옵저버 패턴 학습 경험 공유

핵심 기술: SPA 구조 설계, 클라이언트 사이드 라우팅, 옵저버 패턴을 활용한 상태 관리.

기술적 세부사항:
* SPA 구조 설계: 폴더 구조 정의를 통한 컴포넌트 기반 아키텍처 설계.
* 라우터 구현: URL 변경에 따른 화면 재렌더링 방식 사용 (직접 URL 변경 및 재렌더링).
* 상태 관리 (옵저버 패턴):
* 상태 변경 시 구독자(Observer)에게 알림을 보내는 디자인 패턴.
* Observable (상태 보유, 변경 시 알림), Observer (알림 수신 및 동작), subscribe() (구독자 등록), notify() (구독자 알림 전송) 구성 요소.
* createObserver.js: subscribe, unsubscribe, notify 기능을 제공하는 유틸리티.
* createState.js: initialState를 받아 subscribe, setState, getState 기능을 제공하는 상태 관리 훅.
* 문제 해결 방식: 초기에는 혼자 개념 학습, 이후 동료에게 질문하고 타인 코드 참고.

개발 임팩트: SPA의 기본 구조 설계 원칙을 이해하고, 라우팅 및 상태 관리 패턴의 실제 적용 방법을 학습하여 개발 생산성 및 코드 유지보수성 향상에 기여할 수 있음.

커뮤니티 반응: (원문에 직접적인 커뮤니티 반응 언급 없음)

톤앤매너: 실제 개발 과정에서 겪은 어려움과 해결 과정을 솔직하게 공유하며, 기술 학습의 중요성을 강조하는 친절하고 정보성 있는 톤.