TIL 42

집중도 1~5 ( 4.2 ) , 7/8 금

'현재 시간 00:37 / D+8 B+6, 요 며칠 이 시간에 갑자기 피곤하다. 어제도 비슷한 시간에 피곤해서

자려고 누웠으나 몸은 정말 너무 피곤은 했지만 잠잘 수 없었다.

단지 잠의 문제일까? 오늘도 저녁 시간 집중력이 좀 아쉬웠다. 책 읽는 시간 포함해서 점심, 저녁 시간을

1시 30분 씩 가져가고 있는데 분명히 밥 먹고 청소하는 시간을 타이트하게 갖는다면 책 읽을 시간을 늘릴 수 있을 것 같은데

쉽지 않다. 나름 의식한다고 생각하고 밥을 먹어도 순간 1시간이 지나려 하고 있다.

밥 시간만큼은 편하게 가지려고 했는데, 낭비되는 시간이 있는 것 같아 내일은 그 1시간 중 ( 책 읽는 시간 제외 )

어디서 시간 낭비를 하는지 스탑워치로 체크해봐야겠다.

오늘 어떤 행동이 아쉬웠길래 이전에 미친 집중력을 오랜 시간 가져가지 못 했을까.

알듯말듯 결정적인 이유를 모르겠다. 모든 행동을 적어보자.

오늘 포함 6일, 필수적인 습관 두 개를 아주 좋은 상태로 챙겨가고 있다.

지금 수준의 느낌으로 습관을 계속 챙겨가면서 변화에 더 집중해보자.'

---

기억할 것

1. [ ! ] ...new Set(...tag) 성준님이 알려주신 거 너무 신기한데??? 이에 대해 찾아보기

2. [ ! ] useCallback 밥 먹을 때 한 번 더 공부

   onSuccess: () => {
   queryClient.invalidateQueries([queryKeys.appointments]);

3. [ ! ] 클라이언트 state 와 서버 state 우린 클라이언트 state가 필요없어서 리액트쿼리를 쓴다.

4. [ ! ] 이후 메인페이지 및 개인 페이지 기본 정렬할 때 CSS float 꼭 사용해야함 ( 코드잇에서 다시 보기 )

---

오늘 할 일

0. 해야 할 것 순서 !!!

   댓글 전부 -> 좋아요 전부 -> 해시태그 전부 -> 카테고리 전부 -> 구독

   0-1 본인은 예약할 수 없게 어떻게 만들건지 고민해볼 것 / + 포인트가 있어야 예약할 수 있게 어떻게 기능 구현할건지?

   0-1. 블로그 루틴 수정본 만들기

1. [ 진행 ] 유저 블로그 틀 ( 왼쪽 토글, 오른쪽 버튼들 )

2. [ 진행 ] 완성, 글 상세 페이지 ( 댓글, 좋아요 )

3. writeEdit css 가능한지 테스트 해볼 것

4. [ 진행 ] 임시 저장

5. [ 진행 ! ] 코멘트 인풋 컴포넌트 / 댓글 리스트 컴포넌트 ( map ) /

   ( 댓글의 작성자가 아니면 수정 버튼이 없게... )

---

고민, 궁금한 것 ( ? ) , 트러블 슈팅

1. [ ? ] 사실 함수를 다시 만드는게 그렇게 리소스가 많이 먹는건 아니라서...이건 그냥 함수로 만들어도 될 듯.... ( 리소스 정확한 의미에 대하여 )

2. [ ? ] items: ['items'] as const, // 여기서 as 의미는?

3. [ ? ] new 달아서 새로운 객체 만드는 거 알아보기 ( Set ) 다른 이름으로 새로운 객체 만들면 그 역할이 안되는 건가?
   
   
   

---

...님 에게

1. [ 성준님 ] 상세페이지 조회에서 댓글 response 부탁드리기

2. [ 신영님 ] useMutation patch

3. [ 대규님 ] signUp 페이지 queryClient 여쭤보기

   3-1. [ 대규님 ] setCookies의 맨 뒤 exp 여쭤보기

4. [ 광민님 ] 서버 고치면 프론트에서 배포한 주소로 확인 해주시면 감사하겠다고 전해주시면 감사하겠습니다

   ( 모든 게 데이터랑 연결된 상태에서 UI가 움직이는 거라 서버와 연결이 안 된 상태면 오류 없다는 가정하에 시뮬레이션 돌리는 거라 너무 불안하다. )

   ( 그렇자니 mock API 만들면 너~ 무 시간 오래 걸리 거 같고 잘하는 건 없지만 부탁드린다 )

5. [ 팀원 ] 자유로운 개인 생각 말씀해주시면 감사하겠습니다.

6. [ 프론트 ] 질문자 여쭤보기 그럴 경우 전역상태관리로 리덕스에 넣으면 된다.

7. [ 내일. 성준님 ] 좋아요 post 에러 여쭤보기
   
   
   

---

개인 생각

1. 공부하다가 밥 먹으러 갈 때, 핸드폰을 안 보고 밥 먹으면 공부할 때 가지고 있던 고민, 생각을 그대로 가진 채 머리 안에서 시뮬레이션 돌릴 수 있다.

2. 자기 전에 누워서 생각 시간을 갖자 ! 핸드폰 보면 생각 시간을 갖을 수가 없다. 하루동안 고민했던 것들이 무용해질 수 있다.

---

디테일 기능

1. [ 나 ] 일단 지금 react-Query 방식으로 다 만든 이후 아래 주소 중간 reactQuery key 묶어서 사용하는 방식으로 변환 시킬 것.

   / + Suspense까지 추가하면 완벽하겠다. ( 관련 내용은 두 번째 주소 )

   ( https://velog.io/@hhhminme/Serverless-API%EC%99%80-React-Query%EB%A5%BC-%ED%99%9C%EC%9A%A9%ED%95%9CCRUD-%EB%A7%8C%EB%93%A4%EA%B8%B0 )

   ( https://kyounghwan01.github.io/blog/React/react-query/basic/#update%E1%84%92%E1%85%AE%E1%84%8B%E1%85%A6-get-%E1%84%83%E1%85%A1%E1%84%89%E1%85%B5-%E1%84%89%E1%85%B5%E1%86%AF%E1%84%92%E1%85%A2%E1%86%BC )

---

매니저님과 상담시

1. 실전 끝

   -> 2. 백준 100 코딩테스트 + 실전프로젝트( 타입스크립트 변환 + SSR 변환 < 아마 next.js > ) + 자바스크립트

   -> 3. 클라 state만 들어간 내 개인적인 디자인이 들어간 프론트 프로젝트 만들기 ( redux or recoil or context API )

2. [ ? ] 매니저님은 항해 끝나고 언제 취직하셨고 그 당시에 어떤 이유 때문에 지원해야겠다라는 생각을 하셨는지? ( 아! 이전 회사로 바로 복직하셨으려나 )

3. [ ? ] 잘하시는 분들은 어떤 고민을 하고 있을지가 궁금하다. ( 요즘 어떤

4. [ ? ] 타입스크립트가 주니어에게 우대사항인지? ( 그렇다해도 무조건 해야한다. 그러면 난 우대 받아야함 )

5. [ 답변 ] 재사용성, 확장성, 유지보수중 부가적인 기능이 생겼을 때 ,컬러 변수 방법을 고민하신다고 한다.

   7/9 날짜 녹화본 꼭 다시 보자

디자인에 대한 얘기

1. a : 테두리의 공백 박스 공백이 음 잘 모르겠다. / 폰트 ? / 버튼 색깔 ? ( 우리 팀에 맞는 색 )

2. b : 와이어 프레임처럼이 더 이쁘다. / 위아래 구분은 나쁘지 않은 것 같다.

3. c : 약간의 회색 느낌이 더 낫지 않을까? / 색깔이 누리끼리 한 것 같다. /

4. b : 배경색이 아쉽다. / 배경이 페이퍼 느낌이 났으면 좋겠다 .

5. d : 글씨, 그림 , 사진 및 나머지 너무 딱딱하게 맞췄다.

6. e : 글자 폰트 / 선 너무 많이 잘려 있다. / 박스 배치 단조롭다.