220819 TIL

오늘 할 일

• 첫 협업 프로젝트가 끝나고 클론코딩 주다. 뭔가 할게 더 많아졌다....... 그냥 나를 재울 생각이없나 보다 항해99는.....

---

오늘 한 일 & 더 봐야할 키워드

• svg파일 리액트에서 사용하는 법
  보통 이미지파일을 사용할땐 jpeg,png를 사용했었는데 클론코딩을 진행하면서 대부분의 곳에서 로고파일로 svg파일을 쓴다는걸 알았다. 이게 출력도 빠르고 더 좋다고는 들었는데..... 뭐 여튼 사용법이 좀 달라서 까먹을까봐 TIL에 작성해둔다.
  
  svg파일 리액트에서 사용하는법
  
  

시멘틱태그 (태그를 태그답게 검색최적화) 라이트하우스(개발자도구에 나오는거)

 

 

export const getTimeString = (date) => {
const today = new Date();
const timeValue = new Date(date);

const betweenTime = Math.floor((today.getTime() - timeValue.getTime()) / 1000 / 60);
if (betweenTime < 1) return "방금전";
if (betweenTime < 60) return `${betweenTime}분전`;

const betweenTimeHour = Math.floor(betweenTime / 60);
if (betweenTimeHour < 24) return `${betweenTimeHour}시간전`;

const betweenTimeDay = Math.floor(betweenTime / 60 / 24);
if (betweenTimeDay < 365) return `${betweenTimeDay}일전`;

return `${Math.floor(betweenTimeDay / 365)}년전`;
};

시간 분전 시간전으로 해주는 컴포넌트.

 

백엔드와 대화가 가능할 정도 코드를 이해할 정도의 공부는 해두는 것이 좋다.

API를 합치고 데이터를 어떻게 주고 받는지 

혼자서 Crud하는 정도의 이해하는 정도면 괜찮다.

 

내가 부르는게 어디를 부르는지 정도는 매칭이 되야하고 

레스트풀함을 이해하는 정도.

 

간단한 데이터는 컴포넌트내에서 만들어서 사용한다.

 

https://static.spartacodingclub.kr/media/main/main_m.mp4

 

키워드

 

하차, 잠, 하차를 편하게 권유하고싶다

싸이클, 

 

감정 쓰레기통

 

 

서버와 양방향 통신 방법

 

파이어베이스도 MVP로

 

소켓은 통신방밥중에 하나

 

소켓은 브라우저한테 얘기할수있는 유일한 방법

 

풀링 소켓 하이브리드로 하는 것도 좋은 방법

소켓으로만하면 데이터값이 누락될 가능성도 염두에 둬야한다.

 

소켓값에 데이터를 뽑아 디비에 저장하는게 중요

웹 RTC,

 

 

D-60.