본문 바로가기

Lect & Tip111

✈php $_SERVER (서버함수) 예제 php뿐만 아니라 웹프로그래밍을 하다보면 서버환경이나 사용자의 사용환경 정보를 서버사이드에서 수집할 필요가 있을 때가 있다. php에서도 당연히 서버환경이나 사용자환경 예컨데 접속자의 아이피주소라든지, 자바스크립트의 USER_Agent와 같은 정보들을 수집할 수 있는 함수들이 마련되어 있다. 이를 통칭해서 서버함수라 칭하고 php에서는 $_SERVER의 배열 형태로 쓸 수 있다. 사용 예제들은 다음과 같다. 실제 동작 데모페이지는 이 곳을 클릭. $_SERVER['DOCUMENT_ROOT'] = 사이트가 현재 위치한 서버상의 폴더 위치 = /home/hosting_users/rsl2_stspace/www $_SERVER['SCRIPT_FILENAME'] = 실행되고 있는 php문서의 위치와 파일명 = /.. 2019. 7. 14.

[javascript] 자바스크립트로 rgb 색상표 출력하기 html rgb색상 코드표 만들기 ✈[javascript] 자바스크립트로 rgb 색상표 출력하기 html rgb색상 코드표 만들기 RGB색상 코드는 rgb(255,255,255)나 # FF FF FF 와 같이 흔히 표현되는데, 사실은 컴퓨터는 2진수만 이해한다. FF든 255든 사람이 보기 편하라고 표현한 형식이다. 아무튼 컴퓨터는 이 코드를 옥텟[Octet]단위로 끊어서 이해한다. 옥텟이란? 옥텟이란 8개의 한 묶음이다. 달리표현하자면 바이트쯤 되겠지만 조금은 뉘앙스가 다른 개념이다. 첫번째 옥텟은 R, 즉 RED를 뜻하고, 두번째 옥텟은 G, 즉 Green을 뜻하고 세번째 옥텟은 B, 즉 Blue를 뜻한다. 이 각 옥텟에서 이 세가지 색상의 빛의 정도를 표현한다. 0이면 불이 꺼져있으니 어두운것이 되고, 모두 1로 채워지면 그만큼 밝.. 2019. 7. 12.

✈ 자바스크립트 onresize 이벤트 창크기 변경 감지 자바스크립트 onresize 이벤트 창크기 변경 감지 자바스크립트의 onresize 이벤트 창의 크기가 변경될 때마다 그 것(이벤트)을 감지해서 특정 처리를 해야 될 때 늘 onresize 이벤트를 활용할 수 있다. Syntax HTML Attribute Event Property object.onresize = handler; attachEvent Method object.attachEvent("onresize", handler) http://msdn.microsoft.com/en-us/library/ms536959(VS.85).aspx onresize 이벤트를 적용가능한 엘레멘트는 window 객체 뿐만 아니라 다음의 객체들에도 적용이 가능하다. A, ADDRESS, APPLET, B, BIG, BL.. 2019. 7. 4.

jQuery selector함수 slice() - start, end 까지 index 요소 선택 between 📌jQuery selector함수 slice() - start, end 까지 index 요소 선택 between 1번부터 10번까지 형제 요소들이 있을 때 이 중에서 2번부터 5번까지만 선택해서 jquery로 동작을 시키고 싶을 때가 있다. 이럴 때 사용하는 함수가 바로 jquery slice()함수다. 사용방법은 다음과 같다. $('selector').slice(2,5).addClass('newClass'); 이와 같이 실행하면, 선택된 요소들에서 eq(2),eq(3),eq(4),eq(5) 가 선택되어서 addClass함수에 의해 'newClass'라는 클래스명이 부여된다. 2019. 6. 24.

📌 CSS 말줄임 : text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 글자르기 width:auto. 제목이 길 경우 ...로 표시 게시판을 개발할 때 귀찮은 작업중의 하나가 제목을 리스트 폭에 맞춰서 말을 줄이는 것이다. 서버 단에서 미리 길이를 계산해서 출력할 수도 있지만, 사이트 특성상 게시판의 종류가 다양하다거나 하면, 은근히 귀찮은 압박으로 다가오게 된다. 이럴때 유용한 것이text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 조합이다. 이걸 쓰면 금호리조트 1월 행사 안내 - 추가할인 혜택금호리조트 1월 행사 안내 -추가할인 혜택금호리조트 1월 행사 안내 - 추가할인 혜택금호리조트 1월 행사 안내 - 추가할인 혜택 이렇던 녀석이 이렇게 바뀐다. 소스에서 볼드처리 해둔 부분이 중요한 부분인데, vf_360을 id로 스타일을 적용하게 했고, width:auto; 속성을 부.. 2019. 6. 22.

패스트부트 반응형 웹 티스토리 스킨 상단에 배너달기. 미디어 쿼리 ✈ 프로그래머들이 싫어하는 언어 제 동생 블로그에 패스트부트 반응형 웹스킨을 적용해 주었는데요. 반응형 스킨상에서 블로그 최상단의 블로그 이름 옆에 배너를 다는 법에 대해 궁금해하시는 분이 댓글로 질문해 주셨어요. 웹퍼블리셔로 일하는 저로서는 그냥 간단한 작업이었는데, 아무래도 일반인 분들은 CSS개념이라든지, 반응형 미디어 쿼리에 대해 잘 모르시니까 어렵게 느껴지실 것 같긴 하네요. 모든 반응형 웹 티스토리 블로그 스킨이 똑같은 구조가 아니라서 단정적인 방법을 설명해 드릴 수는 없네요. 일단은 제가 주로 사용하고 있는 패스트부트 반응형 웹 티스토리 스킨 버전 1.6.1을 기준으로 해서 설명을 드릴게요. 그전에 일단 중요한 핵심에 대해서 얘기하죠. 이 부분은 패스트부트 스킨이 아니더라도 반응형 웹이라면 고려해야 할 사항입니다. 일단 반.. 2019. 5. 24.

이전 1 ··· 15 16 17 18 19 다음

티스토리툴바