안녕하세요아이굿입니다. 오늘은 구글크롬에서 미디어쿼리가 버그로인해 제대로 작동하지 않을때 해결법을 알려드리려고합니다. 크롬 브라우저에서 간혹 미디어쿼리가 제대로 작동하지 않을 때가 있다.아래와 같은 순서로 테스트해보면 간혹 버그가 발생한다.1. 미디어쿼리로 만든 웹사이트를 크롬에서 연다.2. 미디어쿼리의 영역에 해당되는 모습이 나오게 창을 줄여본다.3. 크롬 브라우저의 상단에 새 탭을 눌러 임의의 사이트를 접속한다.4. 그 상태에서 창을 최대한으로 키워본다.5. 어느정도 임의의 사이트를 이용한 후 미디어쿼리로 만든 웹사이트가 있는 탭을 클릭한다.6. 바로 이때 이미 최대한의 크기의 브라우져이기 때문에 미디어 쿼리가 그 크기에 맞게 조절되어야하는데 2번에서 지정한 모습으로 늘어났을 것이다. 해결법 1. 일..

안녕하세요아이굿입니다. 오늘은 어제에 이어 CSS를 사용하는 방법을 알려드리려고합니다. CSS 를 사용하는 방법에는 3가지의 형태가 있습니다. 방법을 소개하는 순서는, 나노가 추천하는 순서대로 작성해 보도록 하겠습니다. 1. 외부 스타일을 불러오는 방법 ▼ 12345 ...Colored by Color Scriptercs 이 방법은 외부에 별도의 파일로 존재하는 스타일을 불러오는 방법입니다. 페이지마다 긴 스타일 코드를 작성할 수는 없기 때문에 외부에 1개만 만들어두고 각 페이지가 불러와서 스타일을 적용하게 됩니다. 이 때 style.css 안에는 CSS 로 작성된 스타일 코드가 존재하게 됩니다. 2. HTML 에 스타일을 작성하는 방법 ▼ 1234567 ... ...cs 이 방법은 내부에 스타일을 작성..

안녕하세요 아이굿입니다. 오늘은 CSS에서 선택자를 사용해야하는 이유를알려드리려고합니다. 선택자를 사용하는 이유선택자를 사용하는 이유는 간단합니다. 우선 아래 코드를 비교해 보세요. style="color: red" 부분은 글자 색을 빨간색으로 정하는 스타일 입니다. 추후에 배우게 될 것이지만 예제에서 보다 더 좋은 코드를 선택하기 위해 미리 설명해 드리는 것입니다. 1. 선택자를 사용하는 방법 ▶ https://jsfiddle.net/yoonano/Lkuqw3wb/ 2. 선택자를 사용하지 않는 방법 ▶ https://jsfiddle.net/yoonano/yn5vm79z/ 이제 비교가 되시나요? 결과는 같지만 코드의 길이가 다릅니다. 물론 저렇게 짧은 스타일 코드를 가지고 있다면 선택자를 사용하지 않아도..

안녕하세요아이굿입니다. 오늘은 CSS 에서 background 속성에 대해 알아보도록 하겠습니다. background 속성 말 그대로 배경에 색상을 사용하는 것입니다. 더 빠르고 완벽한 이해를 위해 예제로 살펴보도록 합시다. ▼ 123456// HTML 배경에 색상이 적용됩니다. div 로 했기 때문에 부분이 투명한 이미지가 들어가면 배경 색상이 보입니다. 물론 일반 텍스트를 입력하는 p 태그에서도 가능하구요.cs 12345/* CSS */.b-color { color: white; background-color: gray;}cs 결과 보기: https://jsfiddle.net/yoonano/b9mwf9fs/ 출처: https://donghoon.me/40?category=658719

안녕하세요아이굿입니다. 오늘은 javascript로 팝업을 제어하는 방법을 알려드리려고 합니다. 먼저 부모창에 function test(){}이라는 함수가 있다고 가정한다. 1)팝업창의 경우 다음과 같이 작성한다.opener.test();// 함수가 있는지 확인if(opener.test){ alert("함수 있음");} 2)iframe의 경우 다음과 같이 작성한다.parent.test(); 3) 부모창에서 iframe내 함수접근은 다음과 같다. var ifr = document.getElementById('iframeID'); ifr.contentWindow.function_name(); 부모창에서 'iframeID'이라는 iFrame에 지정된 페이지의 function_name()함수에 접근하는 방법이다..

http://api.jquery.com/trigger/안녕하세요아이굿입니다. 오늘은 자주 사용되지는 않지만가끔 강제로 클릭을 해야만 할때 사용하는강제 click 이벤트 발생시키는법을 알려드리려고 합니다. jquery 의 trigger을 사용하면 됩니다. $("#button_id").trigger("click"); 예제 : http://api.jquery.com/trigger/위 링크로 이동해서Button #2를 눌러보면 어떻게 작용하는지 알 수 있다.