과제 체크포인트 업데이트

README.md

@@ -3,11 +3,11 @@
 ### 기본과제
 
 #### 1) 라우팅 구현:
-- [ ] History API를 사용하여 SPA 라우터 구현
-  - [ ] '/' (홈 페이지)
-  - [ ] '/login' (로그인 페이지)
-  - [ ] '/profile' (프로필 페이지)
-- [ ] 각 라우트에 해당하는 컴포넌트 렌더링 함수 작성
+- [X] History API를 사용하여 SPA 라우터 구현
+  - [X] '/' (홈 페이지)
+  - [X] '/login' (로그인 페이지)
+  - [X] '/profile' (프로필 페이지)
+- [X] 각 라우트에 해당하는 컴포넌트 렌더링 함수 작성
 - [ ] 네비게이션 이벤트 처리 (링크 클릭 시 페이지 전환)
 - [ ] 주소가 변경되어도 새로고침이 발생하지 않아야 한다.
 
@@ -69,19 +69,33 @@
 - [ ] 이벤트 위임 방식으로 이벤트를 관리하고 있다.
 
 ## 과제 셀프회고
-
+그동안은 코드는 고치고 짜 봤지만 프레임워크를 쓰지 않고 웹 페이지를 만드는 것에 대해서는 생각해본 적이 없었다.
+document.location.href 를 조작하는 원시적인 방식 이외에도 기본 제공되는 방식을 사용해서
+프레임워크 내부의 구현 방식을 직접 해볼 수 있다는 점이 신선했다. 
+코테와 기존 코드 유지보수에서 벗어나서 본질을 생각해 볼 수 있는 과제였다.
+web과 자바스크립트의 기본적인 지식이 부족하다는 것을 느꼈다.
 
 ### 기술적 성장
-
+- 새로 학습한 개념 : 라우터, pushState
+- 프레임워크 메뉴얼을 사용하지 않고도 다양한 방법으로 구현을 시도해 본 점
 
 ### 코드 품질
-
+- 심화 과제와 리팩토링을 아예 못해본 점이 아쉽다.
+- svelte나 vue처럼 한 파일 안에 컴포넌트 HTML, 그에 딸린 메서드를 동시에 구현해서 유지보수가 쉬운 모양으로 만들고 싶었는데
+  이것 보다 깔끔하고 보기 쉬운 레이아웃(ex. html을 단순 String이 아닌 html 형식으로 표시하거나...)으로 변경해보았다면 좋았을 것 같다.
+- 
 
 ### 학습 효과 분석
-
+- web페이지 이동 방식에 대해 이해.
+- 주니어 실무에는 어떻게 적용할 수 있을지 잘 모르겠지만 (보통 프레임워크를 사용하고, 그 프레임워크 방식대로 구현하게 되므로)
+  후에 시니어가 되면 세팅을 하면서 써볼 수 있지 않을까 생각한다. 
 
 ### 과제 피드백
-
+- 라우터 기본 개념을 모르는 상태에서 과제를 하려니 처음 시작을 어떻게 해야 할지 막막했습니다.
+- 도움되는 자료를 많이 올려주셨는데, 오히려 너무 많아서 정말 과제에 필요한 내용이 무엇인지와 알아두면 좋을 내용이 무엇인지 구분이 잘 안되었습니다.
+- 
 
 ## 리뷰 받고 싶은 내용
-
+- 지금은 HTML코드가 단순 String으로 되어있는데, vs code에서 html형식으로 보려면 어떻게 수정하는 게 가장 빠르고 단순할까요?
+- 컴포넌트가 많아지면 어떻게 정리를 하면 좋을지. 회사에서는 vue와 svelte를 써봤는데, 컴포넌트가 많아지면 많아질수록 메서드가 사방 팔방으로 흩어지고
+  재사용이 어려워진다고 느껴졌습니다. A페이지와 B페이지에서 공용으로 사용하는 컴포넌트(C)가 있다면 A 페이지와 B 페이지에서 사용되는 각각의 메서드들을 다른 회사에서는 어떻게 정리하는 편인지?