본문 바로가기

분류 전체보기

 (325)
20201204 T.I.L - 모달 창만 하루 종일 만들었는데 완성을 못했다. ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ 모달창이 이렇게 어려움 작업일 줄이야. 어렵다. 새삼 유튜브 플랫폼이 너무너무 멋있어 보이고 존경스럽다. 거의 완성은 해뒀으니 테스트를 잘 짜고 싶은데 여기서 어렵다 ㅜㅜ 참;;; 천천히 잘 완성시켜 봐야겠다. 이번 주 단계가 끝나면 리팩터링에 집중해야겠다는 생각이 든다. 열심히 정리해서 만든다고 만들었는데 그래도 아직도 많이 부족해 보인다. 열심히 완성해야지!
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 할당량이 너무너무너무 모자르다. 근데 증설 신청방법도 뭔가 굉장히 까다롭고 자칫하다 기존의 할달량까지 뺏겨버린다는 무시무시한 이야기를 들었다 ㄷㄷㄷ. 자중하고 일단 절약하는 방향으로 만들어보자. - 내일 할 스터디를 위한 함수형 자바스크립트 이번 분량을 읽었는데 진짜 뭐가 뭔지 하나도 모르겠다. 내일은 스터디 하기 전까지 스터디 전 공부에 온 시간을 투자해야 할 것같다. ..
20201129 코드숨 10주차 회고 10주 차 주간 회고 한 일 개인 프로젝트 시작하기 youtube api를 이용한 플레이리스트 제작 함수형 자바스크립트 스터디 시작 배운 점 자주 변화하는 것들은 local state로 redux와 별개로 상태를 관리해 줄 수 있다. youtube iframe api를 이용해 iframe을 조작하는 법을 배웠다. gh-page 를 이용해서 배포하는 법을 배웠다. dotenv-webpack으로 api키를 숨기는 방법을 알게 되었다. 느낀 점 & 자기 선언 스터디를 시작했다. 역시 공부한 건 나눌 때 시너지가 나는 것 같다. 내가 모르던 혹은 애매하게 알고 있던 개념들도 더 정확하게 알 수 있고 스터디를 준비하면서 혼자 책을 읽을 때보다 더 꼼꼼하게 공부 할 수 있어서 좋다. 과제에 적용을 시켜보고 싶은데 ..
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도 숨겨줘야 한다. 나머지는 술술 됐는데 여기서 많이 막혀서 시간이 걸리는 것 같다. 그래도 단계 건너뛰지 말고 차근차근 가보자고 다짐했다. 내일부터 시작할 스터디를 위한 함수형 자바스크립트 책을 읽기 시작했다. 세시간을 읽었는데 잘 모르겠다. ㅋㅋㅋㅠ 내일 다시 꼼꼼히 읽어봐야겠다. 내일은 코드보다 공부위주의 하루를 보내야겠다.

티스토리툴바