본문 바로가기

IT·컴퓨터47

처음 받아보는 애드센스 광고 수익금 안녕하세요!~ 정말 오랜만에 이렇게 블로깅을 합니다. 요즘 마음의 여유가 없어서 그런지 블로그를 해야겠다는 마음먹기가 참 쉽지 않습니다. 하지만 그래도 좋은 정보를 제공해야겠다는 마음은 항상 변치 않습니다. 그래서 이렇게 애드센스 첫 수익에 대해서 블로깅을 합니다. 사실 블로그를 만든건 아주 오래전이지만 정식적으로 시작한것은 작년 5월쯤 되는것 같습니다. 전 블로그 비교를 위해 두 개의 블로그를 똑같이 운영중입니다. 하나는 네이버 블로그이며, 하나는 티스토리 블로그 입니다. 두 개의 블로그는 서로간의 장.단점이 확실히 있습니다. 두 블로그의 차이점에 대해선 추후 충분한 시간을 가지고 블로깅을 하겠습니다. ㅎㅎ;; 어쨋든 오늘 중요한 것은 티스토리의 블로그를 운영하면서 처음으로 $100를 넘어 첫 수익을 .. 2014. 3. 2.
jQuery Mobile 리스트(List Views) 안녕하세요!! 또 오랜만에 jQuery Mobile 관련 내용을 올립니다. 요즘 이직한 새로운 직장에서 일배우느라 정신이 정말 없습니다. 지금도 공부를 해야하는데도 불구하고 이렇게 블로그를 씁니다. 6개월 넘게 블로그를 쓰다보니 정말 애착이 갑니다. 또 많은 분들이 질문도 주시고 답변하면서 보람도 느낍니다. 어쨋든 오늘 포스팅할 내용은 jQuery Mobile List 입니다. jQuery Mobile 을 사용하여 리스트 화면을 만들어보겠습니다. jQuery Mobile 리스트를 만들경우 또는 을 사용하여 나타냅니다. 그리고 를 사용하여 리스트들을 만들면 됩니다. 즉, 아래 소스와 같이 만들어지게 됩니다. OL 리스트 UL 리스트 리스트 화면을 직접 만들어보겠습니다. OL 리스트 OL 리스트1 OL 리스.. 2013. 11. 26.
jQuery Mobile Collapsible(접고 펴는 기능) 안녕하세요!! 요즘 8년 다닌 직장을 그만두고 새로운 직장에 취업해서 서울 본사에서 일 배우느라 정신없어서 포스팅을 이제야 씁니다. 주말 빼고 하루에 하나씩 계속 쓰는게 목표인데 이게 정말 쉽지 않은것 같습니다. ^^; 그래도 오늘 힘내서 jQuery Mobile 접고 펴는 기능(Collapsible)에 대해서 한번 알아보겠습니다. 접고 펴는 기능은 버튼을 클릭하면 열렸다가 다시 버튼을 클릭하면 닫히는 기능을 말합니다. 이곳을 클릭하세요!! 내용을 입력하세요... 기본 소스는 위와 같습니다. 위 구문에서 중요한것은 collapsible 입니다. 버튼 안의 내용은 자동적으로 버튼이 되고 내용 은 내용을 넣으시면 됩니다. 일단 소스를 보면서 다시 설명드리겠습니다. Collapsible 접고 펴기 이곳을 클릭.. 2013. 11. 20.
jQuery Mobile 네비게이션 바(Navigation Bars) 안녕하세요!! 이번에 포스팅할 jQuery Mobile 는 네비게이션 바(Navigation Bars) 입니다. 일반적으로 한 페이지의 구성은 상단, 내용, 하단 이렇게 3개의 단위로 나뉘어 지는데 네비게이션 바의 역할은 그 중간에 버튼등을 삽입하여 다른 페이지로 이동을 하는 기능을 합니다. jQuery Mobile 은 최대한 부하를 줄이고 빠른 페이지 로딩을 추구하기 때문에 네비게이션 바 소스역시 매우 단순합니다. 일단 백번의 설명보다는 한번 소스를 보는게 낫겠지요. 기본적인 소스 구성은 아래와 같습니다. 홈 1 페이지 2 페이지 // data-role에서 navbar을 정의 하고 ... 으로 메뉴를 설정합니다. 정말 깔끔하고 단순합니다. 그럼 이제부터 위의 내용이 적용된 소스를 만들어보겠습니다. 나의.. 2013. 11. 15.
jQuery Mobile 툴바(toolbars) 안녕하세요!! 이번 포스팅은 jQuery Mobile 의 툴바에 대해서 알아보겠습니다. 내용이 조금 많은듯 해서 다음 포스팅과 반반 나눠서 포스팅해야 할듯 합니다. ^^; 우선 오늘 포스팅은 헤더 바(hearder bars)와 푸터 바(footer bars)에 설명하겠습니다. 사실 헤더(hearder)는 일반적으로 페이지 제목, 로고, 그리고 버튼을 포함하는 내용을 많이 담고 있습니다. 지금 보여드릴 예제는 여러분들이 왼쪽과 오른쪽에 버튼을 추가하는 내용입니다. 예제를 보시기 바랍니다. Home 나의 모바일 홈페이지 Search // 붉은 글씨로 표시된 부분을 보면 태그 태그 태그로 나오는 것을 볼 수 있고 data-icon 은 home 과 search 를 넣어서 해당하는 아이콘이 나오게 한것을 알 수 .. 2013. 11. 11.
jQuery Mobile 아이콘 안녕하세요!! 이번에 포스팅할 jQuery Mobile 내용은 아이콘 입니다. jQuery Mobile 은 아주 쉽게 아이콘을 생성할 수 있습니다. 오늘 그 부분에 대해서 알아보겠습니다. 우선 아래 간단한 소스를 보면서 설명드리겠습니다. Left Arrow Button // 위 구문에서 중요하게 보아야 할 곳은 붉은색으로 표시된 부분입니다. data-icon="arrow-l" 입니다. 여기서 l 은 left 의 줄임말이라고 보면 되겠습니다. 위 구문을 실행하면 아래와 같은 화면이 나오게 됩니다. // 위 그림을 보면 좌측에 아이콘이 생긴것을 확인할 수 있습니다. 이렇게 아이콘을 만들고 싶은 경우 data-icon 을 이용하여 사용하고 싶은 아이콘을 적어주기만 하면 됩니다. 아래 내용은 기타 아이콘들에 대.. 2013. 11. 7.
jQuery Mobile 버튼 안녕하세요!! 오랜만에 jQuery Mobile 포스팅을 하는것처럼 느껴집니다. 요즘 정신도 없고 게으르고 하다보니 그런듯하네요. 아무튼 이번에 포스팅할 내용은 jQuery Mobile 에서 사용되는 버튼의 종류 및 사용방법에 대해서 설명드립니다. jQuery Mobile 은 3가지의 방법으로 버튼을 만들 수 있습니다. 첫번째 방법은 입니다. Button 두번째 방법은 입니다. 세번째 방법은 입니다. Button // 여기서 특이점은 붉은 글씨로 표현된 부분입니다. 그냥 단순히 href 를 사용하면 텍스트에 링크만 걸게 되기 때문에 data-role="button" 이라고 정의를 하여 버튼을 생성합니다. 기본적으로 버튼은 화면의 전체 너비를 차지합니다. 하지만 두 개 이상의 버튼을 만들고자 할 경우 da.. 2013. 10. 31.
jQuery Mobile 페이지 안녕하세요!! 이번에 포스팅할 내용은 jQuery Mobile의 간단한 페이지를 만들어 보겠습니다. 원래 모바일이란 기기가 많이 업그레이드 되고는 있지만 우리가 흔히 사용하는 개인용 PC 처럼 CPU, 메모리 등이 많이 높지는 않습니다. 그래서 가끔 모바일 홈페이지들중에 버벅거리는 현상이 나타나는 경우가 종종 있죠. 아마도 계속 모바일 기기도 사양이 높아지고 있는 추세고 광대역 LTE도 나오고 있어서 점점 그런 경우는 줄어들거라 생각하지만 jQuery Mobile은 사실 모바일에 최적화 되어 있기 때문에 적은 소스 내용으로 최적의 모바일 환경을 구축할 수 있다고 보면 되겠습니다. 그럼 예제로 어떻게 구성되는지 간단히 알아보겠습니다. 나의 모바일 홈페이지 자 이제 시작해봅시다!! Copyright by m.. 2013. 10. 25.
jQuery Mobile 인스톨(Install) 안녕하세요!! 이번에 포스팅할 내용은 jQuery Mobile 의 Install(인스톨) 입니다. 인스토이라고 해서 사실 거창한건 크게 없으니 안심하셔도 됩니다. 이전 포스팅에서도 잠깐 설명을 드렸었죠. jQuery Mobile 의 인스톨은 상단에 라이브러리 3줄의 내용만 있으면 끝입니다. 그리고 라이브러리를 직접 다운받아서 서버에 저장하여 사용해도 무관합니다. 인스톨을 하기 위해서 컴퓨터(서버)에 어떠한 설치도 요구하는건 없습니다. 라이브러리는 총 3개이며 하나의 CSS 파일과 두개의 자바스크립트(JS) 파일입니다. // 위 처럼 서버에 다운로드된 주소의 링크를 걸면 되겠습니다. 이제 인스톨을 했으니 다음 포스팅부터 jQuery Mobile 의 페이지를 만들어가며, 여러가지 기능에 대해서 알아보겠습니다.. 2013. 10. 21.
SQL MID() 함수 안녕하세요!! 이번 포스팅할 내용은 SQL MID() 입니다. MIN() 를 한마디로 표현하면 글자 자르기 정도가 될듯합니다. 기본적 문법은 아래와 같습니다. SELECT MID(column_name,start[,length]) FROM table_name; id coffee_name price guest 1 아메리카노 2500 김 2 카페라떼 3000 박 3 아메리카노 2500 이 4 카페모카 3500 송 // 처럼 테이블(coffee)이 있다고 가정하고 MID() 를 적용해 보겠습니다. select MID(coffee_name, 2) from coffee; // 위와 같은 구문을 실행하면 결과값은 아래와 같습니다. 메리카노 페라떼 메리카노 페모카 // 즉 두번째 부터 값을 가져오게 됩니다. selec.. 2013. 10. 12.
SQL UCASE(), LCASE() 구문 안녕하세요!! 이번 포스팅에서는 SQL UCASE(), LCASE() 에 대해서 알아보겠습니다. 웹 프로그래머 생활을 10여년 넘게 하고 있지만 위 두 개의 함수 UCASE(), LCASE() 는 거의 사용해보지 않은듯 합니다. ㅎㅎ;; 하지만 알아두면 언젠가는 도움이 될듯하여 이렇게 포스팅합니다. UCASE() 함수의 역할은 영문을 대문자로 변환해 줍니다. 그리고 짐작하시겠지만 LCASE() 함수의 역할은 영문을 소문자로 변환해 줍니다. 한글에는 대문자 소문자가 존재하지 않는데 영문에는 대.소문자가 존재합니다. 그래서 필요에 의해 만들어지지 않았나 짐작해봅니다. 어쨋든 함수의 의미는 단순합니다. 대문자 변환 UCASE() , 소문자 변환 LCASE() 기본적인 문법은 아래와 같습니다. select UC.. 2013. 10. 10.
SQL GROUP BY 구문 안녕하세요!! 이번에 포스팅할 내용은 SQL GROUP BY 구문입니다. group by 구문은 하나 이상의 열을 기준으로 그룹을 묶어서 결과를 가져오는 집계함수 입니다. 쉽게 말하면 그룹단위로 묶어서 결과를 도출한다라고 생각하면 될듯합니다. 기본구문은 아래와 같습니다. SELECT column_name, group_function(column_name) FROM table_name WHERE column_name = 'value' GROUP BY column_name; // 위처럼 group by 를 사용하여 column_name 에 대해서 그룹으로 묶습니다. 그냥 기본 구문을 보면 다소 분석하기 어렵지 않을까 싶어서 예제 테이블을 토대로 다시 알아보겠습니다. 음...요즘 커피숍이 많으니 커피를 기준으.. 2013. 10. 8.
SQL SUM() 함수 안녕하세요!! 이번에 포스팅할 내용은 SQL 의 SUM() 함수 입니다. sum() 함수는 어떤 숫자 열의 총 합계를 보여줍니다. 기본적인 구문은 select SUM(column_name) as sum_column from table_name; // 위와 같은 구문을 실행하면 column_name 의 모든 내용을 더한 값이 출력됩니다. 간단한 테이블을 하나 만들어서 직접 값을 구해보겠습니다. 아래는 member 테이블이라고 가정하고 사람들의 모든 나이를 더해보겠습니다. id name age 1 박 35 2 김 41 3 송 29 나이에 해당하는 age의 값을 더하는 구문을 만듭니다. select SUM(age) as sum_age from member; // 위와 같이 구문을 만들고 실행을 하면 35+41.. 2013. 10. 7.
SQL COUNT 함수에 대해서 안녕하세요!! 이번에 포스팅할 내용은 SQL COUNT 함수 구문입니다. count 함수는 이미 짐작했을 수도 있겠지만 행의 수를 세는 역할을 합니다. 기본예제는 아래와 같습니다. select count(*) from table_name; select count(column_name) from table_name; // 위처럼 구문을 작성하면 table_name 테이블에서 모든 행의 개수가 얼마나 되는지 숫자로 표현됩니다. 예를들어서 삽입된 행의 수가 6이라고 하면 위 구문을 실행하면 6이라는 결과가 나타나게 됩니다. 조금 더 구체적으로 원하는 부분의 행의 개수를 가져오고 싶을 경우 where 를 사용하여 구문을 만들 수 있습니다. select count(*) from table_name where na.. 2013. 10. 2.
SQL AVG() 구문 안녕하세요!! 이번에 SQL 관련해 포스팅할 내용은 AVG() 구문입니다. AVG() 구문은 average 의 줄임말로 평균을 구하는 함수입니다. 예를들어서 5명의 학생이 국어 시험을 봤는데 A학생은 70, B학생은 89, C학생은 78, D학생은 94, E학생은 90 이라고 가정하고 테이블은 exam 칼럼명은 Jumsu 라고 가정하면 select AVG(jumsu) from exam 이렇게 SQL 구문을 이용하여 학생들의 평균값을 구할 수 있습니다. 그럼 간단하게 회원 테이블에서 사람들의 나이에 대한 평균을 구해보겠습니다. 테이블 이름은 member 이라고 정의하겠습니다. m_id name age 1 park 33 2 kim 42 3 lee 29 대략 짐작이 갈거라 생각합니다. 위 테이블에서 age 즉.. 2013. 9. 30.
아이폰 5s 리뷰 현재 아이폰 5S는 국내에 들어오진 않았습니다. 대략 아이폰 5s에대한 언론을 살펴보면 11월말에서 12월초인듯 합니다. 확실한건 아니니 참조만 하시기 바랍니다. 그보다 빠를수도 늦을수도 있습니다. 지금부터 설명할 아이폰 5s에 대한 리뷰는 사실 제가 직접 써보진 않았고 해외 언론을 참조하여 포스팅하겠습니다. 해외 언론의 내용이니 조금은 더 객관적으로 리뷰를 하지 않았을까 예상합니다. 혹시라도 미흡한 점이 있더라도 이해해주시기 바라며, 도움되는 내용이 되길 바랍니다. 디자인 사실 디자인은 아이폰 5와 동일합니다. 더 구체적으로 아이폰 5와 5s의 무게와 크기는 동일합니다. 조금 틀려진건 홈버튼, 듀얼 LED, 그리고 여러종류의 색상입니다. 그런데 다행인지 불행인지 해외파 사람들은 아이폰 5의 디자인을 많.. 2013. 9. 27.
SQL DATE 함수들 안녕하세요!! 이번에 포스팅할 내용은 SQL DATE 함수들에 대해서 알아보겠습니다. SQL DATE 형식은 데이터베이스 마다 조금씩 틀린 부분이 있습니다. MySql 의 DATE 함수들 NOW() : 현재 날짜와 시간을 보여줍니다. CURDATE() : 현재 날짜를 보여줍니다. CURTIME() : 현재 시간을 보여줍니다. 예) SELECT NOW(),CURDATE(),CURTIME() NOW() CURDATE() CURTIME() 2012-09-26 14:42:53 2013-09-26 14:42:53 // 각각의 함수들에 대해서 쿼리문은 위와 같은 형식의 날짜 또는 시간이 나오게 됩니다. DATE_ADD() : 날짜에 지정된 시간을 추가할 수 있습니다. DATE_SUB() : 날짜에 지정된 시간을 뺄.. 2013. 9. 26.
SQL AUTO INCREMENT 구문 안녕하세요!! 이번에 포스팅할 내용은 AUTO INCREMENT 구문입니다. 테이블을 만들때 주로 고유 번호를 생성하는데 사용됩니다. AUTO INCREMENT 를 사용하면 레코드의 값이 중복되지 않고 1씩 자동 증가하게 됩니다. 특히 가장 많이 사용되는 곳은 테이블 제일 첫 칼럼입니다. 테이블을 만들때 첫 칼럼은 거의 대부분 테이블 레코드에 대한 고유값을 지정하여 사용하기 때문입니다. MySql 구문 CREATE TABLE Member ( ID int NOT NULL AUTO_INCREMENT, Name varchar(255) NOT NULL, Address varchar(255), City varchar(255), PRIMARY KEY (ID) ) // MySql 에서는 위와 같이 AUTO_INCRE.. 2013. 9. 25.
SQL ALTER TABLE 구문 안녕하세요!! 이번 포스팅에서는 SQL ALTER TABLE 구문에 대해서 알아보겠습니다. ALTER TABLE 이란 녀석은 기존 테이블의 열을 추가, 삭제 또는 수정하는데 사용됩니다. 기본 구문은 아래와 같습니다. 칼럼을 추가하는 구문 ALTER TABLE table_name ADD column_name datatype 테이블의 열을 삭제하는 구문(일부 데이터베이스에서는 아래 구문을 허용하지 않을 수 있습니다.) ALTER TABLE table_name DROP COLUMN column_name 칼럼의 유형을 변경하는 구문 SQL server / MS Access ALTER TABLE table_name ALTER COLUMN column_name datatype MySql / Oracle ALTER .. 2013. 9. 24.
SQL CHECK 제약조건 안녕하세요!! 이번 포스팅에서는 SQL 제약조건중 CHECK에 대해서 알아보겠습니다. CHECK 제약조건은 단어 그대로 어떤 열에 대해서 특정한 조건을 걸어서 체크를 할 수 있는 역할을 합니다. 예를 들어서 테이블을 하나 만들어서 CHECK에 대해서 알아보겠습니다. 아래 MEMBER 테이블을 만들겠습니다. CREATE TABLE member ( m_id int NOT NULL CHECK (m_id>0), Name varchar(255) NOT NULL, Address varchar(255), City varchar(255) ) // 첫 번째 줄을 주의깊게(?) 살펴보면 CHECK (m_id>0) 구문이 있습니다. 무슨 의미인지 대충 짐작했으리라 생각합니다. 해당 열은 0의 값보다 커야한다는 의미죠. 만약.. 2013. 9. 17.
SQL FOREIGN KEY 제약 조건 안녕하세요!! 이번 포스팅에서는 SQL FOREIGN KEY 제약 조건에 대해서 알아보겠습니다. 흔히들 FOREIGN KEY 를 우리나라 말로 외래키라고 사용합니다. 외래키 제약조건은 한 마디로 말해서 두 테이블간의 관계를 선언하여 데이터간의 무결성을 보장해주는 역할을 합니다. 즉 외래키 관계를 설정하면 하나의 테이블이 다른 테이블에 의존하는 형태입니다. 외래키 테이블에 데이터가 입력될 경우 기준 테이블의 내용을 참조해서 데이터가 입력되기 때문에 만약 기준 테이블에 데이터가 존재하지 않을 경우 값이 반영되지 않게 됩니다. 그리고 외래키 설정시 주의해야 할점은 기준 테이블의 열에 반드시 primary key, unique 제약조건이 설정되어 있어야 한다는 점입니다. 설명은 여기까지 마치고 테이블을 예로들어.. 2013. 9. 16.