본문 바로가기

프로그래밍376

[javascript] AJAX 기본으로 쓰기 //ajax 객체 생성 function getAjaxHttp(){ var xmlhttp; if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); }else{// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } return xmlhttp; } //데이터 요청 보내기 //요건 ajax객체와 호출한 곳에서 넘겨준 콜백 메소드를 재호출해 준다. //간단하게 정수타입을 반환해서 쓰면 utf8 필요없다. function requestAjaxData(ajax, method, url, callback){ ajax... 2011. 1. 19.
[자바스크립트] 숫자에 콤마 붙이기 //콤마 붙이기 function numberComma(o) { var nocomma = o.value.replace(/,/gi,''); // 불러온 값중에서 컴마를 제거 var b = ''; // 값을 넣기위해서 미리 선언 var i = 0; // 뒤에서 부터 몇번째인지를 체크하기 위한 변수 선언 // 숫자를 뒤에서 부터 루프를 이용하여 불러오기 for (var k=(nocomma.length-1); k>=0; k--) { var a = nocomma.charAt(k); if (k == 0 && a == 0) { // 첫자리의 숫자가 0인경우 입력값을 취소 시킴 o.value = ''; return; }else { // 뒤에서 3으로 나누었을때 나머지가 0인경우에 컴마 찍기 //i가 0인 경우는 제일 뒤.. 2011. 1. 19.
jQuery 쉽게하기 - API 깨부시기, jQuery Core API(Application Program Interface, 응용프로그램 인터페이스)란 어떤 응용프로그램에서 제공한 메소드들의 모음입니다. 사전적으로 해석을 해보자면 "응용 프로그램과 대화하기" 가 되겠습니다. 사람사이의 대화방법은 몸짓, 말, 글을 사용합니다. 이것들을 인터페이스라고 할 수 있습니다. 단, 서로 의미가 통해야 합니다. 즉, 사전에 정의된 해석방법으로만 대화가 가능하죠. 고개 숙여 인사를 하는 박찬호를 보고 이상하게 생각했다는 미국인들과 같이 해석의 방법이 미리 정의되지 않은 대화방법으로는 오해 또는 소통이 불가하게 됩니다. 프로그램에서도 어떤 응용프로그램에 접근하기 위해 사전에 정의된 함수들의 모음이 존재하고, 이 모음을 외부에 노출하기 위해 정리한 것이 API 라고 할 수 있습니다... 2011. 1. 19.
jQuery 쉽게하기 - 기본부터 시작하자, 함수(Function) 편 함수(Function)란 객체의 행동을 나타내는 일련의 과정을 프로그램으로 표현한 것입니다. 즉 영어문법으로 보자면 동사가 됩니다. "~을 실행하다"의 의미로 받아 들이시면 됩니다. 모니터를 예로 들어볼까요. 모니터는 화면, 전원 단자, 비디오 단자, 파워버튼 등으로 이루어져 있습니다. 이것들이 모니터의 속성(Properties)이죠. 그럼 모니터로 할 수 있는 일을 정리해 보면 "화면을 표시한다" 라는 중요한 기능외에 "각도를 조절한다.", "밝기를 조절한다." 등의 부가기능들이 있습니다. "화면을 표시한다"라는 기능을 구현하기 위해 그 안에 뭔가 처리를 해야 합니다. 이런 일련의 내용들을 함수를 구현한다 정도로 정리가 되는 것 같습니다. 괜히 사족을 달아서 더 어려운 개념처럼 만든건 아닌가 모르겠네요.. 2011. 1. 18.
jQuery 쉽게하기 - 기본부터 시작하자, 배열(Array) 편 배열(ARRAY)은 프로그램을 배우기 시작하는 분들을 좌절시키는 첫판왕정도 되는 것 같습니다. "프로그램 별거 아니네"라고 방심하고 있다간 크리티컬 데미지 맞고 피 채울 시간도 없을지 모릅니다 ^^. 반 농담이구요. 배열을 만나면서 for Loop 도 의미있게 사용하게 되고 메모리에 대한 내용도 같이 엮여서 복잡해 지기 시작하죠. 그냥 그렇다구요 ^^;. 자 이번에는 JavaScript 의 Array 에 대해서 보도록 하겠습니다. ARRAY : 배열 자바스크립트의 배열은 몇 가지 내장 함수를 가진 변경 가능한 리스트(mutable lists) 입니다. 요 부분은 string 편에서 말씀드린 immutable 과 비교하시면서 보시면 될 거 같습니다. 자바스크립트의 배열 선언은 아래와 같이 합니다. var .. 2011. 1. 18.
jQuery 쉽게하기 - 기본부터 시작하자, Object 편 객체지향 프로그래밍(OOP)은 근대 소프트웨어의 근간이라고 할 수 있습니다. OOP(Object-Oriented Programming) 는 우주의 모든 유·무형의 사물을 객체화 시켜서 객체 끼리의 정보를 주고 받으며 개념을 구체화 시키는 것이라고 할 수 있습니다. 이 말이 더 어렵네요. ^^;; 객체라는 개념을 이해하는 순간이 프로그래밍 언어(language)의 반은 안다고 해도 과언이 아닐 것입니다. 나머지 반은 알고리즘과 같은 고유 스킬과 경험과 같은 지속 스킬 정도라고 해도 무방해 보입니다. 물론 제 의견입니다 ^^. 자, 이번에는 JavaScript 의 객체(Object)에 대해서 알아 보겠습니다. Object : 객체 JavaScript 의 모든 것은 모두 객체입니다. 객체를 만드는 가장 쉬운 .. 2011. 1. 17.
jQuery 쉽게하기 - 기본부터 시작하자, Number 편 JavaScript 의 변수 선언에는 자료형 표현이 없습니다. int a, String str 과 같은 변수타입이 없죠. 모든 변수는 var 로 표현됩니다. 아마 variable 의 약자인 것 같습니다. 게다가 var 를 생략해도 전혀 문제가 되지 않습니다. 이번에는 저번 포스트에 이어 다른 자료형들에 대해 어떻게 설명하고 있는지 보겠습니다. NUMBER : 숫자형 Javascript 의 Number 는 IEEE 754 의 64비트 배정도(double-precision 64-bit) 형식을 따릅니다. string 과 마찬가지로 변경 불가(immutable)한 값입니다. 그리고 C 언어의 기본적인 연산자들을 모두 지원합니다. 지원하는 연산자 : +, -, *, /, %, =, +=, -=, *=, /=, .. 2011. 1. 17.
jQuery 쉽게하기 - 기본부터 시작하자, string 편 기본은 언제나 중요합니다. 스포츠에서도 기본 폼이 좋은 사람은 발전 속도와 더불어 최고의 자리까지 올라가는 시간이 빠릅니다. 제가 좋아하는 농구도 폼이 좋은 사람이 골도 많이 넣더군요. ^^난데 없이 폼 얘기는 뭐냐? 라고 하시네요. 지금까지 jQuery에 대한 글을 쓰면서 정작 한것은 별로 없어 보입니다. 그냥 바로 멋진 예제들을 보여드리면서 흥미유발성 포스트가 어쩌면 더 맞는 내용일지도 모르겠습니다.특히나 이런 류의 포스트는 일정 수준 이상의 개발을 해보신 분들이 접하실 경우가 많기 때문에 따분한 개론 따위는 신경조차 쓰지 않으시죠. 뭐~ 저도 그런 편이니 딱히 뭐라고 할순 없네요. ^^;; 필요한 소스만 딱 떼어다가 쓰기에도 바쁜 세상이기는 합니다만 그래도 필요하신 분들은 있으실 겁니다. 그쵸? ^.. 2011. 1. 14.
[자바스크립트] Apple.com의 슬라이드 갤러리 애플 사이트의 구성중 하나인 슬라이드가 되는 이미지 갤러리를 구현해 봤습니다. 예제를 먼저 보실 수 있습니다. 배경색, 이미지 깨짐이 발생할 수 있습니다. 미리보기 CSS와 마크업을 조금 다듬으면 좀더 보기 좋을것 같습니다. 코딩은 간단하니 소스를 직접 참고하시면 되겠습니다. 소스는 첨부합니다. 그럼 즐프하세요~~ 2011. 1. 14.
jQuery 쉽게하기 - 파이어폭스의 파어어버그 사용하여 디버깅하기 유럽에서는 파이어폭스(FireFox)가 브라우져 점유율로 1위이네요. 2009년 하반기 기준으로 40% 정도였다고 하니 대단합니다. 우리나라는 익스플로러 천지인데 말이죠. 정말 먼 나라 얘기인 듯 합니다.이번 포스팅이 브라우져에 대한 얘기는 아닙니다. jQuery 쉽게하기 다음 포스팅이 Variables Types 인데요. 이 챕터에서 파이어폭스의 파이어버그를 사용하는 예제들로 구성되어 있어서 이렇게 포스팅을 하게 되었습니다. 사용을 해보지 않으신 분들이나 이미 사용하시는 분들도 계시겠죠. 일단은 사용을 하지 않는 분들을 기준으로 하여 글을 적을까 합니다.아마 처음 사용하시는 분들은 우리나라 웹사이트가 잘 열리지 않거나 Active-X 가 잘 지원되지 않아 당황스러울 수도 있습니다. 그래서 일단은 jQu.. 2011. 1. 14.
jQuery 쉽게하기 - 다른 라이브러리와 같이 쓰기 Javascript Library 들이 출현하면서 자바스크립트의 중요성은 비약적으로 높아졌습니다. Rich UI 를 구현함에 있어서 이 라이브러리들의 기여도는 결정적이였습니다. 풍부해진 사용자 경험(UX)을 바탕으로 웹 어플리케이션이란 용어도 등장하기 시작했습니다. 아마 앞으로는 웬만한 어플리케이션은 웹 기반이 되지 않을까 합니다.많아진 Javascript Library 들을 같이 사용해야 하는 경우가 있습니다. 이에 jQuery는 다음과 같은 권고 사항을 제시하고 있습니다.원문을 보시려면 여기를 클릭하세요.GENERAL : 개요jQuery 라이브러리와 Plugin 들은 jQuery 네임스페이스안에 종속되어 있습니다. 만약 여러분이 jQuery 외의 Prototype, MooTools, YUI 등과 같은.. 2011. 1. 13.
jQuery 쉽게하기 - 자주 묻는 질문과 답변, 두번째 FAQ 두번째 입니다. 내용 중에 AJAX에 대한 내용이 있는데요. 그 내용은 일단은 넘어가겠습니다. 하려면 넘 길어질 것 같습니다. 자 그러면 자주 묻는 질문과 답변 그 두번째 시작합니다. 1.6 요소(element)를 사용 가능/불가능 처리하려면? 어떤 요소의 사용할 수 있는 조건을 제어할 때 사용합니다. 눈으로 보시면 간단합니다. 아래 코드는 select 박스의 사용 설정을 바꾸는 내용입니다. // Disable #x $('#x').attr('disabled', true); // Enable #x $('#x').attr('disabled', false); 위처럼 disabled 속성값 요소인 true/false 로 제어하는 방법과 아래 처럼 disabled 속성을 제거하는 방법이 있습니다. // D.. 2011. 1. 13.
jQuery 쉽게하기 - 자주 묻는 질문과 답변, 그 첫번째 jQuery Forum을 통해 자주 올라온 질문들을 이곳에 모아 놓은 곳입니다. jQuery의 아주 기초적인 내용들로 구성되어 있어 아주 좋은 내용들이 많이 있습니다. jQuery.com 에서 바로보기 How do i...? 와 Why do...? 두 가지 섹션으로 구분되어 있습니다. 드디어 제 영어 실력이 뽀록이 나는 순간이네요. 저는 코드를 보고 문장을 유추했습니다. 쿨럭 ^^;; 1. How do I ... ? : 어떻게 하는 건가요? 1.1 class 또는 ID를 사용해서 아이템을 선택하는 방법은 무엇입니까? 요소(element)를 선택하는 방법에는 ID로 접근과 class명으로 접근하는 방법이 있습니다. 먼저 "myDivId" 라는 ID를 가진 요소(element)를 선택하기 위해서는 아래와 같.. 2011. 1. 12.
jQuery 쉽게하기 - jQuery 어떻게 쓰는 건가요? John Resig 이 소개하는 jQuery 사용법에 대해서 알아보겠습니다. 튜토리얼의 처음인데요. 친절히 레식아저씨께서 적어 주셨네요. jQuery.com의 GETTING STARTED 메뉴의 How jQuery Works(바로가기) 메뉴입니다. 내용이 좀 길어질수도 있겠네요. 좀 지루하실수도 있겠지만 jQuery 를 사용하기 위한 아주 기초적인 약속에 대해 보실 수 있는 부분이니 잘 보시면 나중에 분명 도움이 되실 것 같습니다. jQuery: The Basics Basic의 발음이 베이식인거 알고들 계신가요? 베이직이 아닌 베이식이더라구요. 어떨때는 제가 아는 모든게 다 잘못되어 있을 수도 있겠다라는 생각이 들곤 합니다. ^^;; 자~ 베이직이든 베이식이든 우리 말로 하면 기본이 됩니다. jQuery.. 2011. 1. 11.
jQuery 쉽게하기 - jQuery 를 다운받아 보자. 이번 포스트는 jQuery.com의 GETTING STARTED 의 Downloading jQuery 메뉴에 대해서 보려 합니다. 이 메뉴는 jQuery의 다운로드 방법이나 최신 버젼에 대한 간략한 정보들을 볼 수 있습니다. 내용은 몇 가지의 세부 사항들로 이루어져 있습니다. http://docs.jquery.com/Downloading_jQuery 의 부분입니다. 차례대로 한번 보도록 하겠습니다. ABOUT THE CODE jQuery 코드의 종류에 대해 간략히 설명되어 있습니다. 그리고 jQuery 개발에 대해 논의할 게 있으면 메일링 리스트에 가입하라는 내용도 간단히 보이네요. jQuery 는 Compressed와 Uncompressed 로 나뉘어져 있습니다. 해석해보면 압축버젼과 압축되기 전 버젼.. 2011. 1. 10.
jQuery 쉽게하기 - Documentation 의 Main Page jQuery에 대한 포스트는 jQuery.com 분석하는 내용으로 채울까 합니다. 사이트에 올라와 있는 모든 컨텐츠를 살펴보고 구현하며 포스트를 할 계획입니다. 물론 영어도 안되고 짧은 지식이라서 힘들겠지만 위 빨간 박스로 되어 있는 Documentation의 모든 메뉴를 다 볼 계획입니다. 하나하나 제 나름 해석하고 구현하여 작성하겠습니다. jQuery.com 으로 접속하시어 Documetation 메뉴를 선택해 보겠습니다. Main Page 서브메뉴가 Documentation 메뉴의 첫번째 메뉴입니다. 오늘 포스팅은 이 메뉴를 살펴보는 것으로 하겠습니다. Main Page 는 Documentation 메뉴안의 사이트맵 이라고 할 수 있겠습니다. 왼쪽 메뉴를 정리해서 바로가기 기능들로 구성해 놓았습니다.. 2011. 1. 10.
[C# TIP] 문자열에서 숫자만 추출하기 숫자 문자열에서 숫자만 추출하기 위한 함수입니다. 가격에 문자열이 포함되어 있는 경우에 사용하시면 좋습니다. using System.Text.RegularExpressions; RegularExpressions 네임스페이스를 참조해야 합니다. 적용 소스는 아래와 같습니다.string strTarget = "124,560원 (재고 없음)"; string strTmp = Regex.Replace(strTarget, @"\D", ""); int nTmp = int.Parse(strTmp); 위와 같이 사용하시면 됩니다. "\D" 는 숫자가 아닌 문자열을 뜻하므로 숫자를 제외하고 다 없애라는 뜻이 됩니다. 간단하지만 요긴한것 같습니다. MSDN의 주소 http://msdn.microsoft.com/ko-kr/l.. 2011. 1. 7.
JQuery 쉽게하기 - 시작하기에 앞서 JQuery는 자바스크립트 라이브러리입니다. 라이브러리란 소프트웨어를 제작할 때 빈번히 쓰이는 기능들을 모아서 사용할 수 있도록 먼저 작업을 해 놓은 겁니다. 쉽게 말하면 자주 쓰는 함수들을 모아놓은 거죠. 조금 더 들여다보면 라이브러리를 사용함으로써 얻을 수 있는 이점들이 상당히 많습니다. 그런 내용들은 이미 많이 언급되어 있기 때문에 지면을 할애 하면서 기재하지 않겠습니다. 저는 JQuery를 잘 사용하지 않습니다. 이 라이브러리는 이전의 자바스크립트 라이브러리인 yui, prototype, dojo 들 보다 인기가 있는것 같습니다. 이 라이브러리들을 모두 사용해 보지 않았기 때문에 그들에 대한 장단점을 말할 수는 없습니다. 개발자 개인의 평가 또는 이전에 개발된 소스에 포함된 프레임워크를 접하면서 .. 2011. 1. 6.
[C#] 콘솔 버전 - HTML 파싱하기 이전에 윈폼으로 작업한 것을 콘솔용으로 바꿔봤습니다. 웹브라우져 컨트롤 없이 HTML 파싱해보고 싶어서 였습니다. 웹브라우져가 아무래도 리소스를 좀 잡아 먹는거 같아서 입니다. 한참 돌고 돌아서 할 수 있게 되었는데요. 이번에도 구글신의 도움을 받았네요. 생각보다 많은 자료가 있는건 아니였습니다. 데브피아에 있는 관련 질문글에 답변 내용을 보고 참고했습니다. 이번 코딩은 mshtml 이라는 네임스페이스를 참고하는 부분이 주요 부분이라고 하겠습니다. 여전히 다나와의 현금/카드 동일몰의 최저가를 찾아내는 걸로 목표를 삼았습니다. mshtml의 인터페이스들로 파싱을 할 수 있습니다. 코딩은 이전 포스팅에 있는 웹 소스 가져오기 부분과 파싱하는 부분을 적절히 섞어서(?) 작성했습니다. 웹브라우져 컨트롤 보다는 .. 2011. 1. 5.
[C#] HTML 파싱해서 원하는 정보 가져오기 System.Windows.Forms 에 있는 Browser 컨트롤을 이용하여 브라우져를 만들고 원하는 정보를 얻을 수 있습니다.(옆의 이미지를 클릭하시면 크게 보실 수 있습니다.) 이 예시는 다나와 사이트의 카드/현금 동일몰 중 가장 싼 가격을 알아내는 것으로 타겟을 정했습니다. 최저가를 MessageBox로 나타나게 하는 아주 기초적인 프로그램입니다. 이 소스는 다나와 사이트의 구조에 맞게 구성되어 있으므로 타 사이트에 적용하시길 원하시면 각각 사이트의 구조에 맞게 변형시켜야 합니다. (혹시 다나와에서 이 소스에 문제가 있으시면 말씀해 주세요. 포스트를 내리겠습니다.) 즉, 이런 것도 있다 정도로만 넘어가시면 되겠습니다. 프로젝트는 Window Form 프로젝트로 생성했습니다. 폼에 떡하니 브라우져 .. 2011. 1. 4.

티스토리툴바