TIL

TIL]2022/12/13

아침에 일어나 공부방에 갈 준비를 하면서 오늘 하루 계획을 세우기 시작했습니다. 오늘은 같이 공부하던 영후 님이 금요일에 3달간 네팔을 가게 되어 송별회가 있어서 빠른 시간 내에 해야 할 일을 끝내야겠다는 생각이 들었고 빠르게 준비를 하고 출발을 했습니다. 공부방에 도착 후 티켓을 확인했는데 티켓은 다른 분들이 전부 잡고 있었고 저는 로딩 슬라이스와 상태 슬라이스를 만들고 request함수를 만들어 로딩을 한번에 처리할 수 있는 유틸 함수를 만드는 작업을 진행했습니다. 이미 만들어 놓은 부분이 있어서 코드를 가다듬고 검증하는 작업을 진행했습니다. 요청은 성공했고 return 받을 데이터가 있는 함수 부분은 완료하고 이제 return받을 데이터가 없는 유틸 함수를 만드려던 찰나 급하게 도메인 부분 할 일이..

TIL]2022/12/12

아침에 일어나 공부방에 갈 준비를 하며 오늘 하루의 간단한 계획을 세우기 시작했습니다. 우선 에러 처리 PR을 올려야겠다는 생각이 들었고 에러 처리 PR을 올린 후에 리뷰를 받으면 리뷰를 토대로 리뷰 내용을 반영하고 티켓을 확인하고 티켓의 내용을 처리해야겠다는 생각이 들었습니다. 공부방에 도착 후 PR을 올리고 리뷰를 반영한 후 머지를 했고 티켓을 확인한 후 템플릿 작성 중복 클릭을 막는 작업을 진행했습니다. 어떻게 템플릿 작성을 막을지 생각하는 과정에서 버튼을 disabled처리하여 클릭을 막는 것을 생각했고 처음은 간단하게 useState를 통해 버튼 클릭을 막아야겠다는 생각이 들었습니다. 점심을 먹은 후 오전에 생각한 대로 코드를 작성했고 생각보다 쉽게 작업이 끝나 PR을 올렸는데 리뷰를 통해 에러..

TIL]2022/12/09

아침에 일어나 늦잠을 잔 것을 감지하고 급하게 공부방에 갈 준비를 시작했습니다. 늦잠을 안 잤더라면... 계획을 준비를 하며 할 수 있었을 텐데 공부방에 도착 후 간단히 해야 할 일을 계획을 했습니다. 늦잠을 안 잤더라면... 계획을 준비를 하며 할 수 있었을 텐데... 오늘은 에러 처리가 미흡한 부분을 리팩터링 하는 작업을 해야겠다는 생각이 들었고 어느덧 점심시간이 되었습니다. 점심을 먹은 후 에러 처리 작업에 들어가기 전 QA를 하는 시간을 가졌습니다. 꼼꼼하게 체크를 했다면 아래와 같은 일이 없었을 텐데... 기존에 다른 카테고리를 누르면 State를 제거하는 부분에서 input에 상태가 남아있는 것을 확인하고 다시 재작업을 하는 시간을 가졌습니다. 꼼꼼하게 체크를 했다면 위와 같은 일이 없었을 텐..

TIL] 2022/12/08

아침에 일어나 오늘 해야 할 일을 계획하며 공부방에 출발할 준비를 했습니다. 공부방에 도착 후 티켓을 확인하고 작업을 진행하기 시작했습니다. 티켓의 내용은 템플릿 생성시에 카테고리 클릭 시 상태가 clean-up 되지 않아 진행도가 남아있어 유저 편의성을 저해하는 부분을 해결하는 것이었습니다. 우선 어디에서 clean-up을 진행해야할 지 파악하는 시간을 갖고 코드를 분석하다보니 점심시간이 되었습니다. 점심을 먹은 후 오전에 분석했던 코드를 토대로 이슈를 해결하는 작업을 진행했습니다. 오전에 생각했던 문제가 발생하는 지점에 clean-up함수를 추가했고 정상적으로 clean-up이 되어 문제를 해결할 수 있었습니다. 문제를 해결한 후 프런트 팀원의 리프레쉬 토큰 작업을 짝 프로그래밍하는 시간을 가졌습니다..

TIL]2022/12/04

아침에 일어나 집안일을 끝낸 후 점심을 먹은 뒤 구글 엔지니어는 이렇게 일한다를 보기 시작했습니다. 책을 읽다보면 흐름을 놓칠 때가 많은 것 같아 책을 제대로 보지 않은 것 같은 느낌이 많이 들었기 때문에 흐름을 놓치면 다시 보고 흐름을 놓치면 다시 보고를 반복하다 보니 책을 읽는데 시간이 오래 걸렸지만 평소에 책을 읽을 때보다 집중도 더 잘되고 책의 흐름을 파악할 수 있어 좋았습니다. 1장의 내용은 얼마나 지속 가능한 코드를 작성하는지와 코드의 의존성에 대한 부분 그러고 작은 부분이어도 사용자가 사용하기에 따라서 변경을 하면 편의성을 해칠 수 있다는 내용이었습니다. 또한 상황에 맞게끔 코드를 작성하는 것이 중요하다는 것을 배운 것 같습니다. 구글 엔지니어는 이렇게 일한다를 읽으며 든 생각은 내 코드의 ..

TIL] 2022/12/03

오늘은 약속이 약속을 다녀온 후 공부를 시작했습니다. 로딩 유틸 함수를 만드는 작업을 진행했는데 유틸 함수를 완성하지는 못했지만 어느 정도 어떻게 함수를 만들지 생각이 정리되고 코드로 구현하기 시작했습니다. 기존 status를 관리하는 부분과 로딩을 관리하는 부분에 대해 오브젝트로 만들지 않고 각각의 상태를 만들었었는데 이 부분이 비효율적인 것 같아 오브젝트로 설정을 하고 리듀서 부분은 생각한 대로 구현이 완료되었지만 서버로부터 데이터를 받는 부분을 어떻게 처리해야 할지 고민하는 시간이 길었습니다. 서버로부터 데이터를 받을 때 데이터를 리덕스에 저장해야 하는 경우와 204 No Content로 데이터를 저장하지 않는 경우가 있는데 이 부분을 설계하는 게 생각보다 쉽지 않은 것 같습니다. 가장 고민이 되는..

TIL]2022/12/02

아침에 일어나 공부방에 갈 준비를 하며 오늘 해야 할 일을 정리했습니다. 오늘은 어제 했던 드롭다운에서 사용하지 않는 메뉴들을 제거했던 부분의 리뷰를 반영하여 리팩터링을 진행한 후 로딩 유틸함수를 만드는 작업을 진행해야겠다는 생각이 들었습니다. 공부방에 도착 후 어제 했던 드롭다운에서 사용하지 않는 메뉴들을 제거하는 부분을 코드 리뷰를 반영하여 리팩터링을 진행했습니다. 인라인 스타일을 사용할 때 어떻게하면 리 렌더링이 되지 않는지 잘못 알고 있던 부분에 대해 리뷰를 받았는데 useMemo를 사용하면 해결이 되지만 캐싱도 비용이 크니 스타일에 캐싱을 하는 것은 너무 큰 비용이 발생하는 것 같은 느낌이 들어 스타일을 조금만 주더라도 스타일 컴포넌트로 변경하는 작업을 진행했습니다. 점심을 먹은 후 로딩 유틸 ..

TIL]2022/12/01

12월의 첫날이 왔습니다. 아침에 개운하게 일어나 오늘 프로젝트를 어떻게 진행할지 계획을 세우며 준비를 하기 시작했습니다. 준비를 마친 후 오늘의 계획을 다시 정리하고 해야할 일의 우선순위를 정한 후 공부방을 출발했습니다. 공부방에 도착 후 코드 리뷰를 받은 후 코드 리뷰를 반영하는 작업을 진행했습니다. 기존에 라우트 가드에서 라우트가드를 잘못 사용했던 부분이 있었는데 이 부분을 리팩토링하는 시간을 가졌습니다. 라우트 가드가 정상적으로 동작하는 것을 확인하니 어느덧 점심시간이 되었습니다. 점심을 먹은 후 리팩토링한 라우트 가드를 머지한 후 로딩을 하는 부분에 있어서 너무 중복되는 코드가 많아 비효율적이고 컨슈머입장을 고려하지 않은 것 같은 느낌이 들어 유틸 함수를 설계하는 작업을 진행했는데 생각보다 설계..

TIL]2022/11/30

아침에 일어나 공부방에 갈 준비를 급하게 했습니다. 늦잠을 자면 안 됐었는데.. 이사때문에 피로가 쌓인 탓인지 늦잠을 자고 말았습니다. 늦잠을 자면 안 됐었는데.. 공부방에 도착 후 데일리 스크럼 미팅을 진행했는데 미팅을 통해 해야 할 일의 우선순위가 잘못되었다는 것을 깨닫고 어제 완료하지 못한 프로젝트 리팩터링의 우선순위를 뒤로 미루고 프로젝트가 원활히 돌아가지 않는 부분을 수정해야겠다는 생각이 들었습니다. 회의가 끝난 후 사용하지 않는 코드와 아직은 기능 구현이 되지 않은 부분을 삭제하는 작업을 진행함과 동시에 해당 코드의 리팩터링도 진행하였습니다. 인라인으로 스타일이 되어있던 것을 수정하고 padding만 스타일을 적용하는 것을 유틸 함수를 만들어 컨슈머 입장에서 사용하기 편하게 하는 작업을 진행했..

TIL]2022/11/29

요즘 개인적인 사정이 생겨 이사를 가야 해서 집을 알아보고 이것저것 일을 처리하느라 TIL을 작성하지 못했습니다. 이제 막 이사를 완료하여 다시 TIL을 작성할 수 있습니다! TIL을 작성하지 못했는데 다시 꾸준히 작성할 예정입니다! 아침에 일어나 시간을 보니 늦잠을 잔 것을 알고 컨디션 관리를 잘했어야 했는데 이사를 하느라 피로가 쌓여 늦잠을 잔 것 같습니다. 컨디션 관리를 잘했어야 했는데... 급하게 준비를 하기 시작했습니다. 준비를 끝낸 후 공부방에 출발을 했습니다. 공부방에 도착 후 프로젝트 페이지 리팩토링 작업을 진행했습니다. 간단한 작업이라 생각을 했는데 템플릿에서 제공하는 코드에서 Warning이 발생해서 제거를 하는데 간단한 작업은 아니었습니다. 원인은 찾아 문제는 해결을 했지만 코드가 너..