20210205(금)
2021-02-05
1. 학습 날짜
2020-02-05
2. 학습 시간
11:00 ~ 23:30
3. 학습 범위 및 주제
이벤트
4. 학습 목표
DOM 요소 자체에 이벤트를 걸기
5. 학습 정리
6. 상세 학습 내용
어제까지 액션 케이블을 활용해서 appearance 뷰에서 유저 자체 실시간으로 관찰할 수 있도록 만들었다.
따라서 오늘은 이 유저 자체를 누름으로써 메뉴창을 띄우고 메뉴의 각 요소를 누를 때 적절한 행동을 할 수 있도록 만드는 작업을 했다.
일단 오늘 가장 문제가 되었던건 역시 html, css 였다.... 이 부분은 정말 알면 알수록 더 어려운것 같다.
결국 띄우는데까지 성공했다.
학습했던 부분에서 프론트에서 백으로 데이터를 날릴 때 데이터를 객체로 감싸서 보낼수도 있고 데이터 자체만 보낼때도 있는데 만약 이 둘을 한번에 보낸다면 값을 어떻게 스트롱 파라미터로 받아야 하는지에 대해 고민했었다. 결론은 이 둘을 한번에 받을수는 있지만 require을 사용하지는 않고 permit 만을 사용한다는 것.
또한 view에서의 remove에 대해서도 학습을 했다. 주정님이랑 같이 작업을 할 때 각 view 를 지워줄 때는
this.$el.remove를 이용해서 지우고 있었는데 실상 이건 뷰 객체를 지우는게 아닌 DOM 요소만을 지우는거였다. 왜냐면 this.$el.remove 는 제이쿼리의 함수기 때문.... 이렇게 지우면 뷰 객체에 속한 모델 컬렉션, 그리고 모델과 컬렉션에 listenTO 되어있는 이벤트를 지워주지 못하고 오직 DOM요소와 DOM과 관련된 이벤트만 지워주는 것이다.처음에는 물론 이상이 없겠지만 가면 갈수록 문제가 생길게 뻔했기 때문에 수정했다.
7. 오늘 학습 내용에 대한 개인적인 총평
속도가 너무 느리다. 내가 너무 멍청한가..?
8. 다음 학습 계획
메뉴에 대한 각 기능 정의 및 구현하기
Last updated