[Tue/8/9/2022] & [Wed/8/10/2022] Today I Learned

 

1. Learned = Facts + Findings 

8월 9일 화요일은 컨디션을 위해 간만에 일찍 자는 바람에(11시 30분 취침) TIL을 생략했다. 그래서 2일치를 한번에 써본다. 

# 화요일 React 스터디

어제는 React 스터디가 있는 날이었고 이번에는 도트, 에스, JS, 이든이 참여했다. 

코드 분할, Context, Error Boundary, 그리고 내가 범위를 착각하고 공부한 forwardRef까지 각자 돌아가며 발표했다. 

나는 forwardRef를 프로젝트에서 어떻게 적용했는지와 Error Boundary를 함수형 컴포넌트에서는 어떻게 활용하는지를 간단히 발표했다. 

 

# 스크럼 스터디 2일차 + 중간점검 스크럼

어제에 이어 오늘까지 스크럼 스터디를 참여중이다. 확실히 캠을 켜고 하는 공부와 캠을 켜고 하지 않는 공부는 차이가 있다. Zoom이 아닌 Discord에서 캠을 켜고 하는 것이 낯설었지만, 새로운 자극도 되었다. 오랜 시간 자리를 지키고 공부하는 코쿼 멤버들을 보고, 반성하고 다시 자리에 앉아 공부하기도 했다. 

또한 오늘은 수요일마다 있는 중간점검 스크럼 시간이 있었다. 5시부터 1시간 동안 했는데, 마지막에는 수다도 떨었다. 나는 이번 프로젝트에서 사용한 react query를 프로젝트 코드에 어떻게 반영했는지를 발표했다. 

 

# 상태코드 200번대 

Mock data로 delete, post, patch를 각각 구현하는데, 성공했을 때 상태 코드를 각각 다르게 주고 싶었다. 모두 200을 쓸 수도 있긴 하겠지만 조금 더 구체적으로 상태를 알려주기 위해서이다. 201 Created는 클라이언트가 보낸 데이터를 가지고 서버에서 새로운 리소스를 생성했을 때 사용하고(post), 204 No Content는 서버가 요청을 성공적으로 수행했고 클라이언트에 따로 보낼 데이터는 없을 때 사용했다.(patch, delete) 이러한 코드 컨벤션도 팀끼리 논의해서 정하면 된다고 한다. 상태 코드는 너무 다양하기 때문이다. 

 

# Project - Label page CRUD 완성

드디어 react-query를 적용하여 Label page의 CRUD를 모두 완성했다. 삭제, 수정, 생성이 모두 가능하다. 그리고 부가적으로 기능 구현을 약간 했는데, Form을 다 채우지 않았을 시 버튼이 disabled 처리가 되도록 구현했다. 또한 컬러 코드를 입력하는 부분이 있는데 Hex code 문법에 맞춰서 적어야 버튼이 활성화될 수 있도록 정규 표현식을 활용했다. 정규 표현식을 잘 알아두면 나중에 회원가입 기능을 구현할 때 id, email, password 등을 구현할 때도 유용할 것이다. 추후 한번 정리를 해야겠다고 느꼈다. 

 

2. Well done

# Project에 시간 투자

오늘은 프로젝트 정규 시간(9시 반~3시 반) 외에 밤에도 시간을 따로 투자해서 프로젝트를 진행했다. 사실 오전에 처리해야 할 다른 일이 있어서 실제 시작한 시간이 거의 12시쯤이었기도 해서 더 해야겠다고 생각을 했고, Pomodoro Timer를 켜놓고 했다. 노션에 구현 과정을 적어내려가며 하다보니, 코드스쿼드 때 열정적이었던 때가 생각이 났다. 다시 그 열정을 피워내야 할 때다. ❤️‍🔥 이 모멘텀을 내일도 유지해봐야겠다. 

 

3. Lacked

# 자투리 시간 활용

중간중간 남는 자투리 시간에 괜히 뉴스를 많이 보게 되었다. 폭우로 인한 피해 관련해서 찾아보게 되었는데, 너무 과하게 시간을 쓰지 않았나 싶다. 잠깐 머리 식히는 시간에 짧게 보는 것은 괜찮지만 공부를 해야 하는 시간에 즉흥적으로 찾아보는 것은 별로 좋지 않았다. Pomodoro 기법을 좀 더 집중해서 활용해야겠다. 공부 시간에는 오로지 공부만 할 수 있도록. 

 

4. Tomorrow

# Project - Milestone page 개발

# Algorithm study - LeetCode 풀기

# Rest API 학습 & 정리

# Pomodoro Technique 더 잘 활용하여 시간 활용 잘 하기 

# English Dictation

 

5. Etc 

Error Handling을 잘 배워서 프로젝트에 반영하고 싶다. 지금은 그냥 console.log로 error를 콘솔에 찍고만 있는데, 제대로 에러를 핸들링하고 싶다.