주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

보안 강화를 위해 Chrome 80부터 SameSite의 기본 속성값이 None 에서 Lax로 변경되었습니다. 현재 Chrome 84 에서 코로나로 인해 기능을 롤백했지만 Chrome 84이후(안정적인 버전, 7/14일 이후) 다시 재개할 계획이라고 합니다. 해당 속성의 변화는 Chrome 80 이상의 웹 브라우저만 해당하며 이후 Firefox, Edge등의 브라우저도 동일하게 적용한다고 합니다. , , , , 등에서 영향이 있습니다. Android의 chrome에는 적용하지 않으며 iOS의 chrome은 영향이 없습니다. SameSite 3가지 속성 None 쿠키 사용에 있어서 소스가 되는 주소를 검증하지 않습니다. 동일 사이트, 크로스 사이트에 모두 쿠키 전송이 가능합니다. Strict 보안 정책으로..

jQuery는 DOM 객체를 탐색, 접근하여 조작하는 여러가지 방법을 제공한다. 실무에서 많이 사용하는 메서드 위주로 요약해서 작성하였으며 정확한 정보들을 확인하고 싶다면 jQuery 공식 사이트를 참조하면 된다. data 일치하는 요소의 데이터 저장소의 값을 설정하거나 가져올 수 있다. 빈 값으로 호출하게되면 데이터 저장소에 저장된 모든 key, value값을 가져온다. data 메서드를 통해 DOM에 데이터 값을 업데이트해도 DOM 속성에는 영향을 미치지 않는다. data-* 속성 값을 설정하려면 attr을 사용하면된다. removeData 메서드를 통해 데이터 저장소의 값을 제거할 수 있다. // HTML // jQuery // tag 반환 $('#box').data('type'); // color..

Javascript VS jQuery Javscript API에 비해 jQuery는 선택자를 사용하여 DOM(Document Object Model) 요소에 쉽고 편리하게 접근할 수 있다. // Javascript document.getElementById('container'); document.querySelector('#container'); // jQuery $('#container') 아래는 기초적인 선택자만 작성하였으므로 모든 선택자를 확인하려면 jQuery 사이트 참조 직접 선택자 아이디 (#) id는 페이지내에서 유일해야한다. // Html // jQuery $('#container') 클래스 (.) 동일한 클래스를 가진 복수의 요소가 될 수 있다. // Html // jQuery $('...

아이프레임은 HTML Inline Frame 요소이며 inline frame의 약자이다. " 효과적으로 다른 HTML 페이지를 현재 페이지에 포함시키는 중첩된 브라우저로 iframe 요소를 이용하면 해당 웹 페이지 안에 어떠한 제한 없이 다른 페이지를 불러와서 삽입 할 수 있다. " HTML // 문법 // 예시 유튜브 iframe API 사용 예제 iframe을 지원하지 않는 브라우저입니다. noframes 요소는 해당 브라우저가 iframe 요소를 지원하지 않을 때 보여지는 문자열을 저장합니다. iframe 속성 - src : 삽입 할 홈페이지 url - name : 프레임 이름 - width : 프레임 가로 너비 - height : 프레임 세로 길이 - frameborder : 프레임 테두리 선 (..