할 것
검색어 최근 검색어 저장 (기능)
헤더 햄버거 샤라락
검색 웹 사이즈 크기 및 위치 조정 opacity 조절
내부 스크롤 변환
로딩 컴포넌트
수정할 것
검색어 키보드로 이동 가능하게 하기 뭔가 이상
채팅 쓰로틀링 ? 디바운싱? + 최적화
=> 약간 이상한 거만 수정하기 (월)
최근 검색어: 로컬 스토리지 쓸 예정.
3개 정도만 저장 예정. 3개 넘으면 바로 삭제할 것이다.
- 같은 거는 저장하지 않기 (filter로 검사)
- 배열로 저장해야 하기 때문에 파싱 필수
2-1. 읽을 때는 JSON.parse / 저장할 때는 JSON.stringify
최근 검색어 저장하기
1. 일단 저장... set
0.9 근데 그 전에 동일한 거 있는지 확인
0.8 그럼 그 전에 '동일한 거' 라는 걸 명시 => 불러오기 get
0.7 filter 해야 하니까 담아놓을 빈 배열 만들기 []
0.6 저장된 게 있을 경우 / 없을 경우 나누기
0.5 if 저장된 게 있을 경우 => 같은 거 있는지 없는지 확인하기
0.4 배열 길이 3개로 제한해야지 3개 이상이면 잘라. slice
0.3 아 그럼 저장할 때 최신 검색어를 앞에다 저장해야지 빈 배열 불러와서 저장하기
0.2 저장된 게 없을 경우 그냥 저장하기
0.1 아 맞다 둘 다 localstorge에 저장은 저장이고 map에 뿌릴 useState에도 넣어놓기
역순으로 생각하니까 좀 낫더라.
그리고 나서 : 이 함수 얻다 넣을까... => 서버로 검색어 보낼 때 슬쩍 끼워넣기로 함
let fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
let citrus = fruits.slice(1, 3);
// fruits contains ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango']
// citrus contains ['Orange','Lemon']
1,3 으로 했을 때 1, 2까지만 나오므로 0,3 으로 하면 0,1,2 로 나올 것이다.
아 근ㄷ ㅔ 다 했더니 와하하 검색어만 저장해서 .... 뭐... 어쩌지...? 실제로 링크 들어간 거만 해야 할 것 같다...!!!!!!!
최근 검색어로 해야 하는 게 맞나 '-' 믜....
내일 리팩토링 하기!!!
월 :
1. 신고하시겠어요 div 만들기! 신고 제대로 되는지 한 번 더 확인하기
2. 최근 검색어 저장 다시 하기 / 리팩토링 수정
3. 검색어 키보드로 이동 가능하게 하기 / 뭔가 이상한 거 수정
4. 20자 미만, 이스터애그 수정!
