티스토리 뷰

활동/Dev Course TIL

04.03.2022 TIL

geonwoopaeng@gmail.com 2022. 4. 3. 20:05

TIL

Done it

  • Cookie
    • Http 요청시 헤더에 Cookie가 같이 나가기 때문에 주의
document.cookie
  • Local Storage
    • key=value 기반으로 Local에 저장
    • 도메인 기반 Storage 생성(도메인이 같으면 여러탭에 같은 Storage 공유)
    • 직접 삭제 안하면 삭제되지 않는다.
    • JSON.stringify(), JSON.parse() 주로 사용
//저장
localStorage.setItem('문자열', '문자열');

//불러오기
localStorage.getItem('문자열');

//삭제
localStorage.removeItem('문자열');

//전체 삭제
localStorage.clear();
  • Session Storage
    • 전반적으로 Local Storage랑 같다
    • Browser를 닫으면 저장된 내용 없어진다.
//저장
sessionStorage.setItem('문자열', '문자열');

//불러오기
sessionStorage.getItem('문자열');

//삭제
sessionStorage.removeItem('문자열');
  • IIFE
    • 사용 이유
  1. 같은 이름의 변수/함수로 인한 코드 충돌을 방지할 수 있다.
  2. 전역 변수/함수가 되지 않도록 방지
  • Module
    • import

html 파일에 type="module"을 넣어주는 것

<html>
    <head></head>
    <body>
        <script src="./src/App.js" type="module"></script>
    </body>
</html>
import {a, b, c } from "./App.js" // a,b,c는 export

import a from "./App.js" //a는 export default

 

Feeling

뭔가 나쁜 습관들을 알아가는 기분입니다. :)

그런데 뭔가 한 부분이 비어있는 것 같은 기분이 들어 허탈? 같은 감정이 들고 있습니다. 왜 그럴까요?

뭔가 채워야 할 것 같은데 뭔지 모르겠습니다....

 

 

REF

https://gwpaeng.tistory.com/385?category=1011737

https://mine-it-record.tistory.com/339

http://chanlee.github.io/2014/01/11/understand-javascript-iife/

https://github.com/baeharam/Must-Know-About-Frontend/blob/main/Notes/html/web-storage-api.md

https://velog.io/@tlatjdgh3778/%EC%A6%89%EC%8B%9C-%EC%8B%A4%ED%96%89-%ED%95%A8%EC%88%98IIFE%EC%97%90-%EB%8C%80%ED%95%9C-%EC%A0%95%EB%A6%AC#:~:text=%EC%A6%89%EC%8B%9C%20%EC%8B%A4%ED%96%89%20%ED%95%A8%EC%88%98%EB%A5%BC%20%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94%20%EC%9D%B4%EC%9C%A0,-%EC%B4%88%EA%B8%B0%ED%99%94&text=%EA%B7%B8%20%EC%9D%B4%EC%9C%A0%EB%8A%94%20%EB%B3%80%EC%88%98%EB%A5%BC,%EB%A7%8C%EB%93%A4%20%EB%95%8C%20%EB%A7%8E%EC%9D%B4%20%EC%82%AC%EC%9A%A9%EB%90%9C%EB%8B%A4.

반응형

'활동 > Dev Course TIL' 카테고리의 다른 글

04.06.2022 TIL  (0) 2022.04.06
04.04.2022 TIL  (0) 2022.04.04
04.02.2022 TIL  (0) 2022.04.02
03.31.2022 TIL  (0) 2022.03.31
03.30.2022 TIL  (0) 2022.03.30
공지사항
최근에 올라온 글