LATEST POSTs 최근 등록된 포스팅 목록 최신순

---

인기순

• php [PHP] 현재 페이지 url주소, 파라미터, 쿼리스트링등의 값 확인하는 방법 서버사이드 언어인 php에서 현재 페이지의 위치 url주소나 파라미터(쿼리스트링)값 등을 알기위한 방법으로 아래의 $_SERVER 키워드를 사용합니다. 이는 내장변수로 전역 스코프를 가지기 때문에 php의 모든 페이지에서 사용할 수 있습니다. 그럼 아래 예제를 보세요. # $_SERV

  View : 29558 / 2014-07-04
  
• webdevetc 홈페이지 빌드 시, 적절한 좌우 폭은? 800px? 1024px? 1280px? 별 이야기는 아니지만 제 블로그 좌우폭이 원래 1024 픽셀인데 바꾸는게 어떨까 고민중입니다...! 640px을 지나 800px을 다시 지나서 1024px을 왔는데 ...맨 처음 홈페이지를 만들던 때가 살짝 기억이 나네요... 그리고 맨 처음 인터넷을 할때도요... 처음 인터넷을 한게 아마 94년 95년 이 때입니다. 그 전에는 Hitel이나 나우누리, 천리안... 주로 이런 서비스를 사용했었죠... 그 당시 등대라는 프로그램을 새벽에 몰래 운영했는데 아마 아시는 분은 다 아실 겁니다. 사설 bbs라고

  View : 2050 / 2014-07-02
  
• webdevetc Tag cloud (태그 구름) 알아보기 Tag cloud(태그 클라우드)는 무엇일까요??? 블로그나 웹사이트를 방문하면 메뉴 한쪽 공간에 Tags 또는 Tag cloud등의 이름으로 움직이는 동적인 또는 정적인 형태의 단어들을 볼 수 있습니다. 그것이 바로 Tag Cloud라고 불리는 것입니다...(이미지 출처 : 위키백과)! 태그 클라우

  View : 3453 / 2014-07-02
  
• php [PHP] 일일 방문자 구현하기... 어떻게 그리고 무엇을... 제 블로그에는 현재 일일 방문자 기능이 없습니다...(현재는 하단에 있죠? ^^) 사실 블로그로서의 기능을 제대로 구현하지 못하고 있는데요(반성중입니다;;) 일일 방문자 기능을 넣으면 어떨까 하는 생각이 드는군요. 만약 기능을 구현한다면 생각할 부분은 무엇이 될까요?[ 1 ] 어떻게 구현할 것인가의 문제...; 첫째는 소스를 가져오는 방법이 있겠군요! 가장 간단한 방법은 역시 구글링등을 통해 다른 사람의 오픈소스를 가져오는 방법입니다. 이 방법 역시 두가지로

  View : 4204 / 2014-07-02
• js Sizzle Selector Engine이란? 자세히 알아보기... 씨즐 셀렉터(Sizzle Selector)를 이야기하려면 우선 가장 넓리 쓰이는 자바스크립트 라이브러리 중 하나인 제이쿼리(jQuery)를 빼놓을 수 없겠죠... 이 제이쿼리에서 사용하는 셀렉터가 바로 씨즐 셀렉터(Sizzle Selector)입니다.<br

  View : 5625 / 2014-06-28
  
• php [PHP] 정규 표현식을 이용한 문자열 검색과 이용하지 않은 검색, strpos() 그리고 preg_match() 특정 문자열에서 원하는 단어 또는 문자를 찾기위한 방법으로 strpos() 또는 preg_match()를 사용할 수 있습니다. 이 둘 모두 포함된 텍스트를 찾는데 사용할 수 있지만 preg_match를 사용하면 정규표현식을 사용하여 일치하는 문자열이 있는지를 알아낼 수 있습니다. 그럼 아래는 간단한 사용방법입니다.<stron

  View : 4658 / 2014-06-23
• sql NoSQL이 등장한 이유와 배경 및 특징 알아보기 요즘은 워낙 많이 사용되고 있는 nosql에 대하여 알아보겠습니다. 왜 NoSQL이 등장하였고 그 이유는 무엇이며 장점은 무었일까요...기존의 데이터베이스의 대부분은 거의 모두 RDBMS, 즉 관계형 데이터베이스입니다. 시작 역시 그러했고 아직까지 대부분의 기업이 NoSQL의 등장하였지만(Google을 예외) 대부분 RD

  View : 3842 / 2014-06-03
• js [JavaScript] 인쇄창 띄우기, print() 브라우저에 있는 내용을 접속자가 인쇄가 가능하도록 출력창을 띄우게 하는 방법으로 아래의 메소드를 사용합니다.window.print();그럼 다음과 같은 내용을 방문자에게 출력할 수 있도록 하려면 아래처럼 출력 버튼을 만들어 아래의 print() 함수를 넣어주면 될 것입니다.<div class="

  View : 12320 / 2014-05-29
  
• webdevetc Terminal에서 curl을 이용하여 웹에 정보 요청하기 curl은 터미널(Terminal) 리눅스 환경에서 웹 페이지에 정보를 요청할 수 있는 매우 유용한 도구입니다. 주로 API를 쉘스크립트 환경에서 테스트 하는데 많이 사용되지만 단순한 웹사이트 정보를 가져오는데 역시 사용할 수 있습니다.# 헤더정보 또는 바디정보 가져오기아래는 curl을 사용하여 헤더, 바디 정보를 가져오는 방법입니다.<div tabindex="-1" contenteditable="false" data-cke-wi

  View : 5538 / 2014-05-26
• js [JavaScript] 시간 지연 함수, 일정 시간 뒤 실행시키기, setTimeout() {} 자바스크립트 함수중에서 자주 사용되는 타이머 함수가 있습니다. 바로 setTimeout()이죠! 아래는 어떻게 동작하고 사용하는지 자세히 알아보고자 합니다.# setTimeout()이란?일정 시간 후에 특정

  View : 314061 / 2014-04-08
  
• webdevetc Mac에서 숨겨진 화일 보는 방법, 터미널 이용 Mac을 사용하면서 시스템파일을 설정하려면 숨겨진 화일을 봐야합니다. 하지만 숨겨진 파일을 보기 위해서는 Totalfinder나 비슷한 어플리케이션을 설치해야하는데 번거롭죠. 그래서 간단하게 터미널에서 볼 수 있는 방법을 알려드립니다. example defaults write com.apple.finder AppleShowAllFiles 1 &&

  View : 1580 / 2014-03-31
• html [CSS] position 속성이 absolute인 경우 상위 레이어 또는 전체 윈도우 기준 정렬방법 안녕하세요. position 속성이 absolute인 경우 정렬을 맞추는 방법입니다. 해당 요소의 position이 absolute일때 정렬하는 방법은 relative와는 다른 방법을 사용해야 합니다. absolute일 경우의 특징을 고려해서 레이아웃을 설정해야 하는데요...1. position 속성이 absolute?; absolute 속성이 되는 경우 주변의 다른 레이어 객체들과 상관하지 않은채 정렬이 가능하게 됩니다. 예를 들어 position이 relative인 경우는 다른

  View : 14908 / 2014-03-24
  
• webdevetc [SVN] 변경된 revision 넘버 확인하기, 알기 서버에 커밋을 수행하면 원하는 comment를 남기며 Revision 넘버를 확인할 수 있습니다. 그리고 만약 최근에 업데이트한 내용(커맨트) 또는 커밋 넘버를 확인하고 싶을때 아래의 방법을 사용할 수 있습니다.svn 커맨드로 아래와 같이 입력합니다.<div tabindex="-1" contenteditable="false" data-cke-widg

  View : 7482 / 2014-03-19
• webdevetc 이전으로(revision으로) Rollback하는 방법, 리버트 명령어 작업한 내용을 서버에 업데이트 후에 다시 원래대로 돌려야할 경우가 있습니다. 이 경우 예전 Revision으로 revert를 수행합니다. Example svn merge -r HEAD:PREV name.html//하나의 파일을 선택할 경우 위와 같이 수행하며 전체파일의 경우 아래와 같습니다. svn merge -r HEAD:PREV .//그 외에도 HEAD와 PREV 자리에 원하는 Revision을 입력하여 되돌릴 수 있습니다

  View : 2706 / 2014-03-19
• js [JavaScript] 배열 값을 텍스트로 변환(하나의 텍스트로 합치기, 병합) 기존의 페이지가 아래 링크로 이동되었습니다.아래 링크를 클릭해주세요 !!링크 바로가기 >https://webisfree.com/2017-05-11/자바스크립트-배열을-텍스트로-변환-바꾸기

  View : 4708 / 2014-03-11
• css [CSS] 레이아웃 세로로 중앙정렬이 가능할까요? display속성 table-cell을 이용해 중앙정렬하기 레이아웃 중 구현하기 어려운 부분 중 하나로 세로 정렬이 있습니다.특정 태그를 정렬할 경우 가로 정렬은 쉽지만 세로 정렬은 쉽지 않죠? 이럴때 가급적 쉽게 적용이 가능한 방법입니다. 정해진 높이가 아닌 경우 height 값이 변하기 때문에 margin: auto 값으로 세로 정렬되지 않아 다른 방법을 찾아야하죠. 이를 해결하기 위한 방법은 자바스크립트를 이용할 수도 있지만 가장 간단한 방법은 역시 css를 사용하는 것입니다 .여기서는 <span st

  View : 1746 / 2014-03-07
• css [HTML/CSS] 텍스트 수직, 세로방향으로 중앙 정렬하는 다양한 방법 알아보기 웹페이지에서 텍스트를 세로로 중앙정렬 하기 위한 방법은 어떤게 있을까요? 몇가지 방법이 있겠지만 그 중에서 어떤 방법이 가장 적합할지 알아보고자 합니다.# css 텍스트 세로방향 정렬방법만약 텍스트가 아닌 이미지라면 display의 값이 inline으로 <span d

  View : 84640 / 2014-03-07
  
• html [CSS] float속성과 clear속성으로 레이아웃 구성하기 홈페이지를 빌드할 때 layout은 상당히 중요한 요소입니다. 특히 모바일 및 태블릿 환경을 고려해야 하기 때문에 더욱 신경 쓸 수 밖에 없는데요... float 속성을 사용하면 layout 간의 빈 여백을 없도록 도와줍니다. Example <style>float: left;float: right;</style>위처럼 float 속성을 사용한 뒤 다음 레이어는 위에서 미리 선언된

  View : 2339 / 2014-02-20
• php [PHP] 배열에 사용하는 반복문, foreach() { } 반복문은 for, while 등 몇가지가 존재합니다. 만약 입력할 값이 배열에 존재하는 값이라면? 아래와 같이 간단하게 배열에만 사용하는 반복문 foreach()를 사용할 수가 있습니다. 사용 방법은 매우 간단합니다.foreach (배열명 as 문법에 사용할 배열값) { ... }그럼 간단하게 예를 통해 알아보겠습니다.! foreach() 배열함수 반복문 예제 소스<di

  View : 4764 / 2014-02-15
  
• css [CSS] font-size 속성 및 옵션, 절대적인 크기와 상대적인 크기 그리고 팁 알아보기 오늘은 CSS에서 많이 쓰이는 font-size에 대하여 알아보겠습니다. 사실 font-size는 간단한 부분이라 그냥 간과하기 매우 쉽죠. 하지만 폰트는 매우 중요한 부분 중 하나입니다. 그 이유를 알아보면...폰트는 전체 페이지에 모두 적

  View : 2040 / 2014-02-13
• php [PHP] 파일의 권한 부여, chmod() PHP에서 파일의 권한 변경이 필요한 경우 권한을 바꾸거나 부여할 수 있는 방법에 대하여 알아봅니다.# php 권한 부여, chmod() 알아보기권한 변경이 언제 필요할까요? 예를들어 만약 서버에 파일을 업로드할 경우 업로드 될 파일의 권한을 변경할 필요가 있을 수 있습니다. 권한을 변경하지 않으면 서버에 업로드가 불가능 할 수도 있겠죠.이처럼 파일의 권한 변경, 부여가 필요할 때 바로 php 내장 함수 <span

  View : 10516 / 2014-02-09
• html [CSS] Media query, 디바이스별 미디어쿼리 설정 안녕하세요! 모바일 웹페이지 제작을 위한 디바이스별 CSS 미디어쿼리(media query)를 아래에 정리하고 있습니다. 미디어 쿼리는 반응형 웹을 구현하는데 매우 중요한 css 스킬입니다. 처음 등장하였을 때는 기준이 되는 기준 resolution이 없었으나 현재는 많이 다릅니다. 아래와 같은 기준이 많이 쓰이지 않죠...요즘은 모바일의 경우 786px을 기준으로 구분하는 것이 대부분입니다. 테블릿과 랩탑의 경우는 비슷하기

  View : 3352 / 2014-02-05
• html [HTML] 이미지 태그 테두리 삭제하는 방법 홈페이지를 크로스 브라우징 하는 과정에서 IE, Internet Explorer에서만 생긴 이미지의 테두리를 발견할 수 있다. 이는 구 버전의 IE에서 발견되는데 IE를 확인하지 않는 경우 이런 이슈가 나타나는지 알아채기 어려울 수도 있다.이 이슈를 간단하게 해결하는 방법은 CSS 제일 첫 부분에 모든 img 태그의 테두리 값, border를 0으로 설정하는게 가장 효과적인 방법이다. 일반적으로 reset.css를 사용하는 경우에 이런 코드가 상단에 포함되어 있다. reset.css와 같은 미리 만들어두어 웹퍼블리싱

  View : 10041 / 2014-01-31
• js [JavaScript] 새로운창(새창) 불러오기, 띄우기 현재 페이지에서 새로운 창(새창)을 띄워야 하는 경우가 있죠. 보통 새로운 알림등의 팝업을 띄우는 경우나 외부 링크(현재 호스트가 아닌 페이지)로 연결하기 위해서 많이 사용합니다. 아래는 함수는 새창을 띄우는 자바스크립트 방법입니다.window.open('이동할 url주소', '이동방법', '선택옵션', '페이지교체');위 코드를 세부적으로 설명하면...<span

  View : 8509 / 2014-01-31
• etc 유용한 팁, 색상표 확인 안녕하세요. 아래는 유용한 웹사이트의 정보입니다.웹이나 기타 콘텐츠를 만들때 색상표가 필요한 경우가 있을 것 입니다. 이에 대한 정보를 가지고 있는 색상표 페이지를 알려드립니다. 아래 링크를 참고하세요.보면 저도 나중에 저도 만들고싶어지는군요. :)* 색상표 사이트 바로가기<a href="http://www.homejjang.com/03/hex_code

  View : 1110 / 2014-01-31
• html [CSS] 공통선택자 *(Asterisk) 알아보기 그리고 활용방법 CSS 선택자에 대하여 알아봅니다. CSS의 선택자는 아래와 같이 4가지로 크게 나뉩니다.공통선택자타입선택자아이디선택자클래스선택자여기서 제일 상위의 선택자가 바로 오늘 알아볼 공통 선택자입니다. 공통선택자는 무슨 역할을 할까요?# CSS 공통 선택자가 하는 일<br

  View : 4791 / 2014-01-31
• html [HTML] 문서 형식 정의(DTD)가 중요한 이유와 기본 코드 문서 형식 정의(Document Type Definition 이하 DTD)는 페이지를 불러오기 위한 가장 기초적이면서도 기본이 되는 문서타입을 정하는 것으로 브라우저에 현재의 웹페이지가 어떤 문서 형식을 가지는지 전달해줍니다. 이는 웹표준을 지킨 웹사이트를 위해서 가장 기본이 되는 과정이며 정확한 문서 형식이 중요한 또 다른 이유는 DTD가 올바르지 않은 경우 브라우저에 따라 다르게 나타날 수 있습니다. 반드시 HTML5, XHTML 등등 자신의 문서타입을 고려하여 html 최상단에 DTD를 써 두어야 합니다.참고로

  View : 2005 / 2014-01-31
• css [CSS] text-shadow, 글자에 그림자 효과 CSS를 사용해 텍스트를 강조하기 위한 방법이 많이 있습니다. 밑줄을 주거나 색을 진하게 하거나... 기타 등등의 방법이 존재합니다. 그 중에서도 효과적인 방법 중 텍스트에 그림자를 주는 방법이 존재합니다. 이는 시각적으로 매우 두드러지는 효과를 줄 수 있습니다.# 텍스트에 그림자

  View : 6572 / 2014-01-31
  
• html [HTML] 페이지에 아래첨자 또는 윗첨자 넣기, sub, sup 태그 HTML을 사용하여 웹페이지에 윗첨자 또는 아래첨자를 넣을때 사용하는 방법을 알아봅니다.# HTML에서 윗첨자 또는 아래첨자 추가하는 방법HTML 태그를 사용하여 sub 그리고 sup 태그를 사용할 수 있습니다. 그렇다면 언제 이 태그를 사용할까요? 첨자는 주석을 넣기 위해서도 많이 사용합니다. 예를 들어 부가적인 설명을 나타내기 위해서 첨자를 넣은 후 문서의 하단또는 우측등에 세부 설명을 적는 경우가 있을 수 있습니다.

  View : 22319 / 2014-01-31
• css [HTML/CSS] 텍스트 들여쓰기, text-indent 문단을 처음 시작할때 맨 첫 시작 부분에 빈 여백을 남겨두는데 이 부분을 들여쓰기라고 합니다. CSS에는 들여쓰기를 가능하게 하도록 text-indent 속성을 제공하며 매우 간단하게 원하는 만큼 앞에 들여쓰기 공간을 줄 수 있습니다. .test {

  View : 15164 / 2014-01-31