본문 바로가기

2013/1017

jQuery Mobile 버튼 안녕하세요!! 오랜만에 jQuery Mobile 포스팅을 하는것처럼 느껴집니다. 요즘 정신도 없고 게으르고 하다보니 그런듯하네요. 아무튼 이번에 포스팅할 내용은 jQuery Mobile 에서 사용되는 버튼의 종류 및 사용방법에 대해서 설명드립니다. jQuery Mobile 은 3가지의 방법으로 버튼을 만들 수 있습니다. 첫번째 방법은 입니다. Button 두번째 방법은 입니다. 세번째 방법은 입니다. Button // 여기서 특이점은 붉은 글씨로 표현된 부분입니다. 그냥 단순히 href 를 사용하면 텍스트에 링크만 걸게 되기 때문에 data-role="button" 이라고 정의를 하여 버튼을 생성합니다. 기본적으로 버튼은 화면의 전체 너비를 차지합니다. 하지만 두 개 이상의 버튼을 만들고자 할 경우 da.. 2013. 10. 31.
청주국제공항 에어쇼 관람!! 저번주 금, 토, 일(2013.10.25~10.27) 이렇게 3일간 청주국제공항에서 에어쇼가 열렸습니다. 제가 사는 곳은 청주라서 가족들과 나들이겸해서 에어쇼를 구경하고 왔습니다. 날씨도 따뜻하고 하늘도 청명하고 비행기쇼를 보기에 딱좋았다는... 사실 집에서 가까운 거리라서 10분이면 공항에 도착하는데 차가 정말 많더군요. 저희는 토요일, 일요일 이렇게 두번을 갔습니다. 토요일은 정신없이 보다가 제대로 못봤다는 생각에 일요일 아침일찍 또 한번 관람했습니다. 3일간 수 십만명이 다녀간듯.. 이런 저런 구경을 할때는 간식거리가 빠지면 섭섭하죠 ㅎㅎ; 그래서 아이들에게 위 과자에 아이스크림을 넣은 딱히 무엇이라 이름을 정하기 어려운;; 하지만 정말 맛있더라구요. 20분간을 줄서서 기다렸다가 사왔지만 정말 만족.. 2013. 10. 29.
jQuery Mobile 페이지2 안녕하세요!! 이전 포스팅에서 jQuery Mobile의 페이지에 대해서 간략히 설명을 드렸었습니다. 내용이 너무 길어질듯해서 이렇게 단락을 잘라서 설명을 드리는점 양해 바랍니다. 아래 설명하는 내용은 페이지 이동입니다. 일단 소스를 보면서 설명드립니다. 나의 모바일 홈페이지 첫 번째 페이지입니다!! 두 번째 페이지 Copyright by makand123. All Rights Reserved. 나의 모바일 홈페이지 두 번째 페이지입니다!! 첫 번째 페이지 Copyright by makand123. All Rights Reserved. // 위 구문을 보면 ... 의 내용안에 과 이렇게 두개의 내용이 들어 있는것을 확인할 수 있습니다. 그리고 안의 내용은 header, content, footer 로 이.. 2013. 10. 28.
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.
jQuery Mobile 소개 안녕하세요!! 오늘부터 jQuery Mobile에 대해서 포스팅을 하려고 합니다. 요즘은 누구나 스마트폰 하나씩은 가지고 다닙니다. 그리고 많은 사람들이 스마트폰을 이용하여 인터넷검색, 인터넷뱅킹, 게임, 교육 등을 하고 살고 있습니다. 지금부터 설명드릴 jQuery Mobile은 모바일 환경에 최적화된 웹 응용프로그램을 만들기 위한 프레임워크라고 생각하면 됩니다. 그리고 jQuery Mobile 을 사용하기 위해선 기본적으로 HTML, CSS, jQuery에 대한 어느정도 지식이 있어야 합니다. 하지만 지식이 없다고 너무 걱정하지 마시기 바랍니다. ^^ jQuery Mobile이 끝나는대로 html, css등에 대해서 포스팅하겠습니다. 일단 편하게 읽어보고 화면이 어떻게 구성되는지 확인하심 되겠습니다... 2013. 10. 18.
SQL 구문, 함수 포스팅 종료!! jQuery Mobile 시작!! 안녕하세요!! 그동안 제가 올린 SQL 포스팅을 많이들 읽어주셔서 감사드립니다 (__) SQL 구문은 이전 포스팅 ROUND() 를 끝으로 종료를 할까 합니다. 사실 더욱더 많은 내용이 있겠지만 기본적인 구문 및 함수 설명은 충분히 되었다고 생각합니다. 그래서 이만 SQL은 마치고 다음 포스팅부터는 jQuery Mobile 에 대해서 포스팅을 해볼까 합니다. 모바일이 대세인 만큼 jQuery Mobile 을 알고 계시면 모바일 웹 페이지 만들때 정말 많은 도움이 될듯합니다. 그리고 웹표준을 준수하기 때문에 어떤 브라우저에서나 깨지지 않고 제대로 나온다는 점도 중요하겠습니다. SQL 포스팅을 마치는데 있어서 설명이 조금 부족했던점 양해바라며, 혹시라도 SQL에 대해서 궁금한점이 있으면 댓글 또는 쪽지 보내.. 2013. 10. 17.
[서평] 자신있게 결정하라 정말 오랜만에 서평에 대해서 포스팅하는것 같습니다. 사실 이 책은 도서관에서 빌린 책은 아니지만 현재 제가 꼭 읽어봐야 할 책이라 생각합니다. 지금 여러가지 문제로 자신있게 결정해야 할 사항들이 몇 가지가 됩니다. 그런데 우연히도 [자신있게 결정하라] 라는 책이 제 손에 들어오게 되었습니다. 이 책의 저자는 유명한 스틱, 스위치를 집필한 칩 히스, 댄 히스 입니다. 예전 스틱이라는 책을 읽고 지인들에게 많은 추천을 했고 제 블로그에도 글을 남겼었습니다. 그래서인지 몰라도 400페이지가 넘는 책이지만 몇일 안되서 금방 읽은듯 합니다. 삶을 살아가면서 누구나 선택의 순간이 있습니다. 저도 마찬가지 입니다. 그런데 대부분 감정에 치우쳐서, 편향된 생각으로, 지금까지의 경험을 가지고 등등 여러가지의 생각들을 가.. 2013. 10. 14.
SQL ROUND() 함수 안녕하세요!! 이번 포스팅할 내용은 SQL ROUND() 함수입니다. ROUND() 함수는 소수점의 개수를 지정하여 반올림을 해주는 역할을 합니다. 기본구문 SELECT ROUND(column_name,소수점개수) FROM table_name; 예를들어서 34.983 54.242 76.23 83 61.8587 등의 숫자가 적혀있는 price 라는 칼럼이 있다고 가정할 경우 select round(price,0) from table; // 위와 같은 명령어를 실행하면 아래와 같은 결과가 나옵니다. // round(price,0) 이므로 소수점 첫째 자리부터 6이상 반올림을 하여 값을 보여주게 됩니다. 35(반올림) 54 76 83 62(반올림) 그리고 아래와 같은 구문을 실행하면 select round(p.. 2013. 10. 14.
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.
따뜻한 버블 하우스 정말 오랫만에 기발한 아이디어에 포스팅을 하는듯 합니다. 사실 요즘 너무 정신이 없어서 프로그램 관련 가벼운 포스팅만 진행하고 있는데 더욱더 알찬 정보를 제공하고 싶지만 쉽지가 않네요. 어쨋든 오늘 기발한 아이디어는 덴마크의 Simon Hjermind Jensen 씨가 디자인한 작품입니다. 아파트가 많은 우리나라에는 적용이 쉽진 않을듯 보입니다. 하지만 우리집은 정원이 좀 커! 라고 생각하시는 분들은 눈여겨 볼만하겠네요. 저는 서민이라 포스팅만 하고 패쓰~ 이걸 디자인한 목적은 가을에도 조금더 따뜻하게 지내기 위해 디자인 되었습니다. 태양열에 의해 자연적으로 온도가 유지되고 환기구를 통해 온도 조절이 가능하다고 합니다. 총 세개의 버블 하우스로 구성되어 있는데 큰 버블 하우스엔 휴식공간이고 나머지 작은 .. 2013. 10. 11.
SQL UCASE(), LCASE() 구문 안녕하세요!! 이번 포스팅에서는 SQL UCASE(), LCASE() 에 대해서 알아보겠습니다. 웹 프로그래머 생활을 10여년 넘게 하고 있지만 위 두 개의 함수 UCASE(), LCASE() 는 거의 사용해보지 않은듯 합니다. ㅎㅎ;; 하지만 알아두면 언젠가는 도움이 될듯하여 이렇게 포스팅합니다. UCASE() 함수의 역할은 영문을 대문자로 변환해 줍니다. 그리고 짐작하시겠지만 LCASE() 함수의 역할은 영문을 소문자로 변환해 줍니다. 한글에는 대문자 소문자가 존재하지 않는데 영문에는 대.소문자가 존재합니다. 그래서 필요에 의해 만들어지지 않았나 짐작해봅니다. 어쨋든 함수의 의미는 단순합니다. 대문자 변환 UCASE() , 소문자 변환 LCASE() 기본적인 문법은 아래와 같습니다. select UC.. 2013. 10. 10.
SQL HAVING 구문 안녕하세요!! 이번 포스팅에서는 SQL HAVING 구문에 대해서 설명하겠습니다. 예전에 ERP 시스템을 만들때는 종종 사용한듯 한데 규모가 그다지 크지 않은 홈페이지를 구축할땐 거의 사용하지 않았습니다. 그래도 HAVING은 중요한 역할을 하는 녀석(?) 이기 때문에 알아두면 도움이 많이 될듯합니다. HAVING 은 group by 에서 사용하는 조건구문 이라고 생각하면 됩니다. where 조건에서는 집계함수와 함께 사용할 수 없기 때문에 having 을 이용해야 합니다. 기본적으로 having 는 select ..... group by .... having... 으로 사용됩니다. SELECT column_name1, function(column_name2) FROM table_name WHERE co.. 2013. 10. 9.
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 MAX(), MIN() 구문 안녕하세요!! 이번 포스팅에선 SQL MAX(), MIN() 함수에 대해서 설명드리겠습니다. MAX() 은 선택된 칼럼의 가장 큰 값을 가져옵니다. 기본구문 SELECT MAX(column_name) FROM table_name; // 기본적으로 max() 의 사용방법은 위와 같습니다. 위의 구문을 실행시키면 table_name 라는 테이블에서 column_name 의 값중 가장 큰값을 하나만 가져오게 됩니다. id name age 1 박 38 2 김 45 3 이 26 예를들어서 위와 같은 테이블(member)이 있다고 가정 할 경우 select MAX(age) from member; // 위의 구문을 실행하면 나이가 제일 많은 45를 가져오게 됩니다. 그렇다면 이제 그 반대의 값을 가져오는 MIN()에.. 2013. 10. 4.
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.

티스토리툴바