[TIL]200822

- 자바스크립트로 여러개의 CSS를 적용시키고 싶으면 CSS세트를 단일변수화 시켜서 해당 변수로 적용시키면 됨.

- 제이쿼리에서 toggle()을 쓰면 굳이 바닐라자바스크립트로 길게 써야할 것을 짧게 쓸 수 있다.

- 자바스크립트에서 쿠키를 세팅하는 방법.

document.cookie = "username=John Doe; expires=Thu, 18 Dec 2020 12:00:00 UTC";

뒤는 쿠키를 저장하는 기한을 설정하는 것. 해당 기간을 과거로 돌리면 쿠키를 삭제하는 방법이 된다.

 

- 내 프로젝트는 쿠키에 해당하는 값을 사용자에게 받아와야 하기 때문에 위와 다르게 변수화시켜서 개발했다. 그러던 중, 쿠키 expire기한 설정이 value값으로 들어가 함께 출력되는 현상이 발생했다.

오류는 아래와 같이 해결하면 된다.

strCookie += ";expires=" + ExpDate;

expires 좌측에 세미콜론을 붙였더니 해결됨.

 

- 쿠키를 읽는 방법.

let x = document.cookie;

- 너무 일시적으로 사라지는 파라미터로 이름을 넘겨주는 방식 대신 쿠키로 이름을 저장하였다.

- 원하는 감정에 따라 해당 감정을 느낄때 들었던 노래를 알려주는 기능도 구현하였다.

- 소소하지만 메모지 색 변경도 구현했다.