(TIL) 2020-11-04 기록

오늘 한 일

• 오늘 공개 보이스 녹음 화면을 싹 갈아엎었다. 조건 기반이 아닌 라우트 기반으로 바꾸고 녹음 화면 -> 녹음 완료 화면 -> 캡션 작성 화면 이렇게 넘어가도록 만들었다.
• 배경을 투명하게 한 라우트의 문제점은 스택을 하기가 좀 애매하다는 것이다. 뒤로 가기 기능을 작동하게 하려면 pop을 하는 게 가장 깔끔한데 스택을 하면 반투명한 배경들이 자꾸 쌓인다. 그렇다고 replace를 하게 되면 보기에는 좋지만 이전 화면으로 돌아가려면 다시 replacepush를 해야한다. 썩 자연스럽지는 않은 것 같다.
• 그래도 공통적인 state를 state management 기법으로 관리해두면(나는 가볍고 편한 Provider + ChangeNotifier 패턴을 쓴다.) 스크린 간에 정보 교환은 어렵지 않다.
• JS의 eventListner에 대해서 배웠다. eventlistner 속에서 DOM Manipulation 하는 것을 배웠다.
• event listner로 키보드 특정 키 누름을 listen 하는 것을 배웠다.
• JS 내에서 음성 파일을 재생하는 법에 대해 배웠다.

  모레 할 일

• 캡션 작성 화면을 완성해야 한다. 이 부분은 태그 추천 기능 때문에 시간이 조금 걸릴 수도 있을 것 같다.
• 웹페이지에 애니메이션을 추가하는 법에 대해 배울 것이다.
• jQuery에 대해 배우기 시작할 것 같다.