jfmam 개발 블로그

preventDefault 태그의 기본동작을 하지 않게 막아준다. a 태그를 사용할 경우 새창으로 이동하는 것을 막고 form태그를 사용할 경우 창이 새로고침 되는 것을 막는다. stopPropagation 이벤트 버블링이 되지않게 막는다. stopImmediatePropagation 이벤트버블링을 막는다. + 다른 이벤트도 막는다. 여기서 말하는 다른이벤트를 예시를 들자면 여러개의 클릭이벤트를 동시에 연결 했을 경우 여러개의 클릭이벤트도 같이 막게 된다. stopPropagation의 경우 다른 클릭이벤트를 막지는 않는다. 이벤트 캡처링과 버블링 버블링 이벤트 버블링은 자식의 이벤트가 부모에게도 전파되는 것을 말한다. stopPropagation을 통해 전파를 막을 수 있다. 캡처링 버블링과 반대의 개..

세션 스토리지 vs 로컬 스토리지 HTML 5에 추가 된 저장소로 간단한 키와 값을 저장 할 수 있다.(key-value storage) 차이점으로는 영구성을 들 수 있다. 로컬스토리지의 경우 사용자가 직접 제거하려 하지 않는 이상 유지된다. (자동 로그인) 세션스토리지의 경우 브라우저 탭이 종료될 때 제거 (일회성 로그인) 주의 사항으로는 브라우저에 저장되는 값이기 때문에 비밀번호 같은 보안 이슈가 있는 정보는 절대 저장하지 않는다. 쿠키 쿠키도 브라우저의 저장소 역할을 한다. 쿠키는 만료기간이 존재하는 저장소로 생각한다. document.cookie를 통해 쿠키 정보에 접근이 가능하다. cookie의 경우 http 요청을 누가 보냈는지 구분을 해주며 클라이언트와 서버간의 지속적인 데이터 교환을 위해 ..