개발바닥 아방수

가끔 팝업창에서 작업을 마치고, 팝업창은 끄고 자식창의 메세지를 받아 부모창에서 작업을 마저 해야할 때가 있다. 이럴 때 사용하면 좋은 게 postMessage 메서드다. postMessage('전달할 데이터', '자식창URL'); postMessage() 메서드는 웹 페이지 간에 안전하게 데이터를 전송하는 데 사용된다. 이 메서드를 사용하면 다른 창, 프레임 또는 워커(worker)에 메시지를 보낼 수 있다. 이 메서드는 두 가지 주요 매개변수를 사용한다: message: 전송하려는 데이터. 문자열, 객체 등 어떤 데이터든 전달할 수 있다. targetOrigin (선택적): 메시지를 받을 대상 창의 출처(origin)를 지정. 이는 보안상의 이유로 설정되며, 이 값이 설정되면 특정 출처에서만 메시지를..

null과 undefined 자바스크립트에서 null이란 object 타입이며, 아직 '값'이 정해지지 않은 것을 의미합니다. 또한, undefined란 null과는 달리 '타입'이 정해지지 않은 것을 의미합니다. 따라서 자바스크립트에서 undefined는 초기화되지 않은 변수나 존재하지 않는 값에 접근할 때 반환됩니다. 예제 var num; // 초기화하지 않았으므로 undefined 값을 반환함. var str = null; // object 타입의 null 값 typeof secondNum; // 정의되지 않은 변수에 접근하면 undefined 값을 반환함. null과 undefined는 동등 연산자(==)와 일치 연산자(===)로 비교할 때 그 결괏값이 다르므로 주의해야 합니다. null과 und..

0. 동기와 비동기 개념 동기(synchronous : 동시에 일어나는) - 요청을 하면 (바로) 응답을 받는다는 의미. 말 그대로 동시에 일어난다는 뜻. 요청과 그 결과가 동시에 일어난다는 약속. 바로 요청을 하면 시간이 얼마가 걸리던지 요청한 자리에서 결과가 주어져야 한다. -> 요청과 결과가 한 자리에서 동시에 일어남. -> A노드와 B노드 사이의 작업 처리 단위(transaction)를 동시에 맞추겠다. 비동기(Asynchronous : 동시에 일어나지 않는) - 동시에 일어나지 않는다를 의미. 요청과 결과가 동시에 일어나지 않을거라는 약속이다. 요청과 응답이 다른 시간대 존재하기 때문에, 요청내용에 대해 지금 바로 혹은 당장 응답받지 않아도 된다. (바로 응답이 와도 되고!) -> 요청한 그 자..

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

검수 중 스크롤을 없애달라는 요청이 있었다. 나의 경우 class 에 넣어서 입혔다. 1. 가로 스크롤 없애기 2. 세로 스크롤 없애기 (참고출처) https://dev-yujji.tistory.com/13

1. 대체 이미지 노출 ( 예시. 네이버 로고로 대체 ) 2. 숨기기 : 나는 이 방법을 사용하여 게시판에 이미지를 업로드 하지 않은 보이지 않게 했다. 3. DOM 자체를 삭제 ( IE에서는 removeNode() 함수를 사용해야 함 ) 4. 함수사용 * 대체 이미지도 없으면 무한 루프에 걸린다. (참고출처) https://zxchsr.tistory.com/16

🔎 익명함수, 즉시실행함수, 화살표 함수 🔎 익명 함수(Anonymous Function) 익명 함수는 말 그대로 이름이 없는 함수다. 함수를 만들고 변수를 선언한 뒤 ‘변수에 함수를 저장’하는 방식인데 이런 식으로 함수를 만드는 것을 **‘함수 리터럴(Literal)’**이라고 한다. var 변수명 = function() { 지시문1; 지시문2; ... } 변수명(); // 함수 실행 function으로 함수를 정의하는데 함수_명이 없고, 정의한 함수를 변수_명에 저장한 뒤, 나중에 변수_명으로 익명 함수를 호출해서 사용한다. 익명 함수는 프로그램 전에 일정한 규칙을 줄 때 사용된다. (인터페이스의 상속에서 많이 사용한다. 익명 함수에 기능을 넣어놓지 않는 경우도 있다. 함수명을 동일시 하게 하는 것이..