TIL-220404

·2022년 4월 4일
0

데브코스-TIL

목록 보기
4/8

#TIL #함수형 #알고리즘 #임시 #데브코스

🎈오늘의 공부

컴포넌트 방식으로 생각하기

ui를 선언적으로 표현하기 위해서 각 부분을 독립적으로 추상화 하는것
재사용성을 높일수가 있다.

이벤트는 콜백함수로 넘겨주기- 이거 함수형 사고방식 아닌가?

클라이언트에서 데이터 저장하기

쿠키

RFC 6265명세에서 정의 한 http 프로토콜의 일부

document.cookie=`lang=java`

이전 cookie를 덮어쓰지않고 새로 값을 추가시킴
각 쿠키는 " ; " 를 구분자로 구분함

쿠키는 유효기간이 없을시 브라우저 종료하면 쿠키가 날라감

http헤더에 쿠기가 추가되어서 전송되기 때문에, 사이즈가 커지면 해더 크기가 커진다.

보안취약점이 많다.

Local Storage

key value 기반으로 local에 데이터를 저장한다.
도매인 기반으로 storage가 생성된다.

  • 도매인이 같다면 탭간에서 공유된다.
    삭제하지 않으면 데이터는 안날라간다.

Local Storage에는 value값이 문자열만 들어가기 때문에

user={
name:"test"
}

localStorage.setItem('user',JSON.stringify(user)) //데이터 넣을떄
JSON.parse(localStorage.getItem('user')) //데이터 뺄때

데이터를 넣을떼는 JSON.stringify 로 문자열화 시키고
뺄때는 parse함수로 다시 객체로 변환해야한다.

응답을 캐싱하거나
클라이언트 데이터를 저장할때 주로 쓴다.

session Storage

Local Storage 와 전체적으로 같지만 브라우저를 닫으면 초기화가 된다

🤔 하루 회고

부족한 점

잘한 점

더 공부할 거리

클래스로 투두리스트를 대강 구현 했는데
상속을 어떻게 사용할까?

✏오늘의 과제

📂서칭한 자료

리액트

리액트 폴더구조

0개의 댓글