전체 글119 데이터 로딩중 표시하기 1 - Ajax 컨트롤 UpdatePanel, UpdateProgress 화면에서 ASP.Net 컨트롤을 사용하여 특정 작업을 할 때 작업시간이 오래 걸리면 다시 PostBack 이 일어날 때까지 화면이 아무 반응이 없습니다. 이럴 경우 데이터 로딩중... 혹은 잠시만 기다려주세요.. 같은 진행상태를 표시해 주는 예제입니다. 이 예제에서는 Ajax 확장 컨트롤인 UpdatePanel 과 UpdateProgress 를 사용합니다. 예제에서 사용된 로딩 중 이미지는 아래 파일을 다운받으시면 됩니다. (loading.zip 파일을 다운받아 압축을 푸시면 왼쪽 그림과 같은 loading.gif 가 나옵니다) 1. WebForm2.aspx 부분 로딩중... 2. WebForm2.aspx.cs 부분 public partial class WebForm2 : System.Web.UI.Pag.. 2013. 9. 27. 웹폼에서 Ajax 실행하기 3 - jQuery Ajax + JSON 웹폼에서 Ajax 를 실행할 때 jQuery Ajax 와 더불어 JSON 을 사용하여 서버단 함수에 데이터를 넘기고 받는 예제입니다. 이 예제에서는 C# 과 jQuery v1.7.1, 그리고 JSON 처리를 위해 json3 를 사용합니다. json3는 github 에서 진행되는 오픈소스 라이브러리이며 json3 을 검색하여 다운로드 받거나 아래 첨부파일을 다운로드 받으시면 됩니다. 1. WebForm4.aspx.cs using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.Service.. 2013. 9. 14. 웹폼에서 Ajax 실행하기 2 - jQuery Ajax 웹폼에서 Ajax 를 실행할 때 1번 글과 같은 ScriptManager 라는 ASP.Net Ajax 컨트롤을 사용하지 않고 jQuery Ajax 를 사용하여 서버단의 함수를 호출하는 예제입니다. 이 예제에서는 C# 과 jQuery v1.7.1 을 사용하였습니다. 1. WebForm3.aspx.cs using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.Services; namespace WebApplication1 { public partial class WebForm3 : Syst.. 2013. 9. 14. 웹폼에서 Ajax 실행하기 1 - ScriptManager Ajax 컨트롤 웹폼에서 Ajax 컨트롤 중 ScriptManager 를 사용하여 서버단 함수를 Ajax 로 호출하는 예제입니다. 이 예제에서는 C# 과 jQuery 가 사용되며 jQuery 는 v1.7.1 을 사용하였습니다. 1. WebForm2.aspx.cs using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.Services; namespace WebApplication2 { public partial class WebForm2 : System.Web.UI.Page { protected voi.. 2013. 9. 13. WHERE 절에 변수나 파라미터로 데이터 필터링하기 팁 WHERE 절에서 변수나 파라미터로 데이터 필터링할 때 변수 혹은 파라미터가 꼭 사용은 되어야 하나 빈 값일 경우 필터링하지 않고 값이 있을 경우에만 필터링 할 경우 유용한 팁입니다. 예제 쿼리문 -- 예제를 위한 테이블 변수 생성 DECLARE @tmpTable TABLE ( idx INT, idx_Name VARCHAR(30) ) -- 테이블 변수에 데이터 생성 INSERT INTO @tmpTable VALUES(1, '테스트1') INSERT INTO @tmpTable VALUES(2, '테스트2') INSERT INTO @tmpTable VALUES(3, '테스트3') INSERT INTO @tmpTable VALUES(4, '테스트33') INSERT INTO @tmpTable VALUES(5,.. 2013. 9. 11. 모달 팝업창 만들기 1 - dhtmlwindow를 이용하여 레이어 모달 팝업창 만들기 dhtmlwindow 라이브러리를 사용하여 레이어 모달 팝업창을 생성하는 예제입니다. Dynamic Drive 라는 곳에서 만든 dtml window widget 이라는 위젯처럼 팝업창을 띄워주는 기능을 확장해서 만들어진 오픈소스 기반 라이브러리이며 스크립트 주석을 그대로 사용해야 합니다. 이 라이브러리는 iframe 과 div 를 사용해서 레이어로 모달 팝업창을 만들 수 있고 iframe 을 사용할 경우 외부 페이지를 팝업창으로 띄워서 값을 받아올 수 있습니다. 아래 예제에서는 div 와 iframe 두 가지 방법으로 모달 팝업창을 띄우며, 이를 위해 아래 사이트에서 관련 리소스를 받아서 사용하시거나 아래 첨부파일을 받으시면 됩니다. URL: http://www.dynamicdrive.com/dynam.. 2013. 9. 9. Javascript 와 Css 로 원하는 영역만 인쇄하기 Javascript 와 Css @media print 기능을 사용하여 웹 페이지의 원하는 영역만 인쇄하는 방법입니다. 이 예제에서는 JQuery 를 사용하고 결과화면을 보여주기 위해 인쇄 미리보기 기능을 사용하며 필요하시면 아래 글을 참고하세요. Javascript 로 인쇄 미리보기 기능 추가하기 http://ninebear.tistory.com/123 1. Css 부분 2. Html 부분 여기는 헤더영역입니다. 인쇄 미리보기 화면을 열겠습니다. 3. Javascript 부분 4. 결과화면 여기는 헤더영역입니다. 를 출력시 제외시켰습니다. 2013. 9. 3. Javascript 로 인쇄 미리보기 기능 추가하기 Javascript 를 이용하여 IE(Internet Explorer) 의 인쇄 미리보기 화면을 먼저 띄운 뒤 출력될 내용을 확인 및 조정 후 출력하는 예제입니다. 참고로 아래 예제는 IE 를 ActiveX 형태로 이용하는 것이기 때문에 타 브라우저에서는 작동하지 않을 것이고, IE 7 이전 버전에서는 작동하지 않을 수 있습니다. 그리고, 아래 사이트를 참고하시면 보다 많은 정보를 얻으실 수 있습니다. 참고 URL: http://docs.servicerocket.com/display/WMFAQ/How+to+add+Print+and+Save+to+File+buttons+to+Workflow+forms 1. javascript 부분 2. html 부분 인쇄 미리보기 화면을 열겠습니다. 3. 결과화면 2013. 9. 2. 프로그래머로 개인사업하기 팁 [개인사업자] 1. 사업용 계좌 -> 서비스업/프리랜서(2013년 기준) 직전년도 수입이 7천5백만 이상이면 복식부기의무자 로 사업용 계좌를 의무적으로 등록해야 한다. 7천5백만 미만일 경우 간편장부 대상자로 등록하지 않아도 된다. -> 사업용 계좌 개설(은행)과 사업용 계좌등록(국세청)은 별개이다. [개인사업자 부가세 및 경비 처리] 1. 대표자 명의 휴대폰 요금 -> 휴대폰 요금을 통신사에 사업자등록증 및 대표자 신분증 보내서 세금계산서 등록하면 부가세 매입세액 처리 가능하며 공급가액은 소득세 신고 시 비용 처리 가능하다. 2. 법정지출증빙자료 -> 사업용 신용카드나 현금영수증카드 사용으로 국세청에 등록되었을 경우에는 자료를 보관할 의무는 없으나 만약의 경우를 대비해 보관하는 게 좋을 것 같다. 국세.. 2013. 8. 29. 웹 개발에 유용한 프레임워크와 라이브러리 [JQuery Plug-in] LazyLoad (OpenSource) - 이미지가 화면에 잡힐 때만 로드하게 해준다. - 페이지 로딩 시 한꺼번에 이미지를 가져오지 않아 페이지 로딩 속도를 개선할 수 있다. - 페이지에 수많은 이미지를 출력할 때 scrollstop 플러그인과 같이 사용하면 화면에 잡힌 이미지들만 나오게 할 수 있다. scrollstop (OpenSource) - 스크롤 시작 혹은 끝 이벤트를 발생시킨다. - 스크롤 중일 때 어떤 처리를 하거나 LazyLoad 와 같은 플러그인와 연동할 수 있다. jquery.cookie (OpenSource) URL: https://github.com/carhartl/jquery-cookie - Cookie 를 손쉽게 사용할 수 있게 해준다. [Fram.. 2013. 8. 29. 마스터페이지 사용한 웹폼에서 FindControl() 로 컨트롤 찾기 마스터 페이지를 사용한 웹폼 cs단에서 FindControl() 함수를 이용해 특정 컨트롤에 접근하는 예제입니다. 본 예제는 Hello 버튼을 클릭하면 아래 5개의 ID 를 span1, span2, span3 등으로 가지는 span 태그들에 텍스트를 출력합니다. 물론, 마스터 페이지를 이용하여 해당 html 태그들은 안에 들어가게 되고 예제 웹폼 파일명은 WebForm1.aspx 입니다. 1. WebForm1.aspx 의 내용 2. WebForm1.aspx.cs 의 에 해당하는 button1_click() 함수 내용// Hello 버튼 클릭 이벤트 함수 protected void button1_Click(object sender, EventArgs e) { // 해당 웹폼의 마스터 페이지에서 찾고자 하는.. 2013. 8. 28. iframe 을 이용한 페이지 로딩 처리 예제 페이지에서 iframe 이 있거나 혹 iframe 을 이용하여 다른 페이지를 읽어올 때 로딩하는 동안 로딩 이미지나 문구를 화면에 뿌려주는 예제입니다. 이 예제는 http://jsfiddle.net/CPadm/ 에도 동일한 내용이 있으므로 참고하실 수 있습니다. 이 예제에서는 JQuery 를 이용합니다. 1. 안에 들어갈 내용Click to load Page is loading... 2. Css (head 부분에 3. Javscript 내용 예제파일: 결과 화면 2013. 8. 27. [v6.1] JSP 에서 for each 문 사용하기 Version 1.0 문서 이력 2013-06-11 최초 작성 Ver 1.0 WebSphere 6.1 에서 아래와 같이 JSP 상에 for each 문을 사용하게 될 경우 에러가 발생하며 for each 문이 동작하지 않습니다. 예제로 아래와 같이 ArrayList 를 for each 문으로 페이지에 출력해 보겠습니다. DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> test 위 에러 메시지를 보시면 only available if source level is 5.0 이라는 종류의 에러가 발생하고 있습니다. Java Bean 에서 for each 문을 사용하는 것은 문제가 .. 2013. 6. 11. [Visual Studio 2008] 기본 개발환경 변경하기 Version 1.0 문서 이력 2013-05-24 최초 작성 Ver 1.0 Visual Studio 2008 을 설치 후 처음 실행을 하게 되면 기본 언어 및 개발 환경을 선택하라는 화면이 나옵니다. 이렇게 선택을 하게 되면 시작 페이지 에 해당 언어 및 개발 환경의 최신 뉴스 및 가이드들이 나오게 됩니다. 이러한 설정은 매번 실행시 묻는 것이 아니라 최초 한 번 선택 후 계속 유지가 되며 새 프로젝트/웹 사이트를 만들 경우 아래와 같이 해당 언어 및 개발 환경이 기본적으로 활성화 되어 나타납니다. 이후, 사용하는 언어나 개발 환경이 바뀌면 기본 언어/환경이 활성화 되어있어 은근히 귀찮습니다. 그래서 기본 환경을 바꾸고 싶어지면서 최초 선택했던 기본 개발환경 설정 부분을 다시 생각하게 됩니다. 본론으로.. 2013. 5. 24. Data Access Layer 로 Enterprise Library 5.0 의 Data Access Application Block(DAAB) 사용하기 Version 1.0 문서 이력 2013-05-18 최초 작성 Ver 1.0 보통 프로젝트를 시작할 때 N-Tier 로 구성하여 사용을 합니다. Tier 는 Layer 라고도 할 수 있으며 보통 그 중 하나의 Layer 는 Data Access Layer 로 하여 데이터 접근하는 부분은 따로 구성하는 경우가 많습니다. 이 Layer 는 순수하게 ADO.Net 을 사용하여 DataReader, SqlConnection, SqlCommand 같은 기본 Sql 클래스들로 직접 구현하여 사용할 수도 있지만 Microsoft 에서는 엔터프라이즈 환경에서 보안, 트랜잭션, DB 접근 등의 기능을 손쉽게 사용할 수 있도록 Enterprise Library 를 제공합니다. 이는 patterns & practices 라.. 2013. 5. 18. 이전 1 2 3 4 5 ··· 8 다음
