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

---

인기순

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  View : 15922 / 2014-01-31
  
• html [HTML] HTML이란 무엇이며 그 특징 알아보기 HTML (Hyper Text Markup Language)은 정적인 홈페이지를 브라우저를 통해 Client, 방문자에게 보여주도록 만들어진 언어입니다. 마크업 언어라고도 부릅니다. 웹사이트의 시작은 매우 간단한 HTML로부터 시작하였습니다.초창기 HTML의 시작은 매우 단순했습니다. 간단한 텍스트와 링크가 전부였습니다. 사실 링크도 간단한 메뉴 이동뿐이었죠. 이런 웹은 크게 발전했는데 아래와 같은 사건들이 있은 후 입니다.<h4 data-custom-style="c

  View : 4062 / 2014-01-31
• js [자바크스립트] 원하는 요소 및 객체의 속성 지정하거나 불러오기 특정 태그가 가진 속성들 예를 들어 id값이나 class명이 가진 값을 알아야하는 경우 사용 가능한 함수입니다. 값을 가져오는 것도 가능하고 지정할 수도 있습니다. 이때 사용하는 함수는 아래와 같습니다.선택할 요소.getAttribute('지정할 속성', '지정할 값')선택할 요소.setAttribute('값을 불러올 속성')[ 1 ] 속성 값 지정 또는 불러오는 예제 보기<

  View : 9789 / 2014-01-31
• js [자바스크립트] Bookmarklet의 활용범위 및 특징 알아보기 우리가 흔히 사용하는 북마크(bookmark)는 브라우저에 특정 페이지로 바로가기 위해 사용합니다. 자주 가는 페이지나 잊지 않기 위해 메모의 기능으로 북마크를 사용하죠... 하지만 북마크릿에 간단한 프로그래밍을 사용하면 북마크릿(bookmarklet)으로 재탄생할 수 있습니다. 이게 왜 필요하냐구요?! 북마크릿의 활용북마크릿의 장점은 가볍다는 점입니다... 가볍다? 보통의 프로그래밍은 설치부터 실행까지 단순 또

  View : 3488 / 2014-01-31
• js 자바스크립트와 제이쿼리(Jquery)는 무엇이며 특징 알아보기 # JavaScript(자바스크립트)는 무엇인가?Java Script는 웹개발 스크립트 언어 중 가장 넓리 쓰이는 객체지향 언어(OOL: Object Oriented Language)이다. 개발언어는 객체지향언어와 절차지향언어와 구분되는데 최근 사용되는 언어는 거의 대부분 객체지향 언어를 사용하고 있다.무엇보다 그 이

  View : 13142 / 2014-01-31
• php [PHP] 변수의 존재 여부 확인, isset() empty() PHP 언어에서 변수의 값을 확인하는 방법을 알아보겠습니다. 만약 변수가 값이 있는지 확인할 때 어떻게 해야할까요? 이 경우 사용할 수 있는 함수로 isset() 또는 empty() 함수를 사용합니다. isset(확인할 변수명);empty(확인할 변수명);<s

  View : 42796 / 2014-01-31
  
• php [PHP] for 제어문 간단하게 사용하는 방법 PHP에서 for 반복문을 사용하는 방법에 대하여 알아봅니다. 어떻게하면 for문을 사용할까요?# php for 반복문 알아보기반복문, loop를 만들기 위해서 for문이 많이 사용되죠. php 역시 for문이 존재하면 다른 언어에서의 문법과 대부분 동일합니다. 자바

  View : 2909 / 2014-01-31