TIL 33

Ted·2022년 6월 28일
0

TIL

목록 보기
33/51
post-thumbnail




집중도 1~5 (4.2) , 6/28 화

'현재 시간 03:49분 어제 너무 늦게 잔 터라 오늘 오전 9시30에 일어났다.

너무 오래하기 보다 적당히 오래하고 약간 일찍 자는 게 다음날 컨디션에 더 좋겠다.

실전프로젝트 시작하고 책 읽기, 일기 쓰기 둘다 안 하니까 글을 써도 뭔가 머리 속에서 파바박 스파크 튀면서

막 미친듯이 글 써지는 느낌이 하나도 안 난다.

지금은 그저 사무적으로 쓰는 느낌 뿐. 글이 재미도, 생기도 없고'




기억할 것

  1. const { name, age, school } = child

    ( 위의 뒷부분 child를 useQuery 방식으로 꾸미면 저걸 '구조 분해 할당'이라고 함. )

    추가적으로, 고의적으로 invalidate하여 refetching하는 것이 실전에서 자주 사용되는 편 임. CUD가 이루어진 직후 새로운 데이터를 받아오기 위해 invalidate를 함. => 즉각 stale 이 되어 refetching될 수 있음.




오늘 할 일

  1. 9시에 내일 프론트 계획 / 오전 9시 내 할 일 /

  2. [ 해결 ] npm 오류 잡고 git push 하기

  3. api key 숨기기

  4. edit 부분 완성..>!!

  5. 안 되겠다 / 책 읽고 , 일기 써야겠다.

  6. 태그 하는 법에 대해서 어떻게 에디터에 녹여 넣을 건지?

/ 내일 할 것 /

  1. write에 태그 넣기

  2. 제목 또 데이터 보내기 ( 어떻게 받아와서 viewer에 보여줄까? )

  3. 클릭 누르면 값 전송되고 마이블로그 페이지로 넘어가기

  4. 마이블로그 페이지 전체적인 틀 넣기




고민, 궁금한 것

  1. ?? useCallback

  2. ?? 하.. 어떻게 어디에다가 붙혀넣기 금지를 녹여놔야할지 아직 감이 안 온다. ( 콘솔로 어떤 값을 빼내서 막아야할지는 알겠는데 ... )

  3. !! alert가 붙혀넣기 때 ( 마우스, 키 ) 에서 두 번 뜨는데 너무 보기 싫음. < alert 창 css 관하여 알아봐야함 >




...님 에게

  1. [ 프론트분들 ] 저희는 스토어랑, 리덕스를 안 쓸 거기 때문에 스토어랑, 리덕스 관련 패키지 다운 안 받았다.

  2. [ 광민님 ] 내일 api 키랑, web RTC 여쭤보기

  3. [ 팀원분들 ] 1. Next.js ( 프레임워크 ) - > SSR (서버 사이드 렌더링) 형태로 페이지를 만들어줌 -> SSR이 왜 필요한가? ( 예시 ) SEO 최적화를 위해

-> SSR 형식을 노린다면 마크다운 형식의 에디터를 만든 했을 때 직접 edit을 만들어야함.

( 한 명이 3주 내내 매달려야함 / 잠시 예시 보러 / 그냥 단순히 뜻도 모르고 베낄 생각은 없다. 뜻을 알기 위해 코드를 뜯어보면 아마 3주 걸린다. )

-> Edit은 toast UI Edit을 ( 비교적 간단 ) 적용하기로 했다. < 기존 만들어진 Edit은 모두 SSR 지원 안 함 >

-> 결론 -> Next.js에 대한 사용법도 아직 미숙한데, useQuery ( 최신 유행 / 최근 우리가 한 방법 )으로 한 SSR 방식이 과장 하나 안 보태고 react-query 공식 사이트말곤 없다.

그래서 어제 SSR을 포기하고 기존 리액트 CSR로 돌아오기로 했다.

-> 그러나 상용화가 장난 같아 보일 수 있겠지만 개인적인 욕심이 매우 큼. ( 블로그 = SSR = SEO 생명 )

-> 리액트에서 18버젼 배포했다. SSR을 기본 리액트로 쉽게 만들 수 있게 하겠다고 함. ( 그 방법이 나오면 or 이 프로젝트 끝나면 내가 어떻게든 바꿀 예정이다. )



  1. 깃헙에 올릴 때 api key 안 올라가게 유의 할 것.




  1. 태그 / 카테고리 ( 어떻게 할 거니? )

아래 인기 블로거 수를 늘리면 좋겠다

  1. 인기 블로거 부분을 카드 방식이

  2. 예약테이블 어떻게 보일건지 토론 해야함.

  3. 예약 페이지

( 날짜하고 시간을 받아와야 한다. )

< 예약 페이지 와이어 프레임 만들어야함 ( 프론트 ) >

  1. 캐시 어떻게 돌아가는지 / 뒤에 들어가는 옵션.

// get을 하면 자동으로 된다.

  1. get - useQuery [ option ] / post, patch, put, delete - useMutation ( onClick 등의 이벤트는 useMutation을 써라 )

  1. [ 자덕 ] 목표 전 오늘, 내일 ( 에디터 끝 )

  2. [ 대규 ] 목표 오늘, 내일 ( 로그인까지 )

  3. [ 운철 ] 목표 오늘, 내일 ( get으로 데이터 땡겨지는지 확인 )

profile
cording, arsenal, book, color

0개의 댓글