본문 바로가기

프로그래밍/javascript

[DevExtreme] datagrid 사용법 및 옵션 정리 프로젝트를 진행하다 보면 반드시 사용하게 되는 datagrid에대해 정리한다. 프로젝트는 jQuery로 진행할 것이다. html 간단히 div tag에 id값을 사용하여 html Tag를 사용한다. js var _dataGrid; var _dataList = [{ "ID": 1, "FirstName": "John", "LastName": "Heart", "Prefix": "Mr.", "Position": "CEO", "BirthDate": "1964/03/16", "HireDate": "1995/01/15", "Notes": "John has been in the Audio/Video industry since 1990. He has led DevAv as its CEO since 2003.\r\n\r\.. 더보기
[DevExtreme] 유료 js 컴포넌트 정리 프로젝트를 진행하다 알게된 DevExtreme에 대해 정리를 하려고 한다. 이전에 DevExpress를 이용하여 프로젝트를 진행하곤 했었는데(윈폼, ASP.Net 등..) DevExtreme은 javascript용 유료 컴포넌트이다. 이전에는 주로 C#(WinForm, WPF, WebForm, ASP.Net, ASP.Net Core) 등 의 컴포넌트를 제공하며 돈을 벌던 회사였는데.. 워낙 javascript가 강세이다 보니 이렇게 js용 컴포넌트도 제공하는건가 싶다. js용 컴포넌트답게 다양한 javascript에 대해 샘플코드를 제공한다. (Angular, React, Vue, jQuery 등) DevExpress는 Demo 파일 및 매뉴얼 문서가 정말 잘 정리되어있어, 처음 프로젝트를 진행하더라도 .. 더보기
Dropzone js를 사용한 파일업로드 [기본] 파일 업로드 기능을 구현하기 찾아보다 발견한 Dropzone에 대해 정리를 한다. 샘플 코드는 아래 깃 헙에 업로드하였다. https://github.com/workshko/javascriptSutdy/tree/master/dropzone workshko/javascriptSutdy 자바스크립트 스터디 프로젝트. Contribute to workshko/javascriptSutdy development by creating an account on GitHub. github.com index.html dropzone 테스트 서버전송 여기서 작성 시 중요한 점은, 파일이 업로드 되는 구역의 div tag의 id를 'fileDropzone' 으로 지정하였을 경우, 스크립트단에서 Dropzone.options.. 더보기
ASP.NET 에서 Ajax 사용하기. 1. Repository클래스 구성 - 이 부분은 DB접속 및 데이터를 가져오는 클래스입니다. 단순히 DB에 접속하여 데이터를 가져오는 부분이기 때문에 각자의 스타일대로 구현 하면된다. 나는 ADO.Net을 이용하여 DB에 접근하고 프로시저를 통해 DataSet을 반환하도록 구성할 것이다. 최근들어 알게된 Micro ORM인 Dapper.Net 또한 유용하게 사용할 수 있으니 관심이 있는 사람은 참고해보면 좋을것 같다. public class RepositoryClass { public List GetData(int Key) { Listdata = new List(); return data; } } 2. 모델클래스 정의 이 부분은 DB에서 가져온 DataTable의 ModelView 클래스 입니다. 단순.. 더보기