태스크 조정으로 FE 리드에 가까운 역할(?)이 되었다. 이번 주엔 페이지 UI 마무리하고 스톱워치 로직 구현하는 게 중심이었다!
후술할 프로젝트 B 합류도 있고, 이래저래 기초를 다시 다지고 싶은 마음이 커서 바닐라 JS 코스 먼저 끝내고 ReactJS로 넘어왔다. 아직은 초반부.
모집 공고보고 냉큼 합류하긴 했는데 아직 태스크 분담이 확실히 안 되어서 대기 중. 일단 시작되면 휘리릭 타임라인 짜여질 것 같기도 해서 분담 받으면 최대한 바로 쳐낼 수 있게 준비를 해야 할 것 같다.
프로젝트를 하면서 axios, styled-components, react-hook-form 등의 라이브러리를 쓰게 됐다. 특히 axios, react-hook-form은 회원가입 구현하면서 접했는데 기말 끝나고 오는 새 많이 까먹어서... 복습이 좀 필요하다 🫠
styled-components: JS로 스타일링 된 페이지 요소를 생성할 수 있게 하는 CSS-in-JS 라이브러리.
-> 간단히 다룰 수 있게 되긴 했는데, 아직 선택자는 헷갈린다. 어떻게 써야 효율적인지에 대해서도 좀 더 공부가 필요할 듯.
-> 그리고 프로젝트하면서 전반적으로 아직 CSS 무지렁이라는 것을 많이 느낀다 ㅋㅋ ㅠ
스톱워치의 시작/일시정지/초기화 구현 로직.
-> 작동 여부(boolean)와 카운터를 사용했다. setInterval로 1초마다 카운터를 증가시키고, 카운터를 시간 포맷으로 변형해 띄워 주는 방식.
-> 서치한 자료 참고해서 useRef()를 사용했는데 이게 정확히 무슨 역할인지 이해하지 못함.
➕ 프로젝트에서 받은 태스크는 밀리지 않고 해결하고 있다. 이건 어떻게 해야 하는지 여기저기 찾아가면서 하고 있는데, 확실히 전에 몰랐던 것들을 다양하게 알아가고 있다.
➕ 노마드코더 강의가 만족스러워서 적정 속도로 진도 빼고 있는 것 같다. 다음 주 안에 리액트 코스 완강하고 Next.JS로 넘어가야지!
➕ 회고 작성법을 고민 중이었는데 나름대로 구성을 짜서 적기 시작했다. 앞으로도 작성하면서 구조를 조금씩 조정해 나가면 좋을 듯.
➖ 공부가 지나치게 '얕고 넓은' 느낌이다. 어떻게 하긴 했지만 이게 왜 되는지 제대로 알지 못하는 게 너무 많다. (그야말로 이게 왜 돼? 의 연속) 하나씩 다 밑바닥부터 이해하면서 올라오려니 태스크가 밀릴 것 같고 (ㅜㅜ) 결국 당장 구현하는 것에만 우선순위가 집중되어서 프로젝트 경험이 양질의 학습으로 연결되지 못하고 있다.
➖ 구체적인 주간 목표, 일간 목표 설정이 부족하다. 공부 시간이 오락가락...!