더 나은 웹개발을 꿈꾸는 기술 블로그. 웹이즈프리.
총 9개의 일치하는 문서를 찾았습니다.
- css
[CSS] 스타일 속성 inset 알아보기
css 스타일 속성 중 하나인 inset에 대하여 알아보려고 합니다. inset은 무엇이고 언제 사용할 수 있는지 아래에서 알아보세요.#css 속성 inset은?inset은 태그 요소의 위치를 결정하는 top, right, bottom, left의 축약 스타일 속성입니다. 즉 상하좌우를 각각의 css 속성으로 설정하지 않고 inset 하나만 사용하는 것이 가능합니다. 사실 inset을 사용하지 않더라도 top, right, bottom, left 등을 사용할 수 있겠습니다.@ 활용 팁자주 사용되지는 않지만 특정 엘리먼트의 위치를 조정하기 위한 방법 중 하나로 사용될 ...
Last Modified : 2022-08-22 14:35:00
Created : 2022-08-22 23:35:00 
js자바스크립트 배열 값 순서 바꾸기, 변경하기
자바스크립트 배열이 여러 개의 값을 가지고 있을 때 만약 배열 값의 순서를 바꾸려면 어떻게 하는지 알아봅니다.# 자바스크립트 배열의 값 순서 바꾸기자바스크립트의 배열은 순서대로 정렬되어 저장됩니다. 즉 원하는 순서대로 배열 값을 위치시키는 것이 가능하다는 뜻입니다. 만약 기존의 배열 순서를 다른 순서로 변경해야 한다면 어떻게 할까요? 몇 가지 방법들이 있는데요... 루프를 사용하여 모든 값들을 다시 순서대로 추가하는 방법도 있고 아니면 이동할 값만 잘라내서 원하는 위치에 추가하는 방법도 있습니다.여기서는 두 번째 방법인 배열의 값 중 이동해야 할 값만 다른 ...
Last Modified : 2020-12-23 08:10:39
Created : 2020-12-22 17:58:00
etc네이버 블로그에서 애드포스트 광고 타입을 중간 광고로 설정하기
네이버 블로그에서 사용 가능한 광고 애드포스트의 광고 위치를 중간으로 변경하는 방법에 대하여 알아봅니다.# 애드포스트 광고 위치 변경하기광고의 위치는 매우 중요합니다. 수익과 크게 연관되어있기 때문이죠. 이런 이유로 클릭율이 높은 광고 위치를 알아내기 위해 많은 테스트를 진행하기도 합니다."애드포스트의 광고 위치를 변경하자!"네이버 블로그의 애드포스트 광고는 위치 설정이 가능합니다. 선택 가능한 옵션은 현재 중간과 하단, 중간, 하단 세가지 방식입니다.@ 애드포스트 광고 선택 가능한 위치는 ?1. 모두(중간과 하단)2. 중간3. 하단여기서 1번인 중간 및 하단의 경우...
Last Modified : 2020-11-10 19:34:58
Created : 2020-11-09 23:48:00
js[자바스크립트] 엘리먼트의 페이지 위치 알아내기, getBoundingClientRect
자바스크립트를 사용하여 화면(screen)으로부터 DOM 엘리먼트의 위치(position)를 알 수 있는 방법에 대하여 알아봅니다.# DOM 엘리먼트의 위치 구하기이 번에 알아볼 방법은 현재 화면, 윈도우(window)룰 기준으로 특정 엘리먼트의 위치 값을 구하는 방법을 알아봅니다. 아래 스크린샷 처럼 말이죠. 상단과 하단은 스크롤을 이동하여 화면에서 보이지 않는 영역입니다.스크린샷) 화면을 기준으로 부터의 거리 구하기즉 현재 브라우저 화면을 기준으로 위치 값을 가져옵니다. 만약 값을 구할 엘리먼트가 감춰져 안 보인다면? 이 경우 화면 밖에 위치하므로 당연히 마이너스...
Last Modified : 2020-09-22 08:23:02
Created : 2020-09-21 20:32:52
js[자바스크립트] jQuery 마우스의 위치, 좌표 확인, event()
자바스크립트를 사용하여 마우스의 위치, 좌표값을 확인하는 방법에 대하여 알아보려합니다. 아래에서는 가장 간단한 방법인 제이쿼리를 사용해 알아보겠습니다# 제이쿼리를 사용하여 마우스 위치 알아내기 만약에 현재 마우스 커서가 위치한 값을 얻기 위해서는 어떻게 해야할까요? 기본적으로 마우스를 사용하는 이벤트 객체를 사용해야 합니다. 이벤트 객체는 모든 이벤트 핸들러를 가지고 있으며 좌표값 역시 확인이 가능합니다. 그럼 아래의 예제를 통해 실제 마우스가 어디 위치에 있는지 알아보세요.# 마우스 클릭 위치 예제보기; 아래 예제는 마우스를 클릭했을때의 브라우저에서의 현재...
Last Modified : 2017-12-11 07:54:43
Created : 2016-05-31 10:56:16- js
[제이쿼리] 화면 그리고 부모로부터 상대적인 위치 알아내기, offset, position
제이쿼리는 특정 요소의 상대적인 위치를 구할 수 있는 매우 효과적인 메소드를 지원하는데 그 중에서도 아래 두 메소드를 사용하면 매우 간단하게 구할 수 있다.$(선택요소).offset();$(선택요소).position();만약 test라는 클래스 명을 가진 요소가 있을 경우 그 요소의 상대적 위치를 구하기 위해 아래의 방법을 사용한다.$('.test').offset();// 문서로부터의 좌측과 상단으로부터의 거리를 출력$('.test').position();// 가장 첫 번째 부모요소로부터의 좌측과 상단으로부터의 거리를 출력...
Last Modified : 2015-10-30 08:50:51
Created : 2015-07-07 17:31:47 - js
[자바스크립트] 선택한 요소 중간에 위치시키는 방법, 예제보기
요소를 중간에 위치시킨다? 가로정렬은 상대적으로 간단하지만 세로정렬은 쉽지 않은 부분이 있습니다. 자바스크립트를 사용해 선택한 특정요소를 중간에 위치시키는 방법을 알아보겠습니다.먼저 아래 예제를 봐주세요!! 선택요소 세로 정렬 소스 코드보기<body><div id='popup_win'>TEST</div></body><script>$(document).ready(function() {var popup_win = $('.popup_win');// 하나. 정렬할 요소를 변수에 저장var availSizeScroll = ...
Last Modified : 2015-11-15 23:34:07
Created : 2015-07-02 18:50:04 - php
[PHP] 헤더(Header) 페이지 이동, 현재 위치 변경, Refresh, 중지
header는 페이지를 불러오기 이전에 간략하게 서버와 브라우저간의 통신을 수행합니다. 그래서 다른 문구가 출력되기 이전인 맨 상위에 선언하여야 에러가 없습니다. 아래는 header 태그를 사용해 할 수 있는 것들입니다.# header() 사용 예제 보기1. 불러올 페이지의 문서타입 결정하기header('Context-Type: text/plain');페이지에 나타날 내용의 콘텍스트 타입을 브라우저에 알려줍니다.2. 현재 위치에서 다른 곳으로 이동하기header('location: http://webisfree.com/');서버언어를 사용하는 방법으로 301 리다이렉...
Last Modified : 2015-11-30 21:24:24
Created : 2014-01-28 16:30:50 - js
[자바스크립트] 텍스트에서 찾는 문자의 위치(순서) 불러오기, search()
문자열에서 특정 텍스트의 위치를 알고싶을때 search() 함수를 사용합니다. 해당 함수는 특정 문자열의 위치를 숫자로 반환하여 줍니다. 자세한 내용은 아래 예제를 참고하세요.# search() 예제소스 코드보기 example test = ’rankingis’;string = ’blog.rankingis.com’;output = string.search(test);// output의 결과는 4를 반환합니다. 그렇다면 engdic이 두 번 들어가 있다면 어떻게 될까 ? example string = ’rankingis&rank...
Last Modified : 2015-11-15 22:52:44
Created : 2014-01-21 17:34:57