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

• js [JavaScript] 배열 값을 텍스트로 변환(하나의 텍스트로 합치기, 병합) 페이지 아래 링크로 이동되었습니다.https://webisfree.com/2017-05-11/자바스크립트-배열을-텍스트로-변환-바꾸기

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  View : 1407 / Created : 2014-01-31
  
• php [PHP] 숫자 타입 변수의 소수점 변환, 버림, 올림, 반올림 방법 숫자 타입의 데이터를 처리할 때 소수점 자리수에 대하여 변환이 필요한 경우 다양한 방법으로 변환할 수 있습니다. 이 중 가장 많이 사용되는 방법이 반올림, 올림, 버림의 형태인데 아래와 같이 사용합니다.<span style="text-align: center; width: 90%; margin: 0 auto; border:1px solid #ADCBCE; display: block; font-size: 0.96em; background-color

  View : 24595 / Created : 2014-01-31
• php [PHP] MySQL에서 Database와 연결방법 및 선택 옵션 알아보기 Mysql의 경우입니다. PHP와 Database를 연결 및 동장 그리고 해제를 하기 위해서는 PHP 함수를 이용하며 3가지 함수를 사용합니다.1. mysqli_connect();mysqli_connect('host', 'user', 'password', 'dbname', 'port', 'socket');<br

  View : 5394 / Created : 2014-01-31
  
• php [PHP] 외부 file에 대한 Include 방법 페이지의 중복되는 부분은 공통되는 부분을 하나의 파일에 저장하고 이를 불러와 출력되게하는것이 좋습니다. 이때 사용가능한 함수중 하나가 바로 include인데 사용방법은 매우 간단합니다. <div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widget_wrapper cke_widget_block cke_widget_codeSnippet" data-c

  View : 5334 / Created : 2014-01-31
• php [PHP] PHP 완전 기본 PHP는 Server Side Language 중 하나로 가장 넓리 쓰이는 개발언어 중 하나입니다. 그 이유로 php가 쉽다기 보다는 필요한 기능들을 구현하는 다양한 레퍼런스 및 관련 소스가 존재하기 때문입니다. 특히 전세계적으로 넓리 사용되는 WordPress(워드프레스) 역시 PHP로 만들어졌습니다.그럼 PHP 언어의 가장 큰 특징부터 알아보도록 하겠습니다. 주요 기능은 아래와 같습니다.C를 기반으로 한 언어실제 서비스 구현&nbs

  View : 1413 / Created : 2014-01-31
• sql [MySQL] 데이터베이스(DB)의 생성, 추가, 삭제방법 및 테이블 조작 기본명령어 mySql에 사용되는 자주 사용되는 DB, 데이터베이스 조작 명령어에 대하여 알아보겠습니다. 기본적으로 데이터베이스를 생성, 삭제하는 방법과 RDBMS의 기본이 되는 Table을 생성, 삭제, 변경하는 방법입니다.# 데이터베이스 조작 명령어<div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widget_wrapper cke_w

  View : 2307 / Created : 2014-01-31
• sql [SQL] 쿼리결과의 반환 개수 정하기, LIMIT 관계형 데이터베이스, RDBMS에서 데이터를 불러올 때 데이터의 크기와 시작점을 정하는 방법을 알아봅니다. 만약 테이블에서 불러올 데이터 크기를 줄여야한다면... 아니면 불러올 값의 시작점을 다르게해야한다면 어떻게할까요?게시판을 예로 들면 게시글 총 수가 1,000개라면 전체를 한페이지에 출력하기 어려우므로 약 15개 또는 20개 정도의 글이 적당할 수 있죠. 즉 페이지네이션에 필요한 정보를 제공해야하는데 이때 쿠ㅏ리문에 설정하는 값을 알아보려합니다.<

  View : 4371 / Created : 2014-01-30
• js [자바스크립트] 화면, 브라우저, 클라이언트의 높이, 너비(폭) 불러오는 속성 동적인 화면을 구성하기 위해서는 브라우저의 크기와 현재값을 알아둘 필요가 있습니다. 현재의 디바이스가 가지는 최대 width 너비의 크기등을 말이죠. 얻을 수 있는 값들 중 크기 순으로 정렬하자면 아래와 같습니다clientHeight > offsetHeight > scrollHeight위 순서대로의 크기를 가집니다. 좀 더 자세하게 알아보도록하겠습니다.1. clientheight이 값은 스크롤바의 공간을 제외한 부분입니다

  View : 8472 / Created : 2014-01-30
• js [자바스크립트] iframe 태그에 접근해 문서 객체 DOM 요소 접근 iframe 태그를 이용해 외부 도메인 또는 URL 주소의 내용을 자신의 웹사이트에 보여주는 경우 ... 때때로 iframe의 DOM 영역에 접근할 필요가 있습니다. 이때 어떻게하면 가능한지 알아봅니다.# 자바스크립트 iframe 요소의 DOM에 접근하기iframe 태그의 DOM객체에 접근하기 위해서는 i

  View : 14682 / Created : 2014-01-30