항해 플러스 프론트엔드 3기 1주차 회고

1. 문제 (과제, 프로젝트를 진행하면서 부딪혔던 기술적인 문제)

그으냥 혼란 그 자체..!
주어진 요구사항과 테스트 코드를 그냥 하나하나 풀어가는 느낌으로 진행했더니 끝 쪽으로 가서 다 갈아엎어야 했다! <- 가장 큰 문제
여러가지 문제가 있었지만 가장 컸던 건 라우터 구현 관련이었다!

문제 상황

1. 라우터로 사용할 객체를 만들었음
2. 각 패스에 적절한 라우터 핸들러를 만들었음
3. 핸들러 안에 라우터.navigateTo가 있어서 순환 참조 해버림..!

2. 시도

main.js에서 router를 전역에 불러올 때 실행 순서가 지켜지도록 처리함

3. 해결

router.js <- router, router.navigateTo 두 객체 export
routerSetup.js <- router를 import해서 router.addRoute 처리 된 router를 다시 export
main.js <- 위에서 처리한 router를 받아서 initRouter 실행(initRouter 안에 navigateTo가 있어서!)
이런식으로 파일을 분리해서 실행 순서가 지켜지도록 처리하였음

4. 알게된 것

History API로 SPA 구현이 가능하구나

---

Keep : 현재 만족하고 계속 유지할 부분

포기하지 않고 어떻게든 했당~

Problem : 개선이 필요하다고 생각하는 문제점

P1. 발제 때 내용 이해를 바로바로 못하겠음
P2. 과제를 진행하다보니 나중에 설계를 다 바꾸는 경우가 생김

Try : 문제점을 해결하기 위해 시도해야 할 것

P1. 발제 전에 읽어야 할 것들 다 읽기!
P2. 과제 전체를 보고 설계를 미리해보자