Today I Learned

    TIL]2022/08/16

    TIL]2022/08/16

    Fact (사실) 프로젝트를 진행했습니다. HTTP 책을 읽었습니다. HTTP 스터디를 진행했습니다. 알고리즘 문제를 풀었습니다. Feeling (느낌) 프로젝트(포트폴리오) pause 기능을 구현하면서 정말 엄청 고생을 한 것 같습니다. 하지만 이렇게 고생해서 구현을 한 것은 정말 성취감이 너무 뿌듯한 것 같습니다. pause가 정상적으로 동작하니 피로가 다 물러가는 느낌이 들었습니다. pause를 구현하면서 느낀 것은 현재 어려운 문제도 집요하게 물고 늘어지자라는 것을 배웠습니다. 알고리즘 오늘은 알고리즘 스터디에서 처음으로 문제를 풀었습니다! 하지만 제가 푼 문제 풀이 방식이 좋은 방식은 아니라는 것을 느꼈고 알고리즘을 풀 때 코드의 완성도도 신경 쓰자는 생각이 들었고 정규표현식과 reduce를 잘..

    TIL]2022/08/15

    TIL]2022/08/15

    Fact (사실) 프로젝트 오류를 수정했습니다. 프로젝트 로직을 변경하면서 테스트가 깨지던 부분을 수정하고 테스트 커버리지를 100으로 다시 채웠습니다. HTTP 책을 읽었습니다. 함수형 코딩 책을 읽었습니다. 알고리즘 문제를 풀었습니다. Feeling (느낌) 프로젝트(포트폴리오) clearInterval이 되지 않는 오류를 수정하였는데 useRef에 대한 지식이 많이 부족하단 생각이 들어 useRef에 대해 조금 자세히 알아봐야겠다는 생각이 들었습니다. clearInterval을 할 때 useRef를 사용하면 간단히 해결될 문제를 엄청 헤매다가 찾아서 뭔가 허무한 느낌이 들었습니다. 하지만 이번 오류 수정을 하면서 로직이 바뀌게 되고 테스트 코드를 변경하면서 테스트 코드에 대한 두려움이 조금 사라진 ..

    TIL] 2022/08/14

    TIL] 2022/08/14

    Fact (사실) 프로젝트를 스타일링하고 회고 작성 기능을 구현하였습니다. 알고리즘 문제를 풀었습니다. Feeling (느낌) 프로젝트(포트폴리오) 회고 작성 기능을 구현하면서 전에 어려웠던 useSelector와 dispatch를 mocking 하는 거에 대한 부분이 전보다 훨씬 수월하게 진행되었습니다! 이럴 때, 정말 기분이 좋은 것 같습니다! 목표했던 TASK를 모두 구현하였습니다. 하지만 좀 아쉬운 부분이 있어서 배포는 아직 하지 않았습니다! 내일 프로젝트를 좀 손보고 배포할 예정입니다! 알고리즘 프로그래머스 알고리즘 문제를 풀었는데 확실히 알고리즘은 훈련인 것 같습니다! 엄청 어려웠던 문제도 계속 풀다보니 어렵긴 하지만 문제에 접근을 할 수 있게 되는 것 같습니다! 앞으로 알고리즘을 게을리하지 ..

    TIL] 2022/08/13

    TIL] 2022/08/13

    Fact (사실) 프로젝트를 emotion을 통해 스타일링하였습니다. 알고리즘 문제를 풀었습니다. Feeling (느낌) 프로젝트(포트폴리오) 프로젝트를 진행하며 모달을 만들어만 놓고 모달을 적용하기 전에 CSS를 어느 정도 잡아놔야 되겠다는 생각에 CSS 작업을 진행하였습니다. 어떤 컬러를 써야할 지, 디자인을 어떻게 해야 할지 고민하는 것은 항상 어려우면서 재미있는 것 같습니다. 알고리즘 프로그래머스에 있는 알고리즘 문제를 풀었습니다. 알고리즘은 역시 어려운 것 같습니다...! 알고리즘은 어렵지만 풀고나면 성취감이 높고 실력이 지금 많이 낮기 때문에 금방 성장하는 느낌이 드는 것 같아 기분이 좋습니다! 알고리즘도 열심히 풀어서 알고리즘을 두려워하지 않도록 해야겠습니다! Finding (교훈) "시간은..

    TIL] 2022/08/12

    TIL] 2022/08/12

    Fact (사실) 그림으로 배우는 Http & 네트워크 베이식 스터디를 진행하였습니다. 자바스크립트 스피드 퀴즈 스터디를 진행하였습니다. 프로젝트의 테스트 커버리지 100을 달성했습니다. 알고리즘 기초 부분을 복습하였습니다. 알고리즘 문제를 풀었습니다. Feeling (느낌) 프로젝트(포트폴리오) 테스트 커버리지 100을 달성했습니다! 아직 프로젝트를 많이 진행하진 않았지만 테스트 커버리지 100을 달성하니 뿌듯한 것 같습니다. 테스트 코드를 작성하면서 느낀 것은 실제 구현을 하는 것보다 테스트 코드를 작성하는 게 아직 어려운 것 같습니다. 테스트 코드에 대한 공부를 열심히 하고 테스트 코드 작성을 많이 해봐야 될 것 같습니다! 그림으로 배우는 HTTP & 네트워크 베이식 스터디 HTTP의 헤더 부분을 ..

    TIL] 2022/08/11

    TIL] 2022/08/11

    Fact (사실) 함수형 코딩을 읽었습니다. 그림으로 배우는 Http & 네트워크 베이식 스터디를 진행하였습니다. 자바스크립트 스피드 퀴즈 스터디를 진행하였습니다. 프로젝트 리팩토링을 진행하였습니다. 알고리즘 기초 부분을 복습하였습니다. 알고리즘 문제를 풀었습니다. Feeling (느낌) 프로젝트(포트폴리오) 오늘은 헤더를 통해 브레이크 타임을 선택하는 화면인지 포커스 타임을 선택하는 화면인지 구별해주는 작업을 진행하였습니다. 이 부분은 어려운 부분이 아니었지만 시간을 선택하는 것을 담당하는 컨테이너의 테스트 코드를 작성하는데 테스트 코드가 마음에 들지 않아 계속 수정하고 있습니다...! 우선 테스트 코드를 어떻게 수정해야 할지 고민을 많이 해야 할 것 같습니다. 그림으로 배우는 HTTP & 네트워크 베..

    TIL] 2022/08/10

    TIL] 2022/08/10

    Fact (사실) 함수형 코딩을 읽고 함수형 코딩 연습문제를 스터디를 같이하는 분과 함께 풀어보고 함수형 코딩 스터디를 진행하였습니다. 그림으로 배우는 Http & 네트워크 베이식 스터디를 진행하였습니다. 자바스크립트 스피드 퀴즈 스터디를 진행하였습니다. 프로젝트 리팩토링을 진행하였습니다. 알고리즘 문제를 풀었습니다. CS(운영체제) 공부를 진행하였습니다. Feeling (느낌) 프로젝트(포트폴리오) 타이머가 끝나면 setInterval도 함께 종료되어야 하는데 clearInterval을 하지 않아서 계속 setInterval이 dispatch를 호출하는 문제가 있어서 clearInterval처리를 하는 작업을 진행하였습니다. 처음 설계부터 당연히 clearInterval 처리를 했어야 했는데 이 부분을..

    TIL] 2022/08/09

    TIL] 2022/08/09

    Fact (사실) 함수형 코딩을 읽으며 연습 문제를 스터디를 같이하는 분과 함께 풀어보고 프로젝트의 이번 주 목표를 정하고 프로젝트를 리팩토링한 후 알고리즘 문제를 풀고 CS 공부를 진행하였습니다. Feeling (느낌) 프로젝트(포트폴리오) 로직 변경 시간을 선택했을 때, 로딩이 되는 부분을 제거하는 작업을 진행했습니다. 생각해보면 처음 클릭했을 때 remainTime을 설정하면 되는 간단한 부분이었는데 처음 설계할 때 생각하지 못한 것에 부끄러움을 느꼈습니다! 타입 정의 타입을 제대로 정의하지 않은 부분에 타입을 정의하는 작업을 진행하였는데 어려운 작업은 아니었지만 타입을 더욱 상세하게 작성해야겠다는 생각이 들었습니다. 앞으로는 타입을 정의하고 코드를 작성할 것입니다! presenter and con..

    TIL] 2022/08/08

    TIL] 2022/08/08

    Fact (사실) 프로젝트를 진행하고 함수형 코딩을 읽고 CS 공부를 진행하였습니다. Feeling (느낌) 프로젝트(포트폴리오) 오늘은 기존의 코드 부분에 잘못된 부분을 발견하고 코드를 리팩토링하는 작업을 진행하였습니다. 현재 프로젝트에서 지향하고 있는 디자인 패턴은 Container Presenter 패턴인데 이 부분을 지키지 못했습니다. 기능을 담당하는 로직을 Page에 넣고 Container에선 props로 기능을 담당하는 로직을 받아 처리를 하였는데 기능을 담당하는 로직들을 container로 옮기면서 테스트가 깨지는 것들을 수정하는 작업을 진행하였습니다. 그러고 코드를 리팩토링 한 후, Container-Presenter 패턴에 대해 찾아보았는데 Container-Presenter 패턴의 장점..

    TIL] 2022/08/07

    TIL] 2022/08/07

    Fact (사실) 함수형 코딩을 읽었습니다. Feeling (느낌) 함수형 코딩 함수형 코딩을 읽으며 배열을 복사 후 복사한 값을 변경 후 리턴하는 방법은 알았지만 객체는 어떻게 해야 하지?라는 생각이 들을 때쯤 객체를 복사하는 방법을 배웠습니다! 제가 평소에 사용하지 않던 방식이라 생소했지만 새로운 것을 배우는 느낌이라 좋았습니다! 함수형 코딩을 완독 하면 함수형 코딩을 정리하는 시간을 가지며 블로그에 포스팅을 진행하며 정리를 할 생각입니다! Finding (교훈) "컨디션 조절" 오늘은 개인적인 일정이 있어 공부를 평소처럼 하지 못했습니다! 하지만 오랜만에 친구를 만났고 이 시간을 통해 재충전을 한 느낌이 들었습니다! 오늘 에너지를 충전한 만큼 앞으로 열심히 달릴 예정입니다!