본문 바로가기

Life

 (242)
20201203 T.I.L -아침에 상큼하게 웹팩으로 빌드한 이미지 파일에서 만들어진 테스트 오류를 해결하기 위해 jest의 moduleNameMapper 설정을 변경해 주었다. 그리고는 테스트가 무리 없이 통과되길래 다음 내비게이션 바를 만드는 부분으로 넘어가 내비게이션 바를 완성시켰는데 이게 웬걸... 다 완성된 후에야 그전에 작업한 게 잘못되었다는 걸 깨달았다. 재생 이미지가 화면에 안 뜨는 걸 확인했기 때문이다 ㅜㅜㅜ. 이 문제를 바로 잡는 데 엄청 오랜 시간이 걸렸다. 어휴 file-loader와 url-loader를 둘 다 이용해고 둘 다 모킹 해야 한다는 걸 알고 이렇게 간단한 문제였다니... 하는 약간의 허탈감? 이 들었지만 이렇게 한 수 배워서 이미지를 더 추가하는 것은 무리가 없겠다는 생각을 했다. -그리고 마이..
20201202 T.I.L - 하루종일 함수형 자바스크립트 공부하다 스터디까지 완료했다. - 혼자 읽어서 알쏭달쏭한 부분들이 많았는데 스터디에서 잘 정리해서 많이 배웠다. 약간 오늘은 머리 과부화 되어서 더이상 지식이 안 들어가는 듯해서 읽어도 잘 모르는 느낌이 드니 내일 다시 시간을 쪼개서 이해 안됐던 부분들을 또 읽어봐야겠다. - 책을 미리미리 주말부터 조금씩 읽는 습관을 들여야겠다. 이틀만에 다보려니 잘 정리가 안된다. - 그래서 오늘은 프로젝트에 손을 대지 못했다. 아직 png 파일을 모킹해놔야 하는 부분을 해결하지 못해 이것부터 마무리 해야할 것 같고 오늘 책에서 나와서 처음으로 써본 lodash를 꼭 써보고 싶은 마음이 든다. - 내일도 화이팅!
20201201 T.I.L - youtube api를 외부에서 제어하는 방법을 며칠동안 찾고 찾고 또 찾다가 이제야 방법을 알고 거의 다 완성했다. 고생한만큼 뿌듯하다. - range input의 매력에 흠뿍빠졌다. 음량 조절, 진행 바 모두 range input으로 완성시켰다. div로 진행 바 만드는 것보다 이렇게 조작이 간단하다니 놀랍다. - youtube 할당량이 너무너무너무 모자르다. 근데 증설 신청방법도 뭔가 굉장히 까다롭고 자칫하다 기존의 할달량까지 뺏겨버린다는 무시무시한 이야기를 들었다 ㄷㄷㄷ. 자중하고 일단 절약하는 방향으로 만들어보자. - 내일 할 스터디를 위한 함수형 자바스크립트 이번 분량을 읽었는데 진짜 뭐가 뭔지 하나도 모르겠다. 내일은 스터디 하기 전까지 스터디 전 공부에 온 시간을 투자해야 할 것같다. ..
20201127 T.I.L - 프로젝트의 플레이어 재생 정지 기능까지 완료했다. youtube iframe api를 사용하는 것이 생각보다 수월하지가 않아서 시간이 좀 걸리면서 애 먹었지만 결국 react-youtube 라이브러리를 사용하면서 완성을 했다. 아직 볼륨 조절이나 진행상황 바랑 할 게 엄청 남았지만 뭔가 지금 기능 만으로도 거의 완성한 것만 같은 기분으로 느껴져서 기분이 좋았다. iframe은 테스트하는 것이 아니라는 조언의 말을 듣고 어디까지 테스트하고 어디까지는 테스트를 하지 않아도 되는지 약간 고민이 되기는 한다. 아직 테스트를 완전히 간파하기에는 실력이 부족한다보다 ㅜㅜ 지금은 다음 재생곡 리스트를 하나씩 작성하고 있는데 한 스텝 한스텝이 쉽지 않다. 그래도 천천히 하나씩 완성시켜봐야겠다!
20201125 T.I.L - 점심 먹기 전까지 axios 테스트 부분과 dotenv-webpack으로 API key를 숨기는 것까지 완료했다. 완료하고 더 리팩터링 할 곳은 없는지 다시 쭉 살펴보고 고치고 저녁에 있을 스터디를 위해 함수형 자바스크립트를 2차로 자세히 읽기 시작했다. 읽다 보니 내 코드의 허점이 슝슝 보였다. 역시 앎이란 무서운 것.. 내 코드가 부끄러워졌다 ㅜㅜ ㅋㅋㅋㅋ 코드 작성도 좋지만 공부와 함께 해야 발전이 있다는 것을 다시 한번 느꼈다. 내일 다시 리팩토링 해봐야겠다. 함수형 자바스크립트 스터디를 시작했다. 매일 아무 지식이 없는 코린이임을 들키기 싫어서 열심히 읽고 준비하고 가는데 다행히 이번엔 들키지 않은 모양이다. 하지만 열심히 읽었다고 생각했던 그러니까 이제 이전 도면 안다고 생각했던 정도가 정..
20201124 T.I.L - api 적용을 완료했다! 이제는 카테고리를 클릭하면 리스트가 보인다. 여기까지 온 게 감격이다 ㅎㅎㅎㅎ. api적용이 너무 험난한데 갈길이 아직도 멀다. axios 테스트도 하는 방법을 열심히 더 찾아봐서 해야 하고 dotenv로 api key도 숨겨줘야 한다. 나머지는 술술 됐는데 여기서 많이 막혀서 시간이 걸리는 것 같다. 그래도 단계 건너뛰지 말고 차근차근 가보자고 다짐했다. 내일부터 시작할 스터디를 위한 함수형 자바스크립트 책을 읽기 시작했다. 세시간을 읽었는데 잘 모르겠다. ㅋㅋㅋㅠ 내일 다시 꼼꼼히 읽어봐야겠다. 내일은 코드보다 공부위주의 하루를 보내야겠다.
20201123 T.I.L -첫 배포를 시도했다. 실제로 url을 치고 들어가서 화면이 나온다는 자체가 신기했다. 물론 아직 진행된 것보다 없는 것들이 더 많지만 매번 배포를 해서 작업내용을 그때그때 볼 수 있게 하고 싶다. 배포에 대한 도움을 받다가 dotenv 라이브러리가 있다는 것을 알게되었다. 활용하려다 아직 잘 못해서 내일로 할 일을 넘기기는 했지만 내일은 잘 사용해봐야겠다. 또 유저 인터페이스 아키텍쳐를 완성했다. 그동안 이 계획이 잘 안 서서 갈팡질팡 진도가 안 나가고 있었는데 완성한 게 정말 후련하다. 이제는 속도 업! 해서 작업해야겠다.
20201121 T.I.L - 뭔가 조금씩 진전은 되고 있는 느낌이다. 데이터를 어떻게 작성할 것인지에 대한 것도 조금씩 분명해지고 어떻게 무엇을 보여줄 것인지가 조금씩 명확해지는 느낌?? 이 든다. 두 개의 페이지로 나누어 라우터로 연결까지 해주니 페이지가 나름 하나의 기능은 구현이 됐다는 생각이 든다. 차근차근 잘 진행해봐야겠다. 다음 주는 클린 아키텍처와 함수형 자바스크립트 책 읽는 것도 놓치지 않고 해야겠다!

티스토리툴바