TIL 30

Ted·2022년 6월 25일

TIL

목록 보기

30/51

👊 실전 프로젝트 2일차 와우!!!

집중도 1~5 (4.2)

'현재 시간 02:08분 지금 이 시간까지 강의 듣고 궁금한 걸 계속 찾아보는데 집중력이 괜찮았다.

다만 지난 TIL의 집중도 점수는 '4.3'인데 반해 오늘은 '4.2'인 이유는 어제도, 오늘도 저녁을 먹은 후 30분 동안 너무 졸렸다.

잠자는 시간 이전에 밥을 먹든 뭘 하든 수면 시간이 엄청 적지 않았더라면 피곤한 적이 딱히 없었는데 흠.. 확실히 평소와 뭔가가 달라졌다.

날이 2-3일 전부터 갑자기 너무 무더워져서 너무 더우니까 밥 먹은 후에 더 졸린 걸까? 아니면 요 일주일 내내 잠을 4시간 정도만 자서 그런 걸까?

오늘 푹 자고 쉬는 내일 '일요일' 공부하다가 저녁 먹은 후에 피곤한지 안 한 지를 보면 원인을 찾는데 가까워질 수 있을 것 같다. 그래도 잘하고 있다. 👍'

6/25 토

기억할 것

배열 [ 1, 2, 3, 4, 5 ] / 객체 { foo : 1 , abc : 2 }
useQuery < 5-8, 10분 부분 유념 해야 할 것에 대한 내용 중요 >

-1. reactQuery 패키지 다운

-2. index에 provider 등 기본 사항 추가

-3. 사용하는 페이지에 useQuery 랑 axios 임포트

-1. useMutation < 6분 30초 map 돌린 거 key 값 주는 부분 중요 ! ( 왜 key 값을 줘야 하는가? ) >

-2. 7분 11초 mutate : addpost 저 방식 !

-3. ?? 아니 그러면 무효화를 시켰는데 기존에 get으로 가져왔던 자료들은 어떻게 남아 있을 수 있는 거지?
( 캐시의 원리에 대해 더 알아봐야 겠다. )

오늘 할 일

리액트 쿼리 영상 보내드리기
[ 해결 ] s.a 제출
[ 해결 ] 팀 명 ( 소개란 )
[ 해결 ] 프로젝트 소개에 텔레그램 예시 등을 추가하여 우리의 의도를 더 디테일하게 보여주기
즐겨찾기 정리
[ 해결 ]와이어프레임
[ 해결 ] 소모되는 계속 생긴다.
[ 해결 ] 사람의 동기, 그리고 우린 덫을 놓고 사람들의 동기를 채우기 위한 방향으로 인도한다.
노션에 디자이너님과 소통 공간 만들기
?? 리액트 버튼 스타일 컴포넌트 ( 거기서 props 의미 )
[ 해결 ] useCustom으로 input은 일단 만들어서 같이 써야겠다.

고민, 궁금한 것

?? 언제 ref 쓰면 안 되는지
?? 버튼 컴포넌트를 만들면 Button1 , Button2 계속 컴포넌트를 만들어야 하는 건가??

( 그럼 이것도 좀... 흠 .. 이때 프랍스 쓰나? 하나의 버튼 컴포넌트에서 여러개 버튼을 관리하기 위해?? )
?? 구조분해 할당이란?
?? 리액트에서 엘리먼츠란?

...님 에게

[ 멘토님 ] 우리 글작성 부분 라이브러리..? 이용해도 되나....? 저 부분 어떡하지..? 걱정... 일일이 손으로 만들자니... 저 한 페이지 코드만 해도...
[ 해결. 프론트 팀원님 ] 처음부터 input , button 컴포넌트 만들지말고 일단 기본 값으로 하면 되겠는데요 대신 스타일 넣지 않고.

왜냐 각각 어느 위치에 어떤 스타일 버튼이 들어가는지 모르기 때문.
[ 해결. 광민님 ] 아까 디자이너님한테 어떤 거 여쭤보라고 하셨었죠?.? / 저희 둘이 하루가 끝나는 시간에 내일 일정 뭘 할지 적어야 할 것 같다. / 그리고 앞으론 2~4 앞의 일정까지

( 디자이너님 언제 들어 오실 수 있냐 /
[ 해결. 광민님 ] 토큰을 로컬스토리지에 저장할지 쿠키에 할지 두 개의 차이점에 대해 알아 봐야 겠다. 쿠키, 세션 / 토큰 쿠키 로컬스토리지 .
[ 프론트 팀원님 ] 선우님이 통합 깃헙 레포지 만드신다고 하셨다. 그러니 우린 따로 만들 필요 x
[ 광민님 ] 붙혀넣기 되게 하는 방법이 있음. 그러니 글 작성 페이지에서 20초 안에 post하는 거 누르면 붙혀넣기 금지라고 띄울까?

그래서 네이버가 지원자를 받는 방식으로 한 듯함.. 어떻게든 붙여넣기를 뚫고 붙여넣기를 할 방법이 존재하므로...

붙혀넣기 막는 게 css랑 자바스크립트 두 방법있음. ( 두 방법 다 쓰면 붙혀넣기 확률 높임... ) 근데 코딩 아는 사람이면 뚫기 가능.

// 이미 오뚜기, 국민건강보험 등 자소서를 거진 몇 천자 제한두고 복붙 못 하게 막아 놨더라.

// cntl+ v, shirt +insert, 우클릭 대표적인 붙혀넣기 방법
[ 광민님 ] 글을 작성 했을 때보다 누군가한테 내가 쓴 글이 좋아요나 , 구독을 받았을 때 --> 포인트 받는 게 좋겠다 --> 인기도로 변경됌.

글 작성시에 받으면 200자 제한을 뒀더라도 복붙을 뚫어서 분명히 포인트를 쌓는 사람이 생길 수 있음.

걍 차리리 하루 중 웹페이지에 들어오면 1포인트를 주는 게 어떠냐? 포인트를 얻는 방법에 대해 고민해봐야겠다..

포인트, 인기도를 나누면 뭔가 너무 기능이 복잡해지는 경향이 조금 있는 것 같다. 만드는 우리만해도 처음 들었을 때

포인트가 어떻게 인기도로 바뀌고 그 인기도는 뭐가 포인트는 뭔지 헷갈렸지 않았냐?

저 둘을 합칠 뭔가를 생각하는 게 좋겠다.
[ 광민님 ] 벨로그 처럼 우리가 좋아요를 좋아요로 안 쓰고 형태로만 사용하는 거다. 예로 우리는 하트를 누르고 우리가 가진 하트의 값을 보여준다.

구독하기랑 하트만 있어서 원하는 채팅자에게 하트를 보내는 거다 와 ㅋㅋㅋ 하트 ( 마음을 ) 전달한다는 의미맥락하고도 잘 통하고 뭔가 새로운 변환되는 과정이 없으니

간단 명료하고 좋은 것 같다.

구독자 1k , 좋아요 2k 이렇게 보이게 하는 거다.

이 주의 좋아요 블로그 글 / 이달의 구독자 많아진 창 ( 이 부분에 구독자 많은 블로거 보기 탭이 있으면 좋겠다. < 그래야 순위 경쟁에서 항상 위를 차지하려는 욕심이 생길 것. >
[ 광민님 ] 새로 시작한 사람이 좋은 글을 썼다라고 했을 때 그 사람을 위로 끌어 올릴 수 있는 알고리즘 로직이 필요
[ 광민님 ] 만약 우리가 사용법 페이지를 유용하게 쓰고 싶다면, 사용법 페이지에 하트를 숨겨 두는 거다. 전부 다는 아니지만 어느정도 읽어야만 하트를 받고 시작 할 수 있게끔 말이다.
[ 대규님 ] 쿠키 하시면 리프레쉬 토큰으로 사용 연장 계속 해주셔야 함! // 웹 스토리지는 1. 로컬스토리지 2. 세션스토리지로 나뉨 용도에 맞게 정보 저장

사파리 시크릿 모드에선 웹스토리지 사용시 에러라고함. 그래서 에러 설정 꼭 해야함 !

아 그러면 글작성에서 쓰던 글을 탭 끄기 전에 자료들을 세션스토리지에 저장하게 하면 되겠네? 그럼 뒤로 갔다 와도 남아 있으니까 !

와 이 영상 보고 쿠키 용도를 알게 된 후 벨로그 쿠키 봤는데 진짜 쿠키 개 많다............ !!!! 와우 쿠키 용도 제대로 알아냄

쿠키 유효 시간을 넣어서 글작성 같은 경우는 24시간 이런 식으로 많은 데이터를 쿠키에 보관.!!!
[ 광민님 ] 약간 개인의 정보면 쿠키에 암호화로 값을 저장하는 걸 이용해야겠다 벨로그도 보면 그리 큰 의미없는 날짜는 암호화 안 했는데 나머지는 거진 암호화 저장

( https://www.youtube.com/watch?v=-4ZsGy1LOiE ) 이거 보시면 이해 쉬울 것.
[ 프론트님들 ] 와우 우연의 Hooks에 Custom Hooks에 대해 자세히 나옴 !!!!