Input 태그들 UI 수정을 했다.
오늘 제일 많이 사용했던 테두리 없애는 border: none이랑 모서리 둥글게 해주는 border-radius: 5px;
이거 두개는 절대 안잊을것같다.
그리고 type이 time인 input 태그를 어떻게 스타일을 바꿀 수 있을까 구글링을 많이 했었는데
이렇게 바를 나타내는 부분이랑
움직이는 커서를 나타내는 부분을 나눠서
디자인을 할 수 있는 방법이 있어서
참고해서 스타일을 변경해 볼 수 있었다.
그리고 코테를 두 문제 풀었다.
처음에 푼 문제는 그냥 바로 생각나는대로 for 반복문을 사용해서 했는데
리팩토링 과정에서 reduce를 사용해서 풀었다.
처음에 풀었던 문제가 너무 쉽다는 이유로,, 하나 더 풀자는 의견이 나와서 한문제 더 풀게되었다.
매일 codewars에서 문제 풀던 시절에 풀어봤던 문제랑 비슷한 부분이 있었어서 이것도 금방 풀 수 있었다.
생각해보니까 그때 풀었던 문제를 블로그에 정리해뒀던것이 비슷한 유형의 문제를 파악하는데에 도움을 준 것같다.
블로그에 문제풀이 정리도 해두었다. 계속 포모도로를 하다보니 지쳐서 두번째 문제에 대한 풀이는 짧게 쓰려다가
오히려 더 자세하게 작성한것같다.
다시 문제 풀이 복기에 너무나도 도움을 주고 나처럼 자세한 문제 풀이를 원하는 사람이 볼까바(?)
확실히 문제를 풀었던 과정을 생각하면서 자세하게 기록을 해두니까 더 오래 기억에 남는것같다.
앞으로도 기록을 잘 해야겠다.
댓글