62 페이지 - 웹개발 커뮤니티 블로그

css [CSS] 텍스트 및 링크에 밑줄 표시 및 마우스를 올릴 경우 밑줄 텍스트에 CSS를 사용하여 다양한 스타일을 적용할 수 있습니다. 굵기, 색상등을 변경하는 방법도 많이 쓰이지만 이외에 밑줄선, 취소선등의 스타일 부여도 가능합니다. CSS를 사용한 text 스타일 추가방법에 대하여 자세히 알아보겠습니다.# text-decoration 속성으로

View : 48410 / 2014-08-20

html [HTML CODE 태그의 쓰임 및 활용 # code 태그란? 사용 예제; code 태그는 html에서 컴퓨터에 사용되는 코드의 조각을 나타낼 때 사용합니다. 예를 들어 변수 및 속성, XML 이름, 파일 이름 등이 이에 해당합니다. 아래처럼 코드를 모니터에 출력하는 경우 code태그를 사용합니다.<html><body> <span

View : 9321 / 2014-08-20

html PRE 태그와 XMP 태그를 이용한 줄바꿈 및 모든 것 안녕하세요^^ PRE 태그와 XMP 태그... 쓰이는 빈도가 아주 높은 것은 아니지만 알아두면 너무나도 편리하기 때문에 반드시 알아두어야 하는 코드 중 하나입니다! 이 태그를 이용해 할 수 있는 건 무엇이고 어떤 차이가 있는지 알아보도록 하겠습니다. 먼저 태그의 쓰임은 무엇일까요?[ 1 ] PRE 태그; PRE태그는 preformatted를 의미하며 이미 형식화 되었음을 뜻합니다. 즉, 개행 문자를 사용해 줄바꿈 할 필요가 없이 태그 안에 입력한 그대로 보여줄 수 입니다.<

View : 9801 / 2014-08-19

etc 애드포스트 좌충우돌 신청기... 남몰래 5번 찍은 결과? 웹사이트를 사용한 블로그는 시작한지 몇 달 되었지만 네이버 블로그는 이제 1주가 넘었는데요(물론 계정은 옛날에 만들었지만 지금까지 수면 상태였다는...) 지금까지 블로그를 운영하면서 애드센스를 등록해 사용하고 있었는데 이번에 네이버 블로그를 시작하면서 애드포스트를 과감히(?) 신청해보았습니다. 그 결과에 대하여 포스팅 하고자 합니다!!<span data

View : 2985 / 2014-08-13

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

View : 4570 / 2014-08-11

seo RSS feed란? RSS의 장점 및 블로그 검색엔진에 등록하기 안녕하세요 ~!!! 요새 거의 모든 사이트를 방문하면 RSS 피드 구독하기 버튼을 볼 수 있습니다. 어디서나 볼 수 있는 RSS 구독하기 버튼~ 혹시 잘 모르는 분을 위해 간단하게 알아볼까요?! RSS(Rich Site Summary)는 무엇인가?간략하게 설명하자면 RSS<span sty

View : 5747 / 2014-08-11

tech 애플의 비츠 일렉트로닉스 인수 후 AOS에 새로운 Beats 페이지 얼마 전, 애플의 비츠 일텍트로닉스(이하 비츠) 인수는 사회적으로 큰 이슈가 되었습니다. 아무래도 iTunes가 조금씩 하향세를 내려가자 3조원이 넘는 금액을 들여 비츠를 인수함으로써 기존의 다운로드 서비스와 비츠가 가진 스트리밍 서비스의 장점을 내세워 미국 시장을 비롯하여 상당한 시너지 효과를 기대할 수 있을 것입니다. 다만, 기존의 애플이란 독자적인 브랜드에서 이제는 애플 뿐만이 아닌 새로운 브랜드를 가지고 어떻게 이를 발전시켜나갈지 향후 행보가 궁금해집니다... 이에 따라서 비츠 홈페이지 역시 앞

View : 1938 / 2014-08-10

seo 검색엔진최적화 SEO를 위한 최적의 URL, Friendly url 안녕하세요! 오늘은 사이트 주소... URL 주소에 대해 어떤 방법의 주소를 지정하는 것이 자신의 블로그 또는 웹사이트의 검색순위및 검색엔진최적화(이하 SEO)에 도움이 될지 함께 생각해보고 합니다^^[ 1 ] 자주 사용되는 주소의 형태; 어떤 컨텐츠가 등록되어 가지게 되는 URL의 형태는 아래처럼 4가지로 구분할 수 있습니다.i. http://webisfre

View : 6482 / 2014-08-08

php [PHP] 현재 페이지에서 다른 페이지로 이동하는 방법, 301 리디렉션(리다이렉트) PHP 환경의 웹서버에서 다른 페이지로 이동하기 위한 방법을 알아봅니다.! PHP에서 다른 페이지 전환, 이동하기, 301 이동 방법서버에서 이동하는 하는 방법을 301 리디렉션(redirection) 이동 방법이라 부릅니다. 다른 페이지로 이동할 때 클라이언트에서 이동하는 방법과 서버에서 이동하는 두 가지가 존재하죠.참고로 301 & 302의 방법에 대하여 좀 더 알아보시

View : 4268 / 2014-08-07

css [CSS] ul, li태그에서 자주 쓰이는 리스트 스타일 종류 HTML태그 중에서 리스트 태그인 ul, li에는 여러가지 타입, 종류가 존재합니다. 아래에서 자세히 알아봅니다.# ul, li 태그 타입 및 스타일 알아보기먼저 ul과 li 태그는 함께 사용되는 태그로 ul 태그 내부에 여러개의 li 태그를 사용할 수 있습니다. 아래를 봐주세요.<div class="code html"

View : 7144 / 2014-07-31

seo 11년 동안의 제 네이버블로그... 전체 방문자 60퍼센트가 어제 하루만에??? 11년 동안 이름만 가지고 있던 제 블로그...... 이건 있는 듯... 있지 않은 듯... 있을 필요 없는 듯 하던 제 블로그를... 갑작스럽게 또는 문득 살려(회생해)보고자 어제 밤 10시 부터 포스팅을 하기 시작했답니다. 다들 그렇듯 부푼 꿈을 가지되 큰 기대는 없으나 혹시나 하는 기분이었죠 :) 어찌되었건 웹 개발자로서의 지식과 경험을 토대로(부족하기 그지 없지만...) 서치엔진과 웹사이트 운영의 최적화 & 웹개발자 이야기를 큰 주제로 꾸미며 블로그를 만

View : 2036 / 2014-07-30

etc Mac에서 Wireless 마우스 또는 키보드가 연결이 안될때 해결방법 안녕하세요. Mac 사용자들은 Wireless 무선기기로 마우스와 키보드를 많이 사용하실거에요... 저 역시 Wireless 제품을 사용하고 있는데요 이미 연결된 무선기기를 새로운 Mac에 연결하고자 할때 잘 안되는 경우가 있죠? 이럴때 어떻게 하면 연결이 될까요?사실 저도 이 방법을 몰랐을 때는 너무나 오랜 시간이 걸렸답니다... 계속 시도해보면 어쩌다 되는 경우가 있어서 자세히 알아보지 않았었는데 이번 기회에 확실히 하세요.<img a

View : 36533 / 2014-07-24

js [JavaScript] 문자열의 일부 가져오기, 삭제하기 자바스크립트에서 문자열의 일정 부분만 잘라서 가져오는 방법을 알아봅니다. 어떻게할까요? 이 경우 전체 문자열 중 일부를 잘라내야 할 필요가 있습니다. 이 때 substr() 함수를 사용합니다. 먼저 간단한 사용 방법은 아래와 같습니다. <span data-custom-style="ct01

View : 13889 / 2014-07-23

sql [SQL] 데이터베이스 유용한 기본 함수들 정리 쿼리를 사용할 때 함게 사용가능한 함수들이 있습니다. 이런 함수를 사용하면 복잡한 쿼리문을 간단하게 코드에서 함수와 함께 사용하여 만들 수 있는데 아래는 자주쓰이는 대표적인 SQL 함수들을 정리한 내용입니다. 그럼 아래 목록을 봐주세요.!! 숫자 및 날짜 관련된 함수들1. ROUND() // 반올림을 수행SELECT ROUND(Column1, range of decimals)FROM

View : 3693 / 2014-07-19

js [자바스크립트] 인코딩, escape(), encodeURI(), encodeURIComponent() 오늘은 자바스크립트의 인코딩 함수에 관하여 얘기해볼까 합니다.! 인코딩(Encoding)이란? 인코딩은 텍스트를 전송하기 위해 변환하며 문자를 ASCII 문자로 바꾸어 주는 것(아스크문자로 변환)을 말합니다. 변환하는 이유는 문자 타입이 서로 다르다면 수신받는 곳에서 잘못 해석될 수도 있으니 공통된 문자로 바꾸어

View : 12670 / 2014-07-18

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

View : 16899 / 2014-07-18

etc Mac, 복구하기 및 백업기능 사용하기 Mac을 새로 사용하거나 문제가 발생하면 복구나 백업 기능이 필요합니다... Mac은 시스템 자체적으로 복구 기능을 지원하는데요... 간단하게 Mac을 재부팅하고 Command + r을 꾸욱 누르고 있으면 자동적으로 System Utility를 실행해 줍니다.위와 같이 메뉴가 나오면 필요한 부분을 선택해 진행하시면 됩니다.이미지 출처는 아

View : 1185 / 2014-07-16

php [PHP] 접속자(방문자)의 ip주소, port포트, 접속환경 불러오기 PHP에서 $_SERVER['...'] 전역변수를 사용하면 접속자, 즉 아래의 클라이언트의 정보 가져올 수 있습니다. i. 아이피 주소ii. 사용포트iii. 사용자 환경위 정보는 언제 필요할까요?; 우선 특정 ip에 대하여 차단이 가능합니다. 반대로 얘기하면 특정 ip만 접속을 허가할 수 있다는 뜻인데요... 인트라넷처럼 정해진 장소에서만 접속을 허용하게 하거나 페이지에 중요한 내용이 담긴 경우 허가 받은

View : 19144 / 2014-07-16

sql [SQL] 서브쿼리란? 서브쿼리 사용방법 및 팁과 정보 안녕하세요. 데이터베이스의 쿼리문에 적용 가능한 쿼리에서 서브 역할을 하는 서브쿼리에 대해 알아보자합니다.# 서브쿼리란 무엇인가?서브쿼리라서 덜 중요할까요? 이런 글이 있더군요... 서브쿼리가 없어도 동일한 기능을 구현할 수 있지만 밤새는 개발자들이 더 많았을 거라고요... 재미있는 말입니다 :) 사실 서브쿼리는 조금만 복잡한 쿼리문이라면 대부분 사용

View : 3648 / 2014-07-15

db [SQL] 컬럼과 필드 구분법과 차이점 및 데이터베이스 기본 용어정리 데이터베이스, SQL과 관련된 내용을 찾다보면 용어 부분이 이해하기 어렵거나 혼동을 주기도 합니다. 아래는 데이터베이스와 관련된 용어를 간략하게 정리한 내용입니다.! RDBMS, 관계형 데이터베이스에 사용되는 용어기본적으로 많이 사용되는 용어들 위주로 정리하였습니다.Database(데이터베이스)// 저장소에 구분되

View : 41279 / 2014-07-14

html [HTML5] 시맨틱 요소의 사용과 IE8에서의 문제점 시맨틱(Semantic)이란 ’의미있는’이란 사전적 의미를 가지고 있습니다. 결국 의미가 있는 요소를 시맨틱 요소라고 할 수 있는데요... 기존의 시맨틱 요소는 아래를 보시면...<form><input><textarea>이와 같이 어떤 기능을 가지고 있는데 의미를 알 수 있는 요소를 말합니다. 이와 달리 div나 span 요소들은 그 의미를 알 수가 없죠... 결국 시맨틱 요소가 많아지는 것은 좀 더 의미가 담긴... 이해하기 쉬운 웹 페이지 빌드가 가능하다

View : 2497 / 2014-07-12

html [HTML] input 태그, placeholder 속성을 이용 비밀번호 입력폼 만들기 안녕하세요 ~ 예전에는 단문의(매우 매우 짧은...) 글을 자주 올렸는데 컨텐츠도 부족한데 글까지 부족하면 왠지 안될 것 같아서... 아무래도 인사부터 시작하면 좀 더 심의를 기울여 작성하지 않을까요?ㅎ 오늘은 비밀번호 입력을 위한 input 태그에 대해 알아보겠습니다.! 다른 input 태그와의 차이점; type 속성에 일반적으로 text를 넣지만 비밀번호는 password를 넣어줍니다. 그렇게 되면 아래처럼 패스워드가 ******표시로 보이게

View : 17494 / 2014-07-07

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

View : 2627 / 2014-07-06

php [PHP] 일일 방문자 구현하기... 세션을 이용한 두 번째 이야기 일일 방문자가 얼마나되는지 그 기능을 구현하기 위한 php코드를 작성하려고 합니다. 어떻게 해야할까요?먼저 방문자가 웹사이트에 접속을 했는지 알아야할 것입니다. 방문자의 접속여부는 발생되는 세션(session)을 확인하여 알아낼 수 있습니다. 세션이 생기면 방문자가 접속하였음을 알 수 있겠죠? 그렇다면 다음으로 생각할 부분은 무엇일까요? 먼저 간략한 프로세스를 알아보겠습니다.<br

View : 3173 / 2014-07-04

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

View : 31066 / 2014-07-04

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

View : 2372 / 2014-07-02

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

View : 3737 / 2014-07-02

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

View : 4463 / 2014-07-02

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

View : 6095 / 2014-06-28

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

View : 5200 / 2014-06-23

CATEGORIES

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

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

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