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

---

인기순

• webdevetc 웹퍼블리셔가 되기 위해 필요한 스킬과 영역 알아보기 웹퍼블리셔로 진로를 희망하는 경우 현재 학생이거나 또는 새로운 분야로의 이직을 희망하는 직장인이 있을 수 있겠죠. 많은 사람들이 앱이나 웹이냐를 고민하고 웹에서도 다양한 부분의 개발자가 존재합니다. 아래는 이 부분들 중 웹퍼블리셔에 대하여 알아보고자 합니다.<img src="/static/uploads/2015/cad0d2fd_webpub.jpg" alt="웹퍼블리셔가 되기

  View : 13121 / 2015-06-11
  
• webdevetc RSS 피드 위치를 확인하거나 알려주는 방법 자신의 웹사이트가 아닌 다른 사이트에 위치한 RSS 피드를 가져오려면 RSS 파일이 어디 있는지 알아야 할 것입니다. 하지만 웹서버의 어디에 RSS 파일이 있는지 알 수가 없습니다... 어떻게 하면 RSS의 파일 위치를 찾을 수 있을까요?# RSS 파일이 위치한 경로 찾기먼저 rss를 왜 찾을까요? rss는 콘텐츠 정보를 가장 쉽고 빠르게 알 수 있으며 보통 정기적으로 업데이트됩니다.

  View : 3288 / 2015-06-02
• webdevetc 페이스북 연동 SDK, PHP vs 자바스크립트 선택은? 소셜네트워크(SNS, 사회관계망서비스)의 오픈API를 활용해 로그인 기능을 구현하거나 댓글 및 다양한 서비스의 제공이 가능합니다. 이런 서비스를 구현하기 위해 페이스북이 제공하는 SDK의 사용이 필요한데 일반적으로 많이 사용되는 방법으로 자바스크립트 SDK가 많이 쓰이고 PHP를 기반으로

  View : 9112 / 2015-05-27
  
• webdevetc 동시접속자 위젯을 달자! 추천사이트 현재접속자를 알려주는사이트는 꽤 있습니다. 하지만 현재 몇명이 자신의 사이트에 접속중인지 동시접속자를 알려주는 사이트는 없을까요? 있습니다. 바로 http://whos.amung.us 사이트입니다.이곳에서는 간단하게 스크립트 소스코드를 붙여넣기만하면 현재 사이트의 실시간 접속자수를 확인가능합니다. 간단하게 소스코드를 복사한 후 붙여넣

  View : 5918 / 2015-05-04
  
• webdevetc activeElement를 이용해 현재 활성화 active된 요소 알아내기 input 태그 또는 textarea의 양식폼에 작성중인지 아니면 다른 요소들을 확인 중인지 알아낼 수 있는 방법입니다. 쉽게말해 input 태그에 작성중일 경우에만 activeElement를 이용해 어떤 함수를 실행할 수도 있겠죠.document.activeElement만약 특정 값을 찾기 위한 서치 input 태그에 어떤 값을 입력하기 위해 포커스

  View : 7372 / 2015-04-20
• webdevetc 반응형웹이란? 이해하기 그리고 예제 소스 코드보기 최근에는 어떤 웹사이트이든 반드시 고려하게되는 반응형웹(Responsive Web)!! 반응형웹이 무엇이고 어떻게 구현하는지... 왜 이토록 빨리 성장하고 인기있는 기술이 되었는지 알아보고자 합니다.# 반응형웹(Responsive)이란?반응형웹이란 Responsiv

  View : 9643 / 2015-04-17
  
• webdevetc [구글맵] 경도, 위도 알아내는 방법, 좌표 불러오기 HTML5가 나오고 웹에서도 좌표를 이용한 웹서비스 구축이 어느 정도 가능하게 되었다. 물론 GPS를 이용한 방법처럼 매우 정확한 지점을 알려주기는 어렵겠지만 이용자 근거리의 정보를 제공하는 경우 유용하게 사용할 수도 있을 것이다.어쨌든 웹으로 할 수 있는 일들도 html5와 함께 많아졌다. 이 기능을 제대로 활용하기 위해서는 사용자 정보의 동의와 알려줄 목표 지점의 좌표값을 이용해야 한다... <span data-custom-style="ct

  View : 13098 / 2015-04-10
  
• webdevetc 모바일에서 height 0이 되버리는 문제, 클래스명 canvas 최근 로테이션되는... 즉 자동으로 바뀌는 갤러리를 만들어 정상 작동되는 것을 확인했습니다. 모든 브라우저에서 이상없이 구현되었는데 (반응형 페이지 역시 이상없음...) 에뮬레이터가 아닌 실제 모바일에서 확인하니 갤러리가 정상적으로 보이지 않고 아무것도 표시되지 않더군요... 그래서 Xcode의 inspector를 사용해 뭐가 문제인지 알아봤습니다...<span class="cente

  View : 2420 / 2015-03-18
• webdevetc 페이스북 프로필 사진 가져오는 방법 페이스북(Facebook) 소셜네트워크의 프로필사진을 가져오는 방법에 대하여 알아보려고 합니다. 어떻게하면 프로필 사진을 가져올 수 있을까요?# 페이스북의 프로필 사진 가져오기먼저 페이스북의 사진을 가져오려면 로그인하거나 사용자의 페이스북 ID가 필요합니다. 페이스북 ID는 숫자로 이루어져있으며 아래의 방법을 사용합니다.<span

  View : 12736 / 2015-03-18
• webdevetc 다수의 input checkbox 타입의 값 데이터베이스에서 저장하기, 불러오기, 출력하기 input 태그의 checkbox 속성을 사용한 값들이 하나가 아닌 여러개인 경우 이 값들이 서버에서 불러오게 된 뒤 자동으로 체크되게하려면 어떻게 해야하는지 알아보려 합니다.먼저 서버에 저장 할 경우 넘겨주는 name 값을 배열로 넘겨줍니다. 아래처럼요#1. 작성될 폼 양식<div class

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  View : 6220 / 2014-05-26