20210421(수)

2021-04-21

1. 학습 날짜

• 2021-04-21

2. 학습 시간

• 13:00 ~ 21:00

3. 학습 범위 및 주제

• 블랙커피스터디 미션3 기본 뼈대 만들기

4. 학습 목표

• 블랙커피스터디 미션3 뼈대 만들기

5. 학습 정리

• x

6. 상세 학습 내용

• 미션3의 초반 부분에서 도대체 어떻게 해야할지에 대한 생각을 많이한거같다.

• 왜냐하면 기존에는 하나의 html 파일만 이용을 했기에 하나의 컨트롤러와 뷰, 모델을 이용했었는데 미션3에서는 2개의 html 파일을 이용해야 했기 때문이다.

• 그런데 생각해보니 그냥... 각 파일마다 하나의 컨트롤러와 그에 해당하는 뷰 모델을 만들어주면 되는 거였다. 딱히 어려운건 아니었다.

• 미션3의 todoList 는 팀을 위한 리스트인데, 각 팀에 접속하면 팀원들의 모든 todoList 가 렌더링이 되어야한다.

• 그리고 각각에 대해서 todo를 추가하고 삭제, 수정 등 이전에 가능했던 모든 동작을 수행할 수 있어야한다.

• 이런 이벤트 등록 부분을 아직 어떻게 해야할지 감이 잘 잡히지 않는다....

• team index 페이지에서 특정 팀을 누르면 a 태그로 인해 그 페이지로 바로 이동하게 되는데, 이동했을 때 kanban 페이지에서는 어떻게 자신의 팀인지를 구별할지에 대해서도 처음에 조금 생각을 해봤다.

• 그런데 이건 당연한게 그냥 a태그로 이동할 때 쿼리로 넘기면 되는 간단한 문제였다.

• 이 과정에서 좋은 api 를 발견했는데, URLSearchParams 라는 메서드다. 이 메서드는 안타깝게도 IE에서는 사용이 불가능하지만, 대부분에서는 사용이 가능했기에 그냥 사용했다.

• 해당 메서드에 인자로 ? 로 나눠진 쿼리를 던져주면 params 를 준다. 여기서 get 등의 메서드를 통해 바로 값을 찾아올 수 있게 된다.

7. 오늘 학습 내용에 대한 개인적인 총평

• 흠... 이렇게 만드는게 좋은 방법인지는 잘 모르겠다.

8. 다음 학습 계획

• 블랙커피3단계 미션 끝내기