3FS

TIL]2022/08/19

Fact (사실) 프로젝트를 진행했습니다. HTTP 스터디를 진행했습니다. Feeling (느낌) 프로젝트(포트폴리오) 프로젝트의 방향을 어떻게 잡아야 할지, 고민하는 시간을 가졌고 프로젝트의 타이틀을 타이머 페이지에서는 타이머가 나오게하고 타이머가 아닌 페이지에서는 기본 타이틀이 나오는 작업을 진행하였고 유저가 시간을 추가할 수 있게 하는 작업을 진행하였습니다! 확실히 프로젝트를 진행하면서 느낀 점은 테스트 코드에 대한 두려움이 많이 사라진게 체감이 되는 것 같습니다! 보통 테스트 코드에서 막히는 부분이 많았었는데 최근에는 수월하게 진행할 수 있어서 뭔가 뿌듯한 기분을 느꼈습니다. HTTP CSRF와 XSS에 대한 스터디를 진행하였습니다. CSRF와 XSS는 정말 중요한 개념인데도 불구하고 이해를 하지..

TIL]2022/08/18

Fact (사실) 프로젝트 테스트 코드 작성 및 스타일링을 하고 유저 사용성을 개선하였습니다. Feeling (느낌) 프로젝트(포트폴리오) 오늘은 프로젝트에 몰두한 날이었던 것 같습니다! 프로젝트를 배포해야 됐기 때문에 스타일링 작업을 진행하고 유저 사용성을 높이기 위해 간단한 기능을 추가하는 작업을 진행하며 기능을 추가하면서 새로운 기능에 대한 테스트 코드를 작성하였습니다. 우선 오늘 개선한 점은 타이머를 일시정지시킨 상태에서 바로 다른 모드를 선택할 수 없어서 무조건 타이머를 종료시켜야 모드 전환이 가능했던 부분을 수정하였고 일정 종료 후 회고를 보는 페이지에선 회고를 보는 것 외엔 아무것도 할 수 없었는데 회고를 본 후 다시 모드 선택 페이지로 돌아갈 수 있게끔 업데이트했습니다. 오늘은 스타일링에 ..

TIL]2022/08/17

Fact (사실) 프로젝트 테스트 코드를 작성하고 리팩토링을 진행했습니다. 알고리즘 문제를 풀었습니다. HTTP스터디를 진행했습니다. 함수형 코딩 스터디를 진행했습니다. Feeling (느낌) 프로젝트(포트폴리오) 오늘은 프로젝트의 테스트 코드를 작성하고 테스트 코드를 리팩토링하는 작업을 진행했습니다. 리팩토링을 진행한 부분은 useSelector를 mocking 하는 부분에서 initialState를 의존하지 않고 작성을 하였는데 initialState에 state가 추가되어 type에 state를 추가할 때마다 기존에 작성했던 테스트에 타입에러가 발생하여 initialState를 의존하게끔 작성하였습니다! 리팩토링을 하면서 확실히 코드가 깔끔해진 느낌이 들어 좋았습니다 알고리즘 오늘은 프로그래머스 L..

TIL]2022/08/16

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

TIL]2022/08/15

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

TIL] 2022/08/14

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

TIL] 2022/08/13

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

TIL] 2022/08/12

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

TIL] 2022/08/11

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

TIL] 2022/08/10

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