본문 바로가기

TIL152

220822 주말에 쉬어서 그런지 오늘은 의욕이 없었다. 오늘부터는 코테를 열심히 풀기로 했는데 나만 문제를 어떻게 해결해야할지 이해조차 못하고 있으니 답답했고 혼자 계속 한 문제만 붙잡고 있는것도 창피했다,, 한동안 코테를 안풀었더니 그런것같다ㅜ 그래도 계속 붙잡고 있었던 코테 문제를 해결해서 다행이었다,, 이번 문제를 풀면서 맵에 대해서 다시 공부할 수 있었고 매핑이랑 디스트럭쳐링을 어떻게 해야되는것인지에 대해서도 알게 되었다. 해시맵으로 나타내는 문제는 코테에서 종종 마주쳤었던 문제인데 이번을 기회로 잘 알아둬서 다음 문제를 헤매지 않고 잘 풀 수 있도록 해야겠다.! 2022. 8. 22.
220819 오늘 자정까지 과제 제출이었는데 정말 자정까지 하게 될줄이야.. 동영상 하단에 컨트롤 바 부분 기능 구현을 못해서 급박하게 진행했다. 시간 표현하는 부분도 00:00으로 나타낼 수 있게 디테일한 부분 수정해줬고 동영상 5초 전/후로 이동하는 버튼이랑 음소거 버튼이랑 음량 조절 부분을 오늘 하루만에 다 한듯하다. 음소거는 mediaElement 이벤트에 muted가 있어서 이걸 사용해줬다. 5초 전후로 이동하는거는 currentTime에서 5 더하고 빼서 해줬다. 볼륨 조절도 volume 이벤트를 사용했다. 그리고 2시간? 3시간 남기고 리팩터링 겨우해서 과제 제출했다,, 이번 과제를 통해서 프로젝트를 할때보다 많은것을 배울 수 있었고 구글링을 할때에는 mdn 문서를 먼저 참고해야겠다. 2022. 8. 19.
220818 오늘도 타입스크립트 에러를 고쳤다. 우선, 타입 에러 나는 것은 무시하고 기능 구현에 신경 썼다가 타입에러도 좀 잡아줬다. 내일까지 기능 구현을 완료 해야하는데 완성할 수 있을지 모르겠다. 또 동영상 하단에 컨트롤 바를 새로 만들어서 하다보니까 부모자식 컴포넌트가 좀 복잡(?)하게 되어있어서 props를 어떻게 넘겨줘야하는지 고민했다. 현재 컴포넌트가 video 컴포넌트의 자식으로 progress 컴포넌트가 있고 또 video 컴포넌트의 자식으로 control 컴포넌트가 있는데 progress에서 control로 props를 어떻게 넘겨주어야할지 ,,, 해결을 못했다. .. 그래서 그냥 progress의 자식으로 control 컴포넌트를 둬서 나름 해결을 했다. 그래도 이렇게 하니까 props를 넘겨 받.. 2022. 8. 18.
220817 형제 태그에서 호버를 적용했다. 형제 태그에서 호버를 적용하는건 좀 달라서 찾느라 좀 애먹었다. 결론은 ~ &를 붙여줘야한다는거다. 그리고 갑자기 과제 메인 페이지에 react랑 typescript를 사용해서 과제를 하라는 문구를 발견했다,,, 원래 없었던것같은데,,, 자바스크립트로 하고있었어서 당황했지만,, 얼른 타입스크립트로 바꿨다.,, 타입 에러를 고치느라 시간이 좀 걸려서 나머지 기능구현을 할 수 있을지 걱정이다. 동영상 하단에 play, pause 버튼 기능을 완성했다. 2022. 8. 18.