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

---

인기순

• webdevetc [HTML] 페이지 로딩시 select 값 지정하기, 데이터베이스 db 이용 셀렉트 박스(select box)라고 불리는 select 태그를 사용한 페이지를 읽을때 만약 데이터베이스에서 불러온 어떤 값을 셀렉트 태그에 자동으로 선택되게 하려면 어떻게 해야하는지 알아보겠습니다. 이용할 방법은 자바스크립트와 제이쿼리입니다. ! select 태그의 값을 지정해서는 안되는지...물론 value 값을 설정할 수는 있습니다. 하지만 화면에 출력되는 값은 selected 속성값을 가진 option태그만 출력되므로 다른 방법이 필

  View : 19507 / 2015-03-09
• webdevetc button 태그안에 a 태그 클릭 불가 이슈 문제는 다른 브라우저의 경우 클릭이 잘 되나 Firefox(파이어폭스)에서 button 태그안에 위치한 a 태그가 클릭이 안된다는 점입니다... 하지만, button 태그안에 a 태그를 사용하는 것이 올바른 방법은 아니기에 이 문제를 해결하기 위한 방법은 크게 두가지 입니다.하나. a 태그를 버튼 밖으로 이동# 기존<button><a href="/">TEST</a></button><

  View : 11033 / 2015-03-09
• webdevetc [Mac] Mac에서 인용문 기호 만드는법, quote, quotation 웹개발할 경우 텍스트에 인용문이 포함되어 인용문 기호가 필요할 경우 어떻게 해야 할까요? 그 때마다 찾아서 인용문 특수문자를 복사후 붙이기를 반복하는 것도 있을 수 있지만 맥(Mac)이라면 간단한 단축키 만으로 인용문 기호를 찾을 필요없이 바로 추가할 수가 있습니다.ALT + ] = ‘ALT + SHIFT + ] = ’ALT + [ = “ALT + SHIFT + [ = ”

  View : 1562 / 2015-02-12
• webdevetc [CSS] 선택자에서 마지막 요소 스타일 지정, :last-child CSS 에서 자주 사용되는... 많이 활용되는 선택자 중 하나로 last-child 선택자를 들 수 있습니다. first-child와 함께 말이죠~ 마지막 요소에만 특정 스타일을 지정할 경우 last-child 선택자를 사용할 수 있습니다. 예를들어 만약 p 태그가 나열된 태그들 중 마지막에 해당하는 p태그에 스타일을 부여

  View : 11446 / 2015-02-04
• webdevetc img 태그 vs 백그라운드 이미지 언제 어떻게 사용해야 하는가 웹사이트를 퍼블리싱 하면서 이미지 태그를 사용하는 것과 백그라운드로 사용하는 것중 어떤 방법이 더 나을지 고민하게 됩니다... 어떤 경우에 어떤 방법을 사용하는게 더 효과적인지 알아보도록 하겠습니다.# img 태그의 사용하는게 좋은 경우<span style="color: rgb(51, 51, 51); font-size: 1.18em; font-weight:

  View : 4615 / 2015-01-15
  
• webdevetc 워드프레스 장점과 단점은 무엇인가? 워드프레스1는 웹개발 프레임워크로 가장 많이 사랑받고 많이 사용되고 있습니다. 그렇다면 워드프레스란 무엇이고 어떤 장점과 단점을 가지고 있는지 알아보도록 하겠습니다.! 워드프레스(Wordpress)란??워드프레스는 2003년에 시작된 PHP와 MySQL의 언어로 만들어진 오픈소스의 웹개발 프레임워크입니다. 워드프레스는 서비스형과 설치형이 존재하는데 기본적으로 설치형 웹서비스입니다. 그렇기때문에 별도의 웹호스팅을 필요로 합니다.<

  View : 1643 / 2015-01-15
• webdevetc 카페24 FTP 2.0 베타 다운로드 안녕하세요! 웹사이트를 유지, 관리, 운영하기 위한 방법으로 FTP를 많이 사용합니다. FTP는 여러 프로그램이 존재합니다. Filezilla가 매우 유명하죠. 그외에도 호스팅의 웹사이트가 직접 지원하거나 호스팅에서 만들 어플리케이션도 존재합니다. 오늘 말씀드릴 내용은 카페24 호스팅을 사용하시면 사용 가능한 ftp 프로그램 바로 카페24의 어플리케이션 Cafe24FTP 2.0(베타)를 알아보려합니다.<img src="/static/uploads/20

  View : 4253 / 2015-01-13
  
• webdevetc 리눅스 유닉스 파일 권한 설정 알아보기 777, 755 리눅스는 파일 또는 경로에 각각의 권한을 설정할 수 있으며 기본적으로 권한 값을 가지게 됩니다. 이 권한들은 숫자로 표기되는데 이 숫자가 의미하는 바는 무엇이고 어떤 권한을 말하는지 알아봅니다.# 리눅스 권한에 대하여 알아보기파일을 서버에 전송하기 전에도 역시 전송될 파일에 권한이 부여됩니다.</strong

  View : 56516 / 2015-01-02
  
• webdevetc [CSS/JS] 스타일 또는 스크립트의 파일명 뒤에 파라미터를 붙이는 이유 웹페이지의 코드를 보다보면 코드 상단에 위치한 head태그 안에 있는 스타일 또는 스크립트 레퍼런스 파일에 파라미터(parameter)를 추가한 페이지를 볼 수가 있습니다. 예를들면 아래처럼요...<link rel='stylesheet' src='/test.

  View : 8394 / 2014-12-24
  
• webdevetc 게시판 또는 댓글을 작성 한 뒤 서버와 통신하는 방법과 데이터베이스에서 글 불러오는 방법 안녕하세요. 오늘 알고자 하는 것은 무엇이냐? ... 바로 방문자가 게시판에 글 또는 댓글을 적는 경우 서버와 웹사이트간의 데이터를 전송하기 위한 방법에 대하여 알아보고자 합니다. 언제 서버와 웹사이트간의 데이터 전송이 필요한가...첫째. 게시판에 새로운 글로 저장하려는 경우둘째. 이전의 글을 수정하기 위해 데이터베이스(DB)에서 불러와 textarea 태그에 넣어줄때...위 두가지로 요약할 수 있습니다. 오늘 제가 얘기하고자 하

  View : 1760 / 2014-09-24
• webdevetc [검색엔진] 검색엔진 robot이 검색 불가능하도록 설정하기 검색엔진의 robot, 크롤러(crawler)가 내 사이트에 들어와 원치 않은 정보에 접근하는 경우를 방지하기 위해서는 어떻게 해야할까요? 왜 이런일이 발생할까요?# 검색엔진의 검색결과에 인덱싱(indexing)되지 않는 방법어느 날, 블로그의 방문자를 확인해 보니 비슷한 ip의 숫자가 상당수 보였습니다... 그래서 검색해보니 다름 아닌 특

  View : 5631 / 2014-09-22
• webdevetc 301, 302 리디렉션(리다이렉트) 차이점 및 사용방법 페이지 이동, 리디렉션, 리다이렉트... 이름도 참 많죠??? 모두 다 현재 페이지를 다른 페이지로 이동함을 의미합니다. 페이지 이동은 크게 두 가지로 구분이 가능하죠... 서버측 또는 클라이언츠 리디렉션인 301, 그리고 302 방법! 그 둘의 차이점은 무엇이고 큰 특징은 무엇인지 알아보겠습니다.

  View : 19102 / 2014-09-03
  
• webdevetc [Bookmarklet] Safari에서 북마크릿 오류가 발생하는 경우 자주 사용하고 만드는데 얼마 전에 새로 만든 북마크릿이 동작하지 않는 에러가 발생했습니다. 오직 사파리에서만 안되고 디버깅도 안되서 한참을 고민한 끝에 마침내 해결은 하였습니다.확인해보니 사파리에서는 북마크릿을 브라우저에 등록하는 과정에서 자동인코딩이 되더군요. 그 과정에서 % 문자가 인코딩되기 때문에 발생한 문제더군요;; 결국 아래와 같이 해결했습니

  View : 1400 / 2014-08-30
• webdevetc Input, form 태그에 브라우저의 자동 완성 기능 해제하는 방법, 패스워드 완성 못하게 막기 만약 사이트를 방문하여 로그인이나 어떤 정보를 입력하려고 하는데 이미 자동으로 글이 저장되었다면? 그리고 그 내용이 보안이나 개인적인 정보라면 이 기능을 원하지 않을텐데도... 아래는 자동 완성 기능 사용하지 않는 방법입니다.[ 1 ] 자동 완성 기능은 언제 그리고 왜 사용되나...; 브라우저는 우리가 입력하는 입력폼, input이나 textarea에 입력할 글을 자동으로 저장하게 해주는 자동 완성 기능을 기본으로 가지고 있습니다. 그렇기 때문에 기존에 입력된 글을 앞에 몇글자만 입력해도 모두

  View : 24423 / 2014-08-29
• webdevetc ul 및 li태그에서 익스플로러 8 문제 해결하기 ul li 태그를 사용하다보면 익스플로러 8(이하 IE 8)에서 아래와 같은 문제가 나타나게 됩니다. 아래의 이미지를 봐주세요. 보시면 최신 브라우저에서는 이상없이 A와 같이 나오는데요 익스플로러 8 이하에서는 B처럼 레이아웃이 깨지는 현상이 발생합니다... 이럴때 어떻게 해결할 수 있는지 알아보겠습니다.<span style="text-align:

  View : 3791 / 2014-08-11
• webdevetc 유용한 기호 및 특수문자 리스트 ! 홈페이지를 만들거나 텍스트 콘텐츠를 작성할 때 버튼 또는 다양한 스타일의 아이콘, 기호등이 필요할 수 있다. 이 경우 이미지를 사용하는 방법도 있겠으나 지원 가능한 문자코드에도 다양한 특수문자 기호가 존재하므로 이를 활용하는 것 역시 좋은 방법이 될 것이다.아래는 많이 쓰이는 특수기호, 문자 및 코드값을 정리하여 나열한 리스트이다.! 유용한 기호 및 특수문자 모음# 심볼, 기호 및 도형 모음☆ ★ ○ ● ◎ ◇ ◆ □ ■ △ ▲ ▽ ▼ ◁ ◀ ▷ ▶<span style

  View : 13393 / 2014-07-18
• webdevetc 미래의 웹은 한계 및 전망, 그리고 웹어플리케이션의 발전 우리가 알고있는 웹은 그 역사가 짧지만 상상하지 못할만큼 인터넷이 가지고 있는 양은 엄청납니다.. 지금도 많이 발전했지만 가까운 미래에는 어떻게 될까요?1. 웹사이트 그리고 어플리케이션이 둘을 따로 생각할 수는 없을것입니다. 차이점이라면 웹은 브라우저를 필요로 한다는 것이고 어플리케이션은 각각의 디바이스와 운영체제 맞게 구동되는 것이죠. 그런데 최근에는 거의 모든 디바이스에서 웹의

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

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

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

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

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

  View : 6148 / 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 : 2353 / 2014-03-19
• webdevetc 익스플로러(Internet Explorer) 핵 종류 및 사용방법, IE Hack 인터넷 익스플로러 핵이란?인터넷 익스플로러(이하 익스 또는 IE)의 CSS 핵(CSS hack)이란 브라우저마다 달리 적용되는 스타일을 통일할 수 있도록 익스에만 스타일을 적용할 수 있게 하는 스타일 지정 방법을 의미합니다... 물론 익스 뿐만 아니라 거의 모든 브라우저들에 개별적으로 적용 가능한 핵이 존재합니다... 하지만 익스는 약간 특별하죠...익스가 특별한 이유...최근의 익스플로러의 경우

  View : 6749 / 2014-01-27
• webdevetc 익스플로러 8 이하에서 ul, li 태그 사용시 레이아웃 깨지며 list-style이 안보이는 문제 크로스 브라우징 과정에서 IE 8(익스플로어 8) 이하의 브라우저는 li 태그의 레이아웃에 문제가 발생합니다. 왼쪽으로 쏠리고 list-style역시 보이지 않는데요... 자동으로 왼쪽 여백값이 지정이 되지 않기 때문입니다. 이를 수정하기 위해서는 간단하게 IE 8에 사용가능한 핵을 쓰면 간단하게 해결될 수 있습니다.(참고로, 리스트 스타일은 좌측에 작은 무늬를 말하며 여러가지가 선택가능합니다.) Example <ul type="square"

  View : 1555 / 2014-01-26
• webdevetc 인터넷 익스플로러 8 (IE8) 이하에서 색상 적용 안되는 문제, rgba() ie 8(익스플로러 8) 이하에서 색상(칼라)이 적용이 안되는 문제가 발생해 이유를 알아봤더니 칼라를 지정하는 속성 값 때문이더군요. 배경 또는 폰트 색상을 지정하기 위해 보통 아래의 방법을 사용합니다. 그런데 4번째 방법인 rgba값은 IE8 이하에서 적용이 안되기때문에 다른 방법을 사용해야 합니다. 아래 예제를 참고하세요. Example <style>color: #fff; 또

  View : 1983 / 2014-01-24
• webdevetc [SVN] 파일 삭제 및 추가, delete, add 터미널을 이용하여 서버에 있는 파일을 삭제하거나 추가하기 위한 명령어입니다. 우선 아래와 같이 해당 파일에 대하여 삭제 및 추가를 할 것이라고 add 또는 delete 명령어를 사용해 선언을 한 후 서버에 커밋 명령어를 수행합니다. 그럼 아래 예제를 보세요!하나. 파일 또는 삭제 될 것이라 선언; 자신의 로컬(컴퓨터)에 있는 파일을 단순하게 삭제하고 커밋 명령을

  View : 12363 / 2014-01-24
• webdevetc [SVN terminal] commit, 서버에 업데이트 반영하기 svn에서 서버에 작업한 수정 사항을 서버에 업데이트 하는 명령어로 커밋(Commit)을 수행합니다. 커밋은 자신의 pc인 로컬에 작업내용을 업로드합니다. svn status를 통해 현재 변경된 내용을 확인할 수 있으며 작업 내용이 있는 경우 아래의 명령어를 통해 서버에 업로드 합니다.svn commit -m "Comment here"-m 뒤는 남길 코멘트로 어떤 작업인지 내용을 간략하게 남길 수 있습니다.참고로 commit

  View : 1482 / 2014-01-24
• webdevetc [SVN] 특정 파일의 수정자를 행 단위로 확인하기, blame 형상관리 중 하나인 svn에서 커밋을 한 사람이 누구이고 누가 해당 부분을 수정했는지 확인하는 간단한 명령어를 알아봅니다.svn blame <파일이름>간단한 문법은 위와 같습니다. 해당 명령어를 사용하면 파일의 수정사항과 수정한 사용자를 보다 자세하게 행 단위로 확인할 경우 blame을 사용합니다.svn blame text.htmlblame이란 이름처럼 어떤 사용

  View : 1325 / 2014-01-24
• webdevetc 웹표준이란? 웹표준은 반드시 필요한 것일까... 웹표준이 어려운 이유는? 우선, 웹표준이란 무엇일까요? 먼저 Wikipedia의 글을 인용하면...! 웹표준이란?1. 웹 표준은 월드 와이드 웹의 측면을 서술하고 정의하는 공식 표준이나 다른 기술 규격을 가리키는 일반적인 용어이다. 최근에 이 용어는 웹 사이트를 작성하는 데 중요도가 높아지고 있으며 웹 디자인, 개발과 관계가 있다.2. 수많은 상호 의존성이 있는 표준들과 규격들 가운데 일부는 단지 월드 와이드 웹으로만 끝나는 것이 아니라, 인터넷의 관리 측면이기도

  View : 821 / 2014-01-21