브라우저는 보안을 위해 자바스크립트 기능에 제약을 걸어놓음.
- 보안을 위해 만들어진 제약사항.
웹페이지 내 스크립트는 디스크에 저장된 임의의 파일을 읽거나 쓰고, 복사하거나 실행할 때 제약을 받을 수 있다. 운영체제가 지원하는 기능을 브라우저가 직접 쓰지 못하게 막혀있기 때문.
파일을 다룰 순 있지만, 접근은 제한되어있다. <input>
처럼 특정 태그를 통해 파일을 선택할 때와 같이 특정 상황에서만 파일 접근을 허용.
그리고 카메라나 마이크 같은 디바이스와 상호작용하려면 사용자의 명시적인 허가가 있어야 한다. (사용자 몰래 정보를 수집할 수 없기 때문)
브라우저 내 탭과 창은 대개 서로의 정보를 알 수 없다. 그런데 자바스크립트를 사용해 한 창에서 다른 창을 열 때는 예외가 적용됩니다. 하지만 이 경우에도 도메인이나 프로토콜, 포트가 다르다면 페이지에 접근할 수 없다.
이런 제약사항을 '동일 출처 정책(Same Origin Policy)'이라 부릅니다. 이 정책을 피하려면 두 페이지는 데이터 교환에 동의해야 하고, 동의와 관련된 특수한 자바스크립트 코드를 포함하고 있어야 합니다. 자세한 사항은 추후 학습하도록 하겠습니다.
다시 한번 강조하지만, 이런 제약사항은 사용자의 보안을 위해 만들어졌습니다. http://anysite.com에서 받아온 페이지가 http://gmail.com에서 받아온 페이지 상의 정보에 접근해 중요한 개인정보를 훔치는 걸 막기 위함입니다.
Google 검색 엔진에 접속해 'MDN [원하는 용어]'를 입력해 봅시다. parseInt 함수에 대한 정보를 얻고 싶다면 https://google.com/search?q=MDN+parseInt 같이 검색하는 식으로.
자바스크립트에서 느낌표 두 개(!!)는 다른 타입의 데이터를 boolean 타입으로 명시적으로 형 변환(Type Conversion)하기 위해 사용한다.
정의
⭐️ 폼 태그는 주로 사용자가 입력하는 값을 받아 처리하기 위해 사용된다.
현업에서 매우 자주 사용되고, 중요한 태그라서 기본 개념을 잘 잡는것이 Point.
입력폼 - 전송방식, 필수입력, 이름, 이메일, 유효성 검사등
25분 안에 HTML 양식 배우기(영문)
폼 태그는 유저로부터 데이터를 입력할 수 있는 범위를 지정할 때 사용되며, 주로 내부 input 요소들이 배치되어 있습니다. 추가로 이러한 정보들을 입력받아 서버와 통신할 수 있음.
clip속성으로 요소의 특정 부분만 나오도록 할 수 있음.
기본값 : auto, 상속 : No, 애니메이션 : Yes
문법 ) clip : auto / shape / initial / inherit
auto : 요소의 모든 부분이 나온다.
shape : 특정 부분이 나오도록 한다.
initial : 기본값으로 설정한다.
inherit : 부모 요소의 속성값을 상속받음.
실제 사용 코드 예시
.box {
position: absolute;
clip: rect( 20px, 220px, 220px, 20px );
}
rect(top,right,bottom,left)
양질의 자료글들 잘 정리해가고 계시네요
ㅎㅎ어제도 고생하셨어요