[데브코스] TIL - 11일차

오늘 공부한 내용 💻

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

• Client Side에서 데이터 저장하기

• Local Storage
  
  

어려웠던 내용 🤢

Client Side에서 데이터 저장하기

- Cookie

• 쿠키란?
  브라우저에 저장되는 작은 문자열로 HTTP 프로토콜의 일부이다.

• 다른 저장방법에 비해 오래됐다.

• 쿠키는 세미콜론(;)으로 구분되어 있어 split등으로 쪼개서 사용한다.

• 유효기간을 지정하지 않으면 브라우저를 닫는 순간 사라진다.

• 주의사항

  1. 쿠키의 사이즈가 커지면 HTTP 요청의 크기도 커진다.
  2. 사이즈에 제한이 있다.
  3. 여러가지 보안 취약점을 가지고 있다.

- Local Storage

• key, value 기반으로 로컬에 데이터를 저장한다.

• 도메인 기반으로 storage가 생성된다.

• 삭제하거나 storage를 날리지 않는 한 삭제되지 않는다.

• 저장 방법으로는 setItem 사용하는 것 권장 !

• string 만 넣을 수 있음 !

  JSON.stringify() / JSON.parse() 사용해야함.

- Session storage

• Local Storage와 비슷하나 브라우저를 닫으면 초기화된다.

더 공부할 내용 📃

• Local storage 저장 / 가져오기 / 삭제

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

느낀점 👀

컴포넌트와 Client Side에서 데이터 저장하는법에 대해 배운 날!

왜 컴포넌트 방식으로 생각해야 하지?
독립적으로 사용이 가능하고 / 사용함에 있어서 다른곳에 영향을 주지 않으면 재사용이 가능하기 때문!
필요한 기능이 각 컴포넌트에 독립적으로, 그리고 집약적으로 존재해야 한다 !

Client side에서 데이터를 저장하는 3가지 방법에 대해서도 배웠다 !
전에 local storage를 이용해서 간단한 todo list를 만들었던 적이 있는데 그때는 따라하기 급해서 저장소의 특징에 대해서는 공부하지 못했는데 알게되어서 좋았다 😋

임시팀과의 아쉬운 안녕 ㅜ.ㅜ
2주간 함께한 팀원들과 마지막 스크럼을 했다 ,,, !!
너무 좋은 팀원분들과 멘토님을 만나서 시작을 수월하게 할 수 있었던것 같다.
멘토님뿐만 아니라 팀원분들께도 정말 많은 조언과 도움을 받았거든요 ,,,
받기만 하고 도움 드린건 없는것 같아 너무 죄송스러운 마음 ,,,
2주간 감사했습니다 !🥰 모두의 건승을 기원하며 ...

참고 사이트 🙄

• https://programmers.co.kr/