[JS]Web Storage vs 쿠키(Cookie) vs 세션(Session) vs 캐시(Cache)

💡 핵심 요약 (TL;DR)

브라우저 저장소인 localStorage와 sessionStorage는 문자열 기반의 Key-Value 데이터를 클라이언트에 저장하며 CSRF로부터 안전하다. 반면 쿠키는 요청마다 서버로 자동 전송되고 세션은 서버 메모리를 소비하므로 데이터 영구성과 목적에 맞게 분리해 활용해야 한다.

자세히 보기

[jQuery] checkbox와 select 다루기

💡 핵심 요약 (TL;DR)

checkbox와 select 다루기의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. 핵심 설정과 구현 코드를 단계별로 파악하여 상황에 맞게 유연하게 활용할 수 있다.

자세히 보기

[jQuery] attr과 prop차이

💡 핵심 요약 (TL;DR)

'attr과 prop차이'에서 다루는 각 기술의 핵심 개념과 동작 방식의 차이점을 분석한 내용이다. 제이쿼리를 사용하면서 attr와 prop는 아주 유사한 기능인데 어떠한 차이점이 있고 어떤 상황일때 어떤 걸 쓰는 게 더 좋은지 궁금해서 찾아봤다.

자세히 보기

[JS] 자바스크립트 파일 문서화해주는 유용한 라이브러리 JSDoc

💡 핵심 요약 (TL;DR)

자바스크립트 파일 문서화해주는 유용한 라이브러리 JSDoc의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. REST API 문서화할때 자주 사용되는 Swagger 라이브러리처럼 자바스크립트 파일을 문서화해주는 라이브러리가 있다.

자세히 보기

[Moment.js]동적 달력(캘린더)만들기

💡 핵심 요약 (TL;DR)

동적 달력(캘린더)만들기의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. 해당 코드를 사용하기 위해서는 moment.js가 있어야한다.

자세히 보기

CORS는 왜 날 헷갈리게 하는걸까?(ft. CSRF, XSS)

💡 핵심 요약 (TL;DR)

CORS는 왜 날 헷갈리게 하는걸까?(ft. CSRF, XSS)의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. 처음 리소스를 제공한 도메인(Origin)이 요청 도메인과 다르더라도 요청을 허락해 주는 웹 보안 방침이다.

자세히 보기

[Vue]computed를 찾다가 명령형프로그래밍과 선언형 프로그래밍 차이점까지 알게된 썰

💡 핵심 요약 (TL;DR)

'computed를 찾다가 명령형프로그래밍과 선언형 프로그래밍 차이점까지 알게된 썰'에서 다루는 각 기술의 핵심 개념과 동작 방식의 차이점을 분석한 내용이다. VueJS로 화면을 구성하다가 computed와 watch를 사용하는 데 있어 차이점이 궁금했다.

자세히 보기

DOM과 가상DOM

💡 핵심 요약 (TL;DR)

DOM과 가상DOM의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. HTML태그들을 작성하면 자바스크립트는 어떻게 읽을까? 한 번쯤 궁금했을 것이다.

자세히 보기