1. $(document.)ready(){}, $(function{}) - document의 DOM객체가 로드되면 이벤트 발생 2. window.onload, $(window).load() - documnet의 모든 객체가 로드되면 이벤트 발생 (이미지, 리소스 등등) 이벤트 실행순서로 본다면 document.ready 가 먼저 발생하고,그 뒤에 window.load가 발생합니다. 실제로 웹 개발을 하다보면 document.ready 안에 window.load 를 사용하는 경우가 있는데,간혹? 이벤트 시점에 따라서 오작동을 발생시킬 수 있습니다.. 고로 window.load 와 document.ready는 분리해서 작성하는게 좋습니다.
css 속성중 하나인 float 속성은자신의 위치를 부모의 콘텐츠에서부터 상대적으로 배치하는 속성입니다.가장쉬우면서도 가장 어려운 속성이라고 할수 있겠네요.자 우리는 개발자니까 코드로 이야기 하도록 하겠습니다. CSS 1: HTML 1: 2: div1 3: div2 4: div3 5: 위 코드로 실행을 해보면 아래와같은 형태로 div가 배치됩니다. 부모 컨테이너 div 영역에 자식 div item 들이 배치되어있습니다.부모컨테이너에 종속적인 자식컨테이너 item 들에 대해서 float 속성을 모두 left 로 설정하면 부모 컨테이너 안에 아이템들이 왼쪽으로 정렬되어 보여집니다. right로 하면 당연히 오른쪽으로 기울겠죠?HTML 1: 2: div1 3: div2 4: div3 5: 그런데 여기서 3번 ..
overflow 는 정의된 화면의 크기보다 컨텐츠 내용이 길어졌을때 어떻게 보여줄지에 대한 속성입니다.아주 간단한 속성이지만 그냥 잊고 지나치면 나중에 혼란을 일으킬 수 있는 속성이기에 블로깅합니다. overflow 속성은 기본적으로 아래와 같습니다.visible : 정의된 화면의 크기보다 컨텐츠가 길어도 그대로 보입니다. (영역을 넘어서 표시됨)hidden : 정의된 화면의 크기만큼만 표시되고, 그 뒤에 내용은 보이지 않습니다.scroll : 스크롤바가 항상 표시됩니다.auto : 정의된 화면의 크기를 넘었을때만 스크롤바가 보입니다. Style 정의 1: HTML 1: 2: 3: 컨테이너의 크기보다 아이템의 크기가 크게 설정을 하고overflow 속성을 visible 로 했을시에 보이는 화면입니다.vi..
디자이너가 아닌이상 포토샵을 설치해서 사용하는 경우는 그렇게 많지 않습니다.PSD 파일을 열어서 확인해야 하는경우 포토샵없이 실행할 수 있는 툴이 있어 소개합니다. Paint.NET 이라는 프로그램은 포토샵없이 PSD 파일을 실행할 수 있고, 포토샵만큼은 아니지만 이미지편집이 가능합니다.무료라는 점에서 더 메리트가 있기도 하구요. 간단하게 Paint.NET 설치프로그램을 설치 한 후에 Paint.NET PSD Plugin 을 다운받아서 Paint.NET 폴더에 넣어주면 됩니다.다운로드 URL1. Paint.NET : http://www.getpaint.net/download.html#download2. Paint.NET PSD Plugin : http://psdplugin.codeplex.com/ Pai..
ASP.NET 쿠키 쿠키란? 웹 서버와 브라우저간에 요청된 데이터 및 페이지에 포함된 텍스트 정보입니다.쇼핑몰에 접속하면 팝업창으로 광고가 뜨는곳 하단에 오늘은 이창을 열지않음이 구성되어있는 것도 쿠키를 이용한 기능이라고 할수 있습니다. 대부분의 브라우저는 4096Byte의 쿠키를 지원합니다. 그러므로 쿠키는 적은양의 데이터 또는 사용자 아이디, 구분값 등등 식별자를 저장하는데 유용합니다. 기본적으로 ASP.NET 에서 쿠키는 아래와같이 두가지 방법으로 생성할 수 있습니다. 1: // 1번 2: Response.Cookies["program"].Value = "ASP.NET"; 3: Response.Cookies["program"].Expires = DateTime.Now.AddDays(1); 4: 5:..
HTTP 통신상에서 오고가는 데이터들을 Gzip 방식을 적용해서 데이터의 크기를 압축하여 주고받을 수 잇습니다. 전송되는 스크립트파일, API메소드들 모두 용량이 확 줄어 들겠죠? Gzip 이란 국제표준으로 등록된 압축표준으로서 HTTP 헤더에 Acceept-Encoding 속성을 이용하여 전달합니다. 기본적으로 IIS는 Gzip 압축을 적용하지 않기때문에 직접 수정해줘야 합니다.물론 IIS 속성에 들어가서 이것 저것 바꾸지 않고 코드만으로!! 적용하는 방법에 대해서 알아보겠습니다. 적용대상 : HTML / Javascript / WebAPI Method 1. HTML / Javascript 파일에 GZIP 압축적용Web.Config 에 configuration 엘리먼트 안에 아래 staticConten..
대량의 데이터를 MS-SQL에 인서트 시킬때.Bulk Insert 를 사용해서 인서트를 해보자.일반 인서트보다 속도가 어마어마하게 빠를테니. 벌크인서트는 DataTable 이나 StreamReader 클래스를 사용해서 쓸수 있는데본 포스팅에서는 DataTable을 이용해서 인서트를 한다. 우선 샘플 데이블 구조는 아래와 같다. 아주 간단하게 TEXT 컬럼에 데이터를 백만건을 넣어보자.CREATE TABLE [dbo].[BULK]([TEXT] [varchar](50) NULL) ON [PRIMARY] 소스 1: using System; 2: using System.Collections.Generic; 3: using System.Data; 4: using System.Data.SqlClient; 5: us..
MVC 프레임워크나 Webform을 이용해서 WebAPI 서비스를 만들 수 있다.해당 포스트는 웹폼 (Webform)을 이용해서 만들어 보도록 한다. 1. 닷넷프레임워크 4.5 이상버전을 선택하고 빈 웹폼을 생성한다.2. 빈 웹폼이다보니 아무것도 없다. 아래와 같은 구조로 파일을 생성해준다.1. MyController.cs 생성 (WebAPI컨트롤러 클래스) - 실제 기능을 담당하는 WebAPI 컨트롤러2. Global.asax 생성 3. WebApiConfig.cs 생성 - WebAPI의 라우팅 규칙을 선언하는 파일 4. 패키지 관리자 콘솔(Nuget)을 이용해서 추가 기능설치1. Install-Package Microsoft.AspNet.WebApi.WebHost (WebAPI 라우팅을 사용자가 정의..
1. 자바스크립트 Array 배열을 JSON.stringify 로 직렬화 시킨다.2. 자바스크립트를 디버깅하면서 보면 아래와 같이 배열이 있는데 stringify로 직렬화 시키켜서 WebApi data에 넘긴다. 3. Webapi 컨트롤러에서 받을 모델을 정해주면 string으로 쭈욱들어오는데 들어온 데이터를 JSON.NET NewtonSoft.json 을 이용해서 역직렬화 시켜주면 아래와같이 C#에서 배열로 받아서 쓸수있다. JSON.NET을 사용안하는 방법도 있지만 사용하는게 정신건강에 좋다.예제는 스트링 배열만 이용해서 작업한거지만 WebApi 에서 받을때 클래스와 자바스크립트에서 보낼 프로퍼티만 일치시켜주면클래스 단위도 배열로 넘기는것 또한 가능하다. 포인트는 넘길때 JSON 을 직렬화해서 넘기고..
WebApi 에서 세션을 사용하려면 아래와같이 IHttpHandler를 구현해서 사용해줘야 한다.WebApi 버전에 따라서 핸들러를 설정하는 부분이 조금? 다르긴 하지만 메커니즘은 같으니 그냥 따라하면된다.1. Global.asax 에 사용자 핸들러 생성 2. Global.asax 의 라우트 템플릿에 핸들러 맵핑 3. WebApi 컨트롤러에서 아래와 같이 사용 * webapi, webapi2, webapi session, webapi 세션, 세션, 웹api 세션, api session, ASP.NET
- Total
- Today
- Yesterday
- workbook
- SVG
- grid
- radius
- json
- WCF
- 자바스크립트
- jQuery
- Ajax
- Chart
- MSSQL
- rowspan
- WebApi
- 프로시저
- html5
- 제이쿼리
- IE
- Mobile
- jquery chart
- Excel
- 저장프로시저
- jQuery Mobile
- JS
- JavaScript
- ASP.NET
- drag&drop
- 셀렉터
- css3
- CSS
- Style
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |