💡attr vs prop

💡 attr() VS prop() 💡 jQuery 1.6.0 업데이트로 attr() 과 prop() 두 개로 나눠졌다. attr() : HTML 속성 (Attribute) 취급 prop() : javascript 프로퍼티 (Property) 취급 * 속성(Attribute) 은 HTML 요소에 대한 추가 정보를 전달하며 쌍으로 제공 * 프로퍼티(Property) 는 HTML DOM트리의 특성으로 javaSctipt / jQuery를 통해 수정된 요소의 값을 가져오는데 사용하는 것이 좋음 // .html // .js // attr() var text = $("input[type=text]"); console.log(chk.attr("id"));// example console.log(chk.attr("ty..

• format_list_bulleted jQuery/기본
• · 2022. 12. 14.
• textsms

🧩jqGrid 간단한 사용법

🧩jqGrid 간단한 사용법🧩 fn_grdm_columns() { if (typeof this._cls_info.grdMasterCols === null || this._cls_info.grdMasterCols === null || this._cls_info.grdMasterCols.length < 1) { var owner = this; this._cls_info.grdMasterCols = [ { name: "branch_id", hidden: true }, { name: "senior_id", hidden: true }, {name :'checkBox', index :'checkBox', align:'center', cellattr: function () { return " class='order'..

• format_list_bulleted jQuery/rib - jQgrid
• · 2022. 12. 14.
• textsms

🧩jqGrid - cell - editable(style)

🧩jqGrid - cell - editable(style)🧩 1. cellattr 옵션을 통한 편집 유무 설정하기 (ft. 편집 방지) cellattr: function(rowid, value, rawObject, cm, rdata) { // 필요에 따라서 if 조건문을 걸어 조건에 맞는 cell만 편집 방지 return "class='not-editable-cell'"; }, 🔥 cellattr 옵션은 jqgrid에서 사용되는 colmodel 옵션 중 하나인데, 편집 유무 뿐만 아니라 다양한 작업을 할 때 자주 사용되는 옵션이다. 🔥 cell 마다 반복되며 해당 함수가 실행되기 때문에 cell 속성을 주입할 수 있어, cell 마다 ‘not-editable-cell’ 클래스를 주입하여 편집 방지를 걸어..

• format_list_bulleted jQuery/rib - jQgrid
• · 2022. 12. 13.
• textsms

🔥 GET / POST

GET 방식과 POST 방식 HTTP 🔥 HTTP(Hypertext Transfer Protocol)란 하이퍼텍스트 전송 규약으로 Web-Client와 Web-server간 데이터를 전송하는 프로토콜이다. GET과 POST 메소드는 HTTP 프로토콜에서 데이터 전송을 위해 지원하는 7가지 메소드 중 일부이다. 🔥 HTTP통신 할때 보내는 데이터는 HTTP 패킷이라 하는데 해당 패킷의 구조는 크게 Header 영역과 Body영역으로 나누어진다. Header에는 크게 여러가지 정보와 어떠한 방식의 메소드를 사용 하였는지에 대해 적는다. 또한 어떠한 메소드 방식을 사용하였는지에 따라 Body 영역의 사용 유무 및 사용 방법이 달라지게 된다. GET 방식 GET 방식의 특징으로는 대표적으로 URL에 Parame..

• format_list_bulleted 참고/네트워크
• · 2022. 12. 13.
• textsms

🔥component - 부품으로 정리

component - 부품으로 정리 SPA(Single Page Application)는 간단히 만들기 위함이지만, 규모가 커지면 복잡해진다. 이 때, “같은 종류의 처리를 하는 부분을 컴포넌트로 정리”하면 보기 좋고 이해하기 쉬워진다. HTML의 일부분을 오브젝트로 정리하는 것은 template 오브젝트를 사용한다. 그리고 오브젝트에 이름(컴포넌트 태그명)을 붙인 것을 “컴포넌트”라고 한다. // 준비된 컴포넌트가 표시된다. 컴포넌트 만드는 방법 전역 컴포넌트로 등록하는 방법 Vue.component('컴포넌트태그명', { template: 'HTML부분' }) 로컬 컴포넌트에 등록하는 방법 var 컴포넌트의 오브젝트명 = { template: 'HTML부분' } new Vue({ el: '#app',..

• format_list_bulleted JavaScript/vue
• · 2022. 12. 13.
• textsms

👣REST API

{REST API}Representational State Transfer Application Programming InterfaceREST API란 Rest를 기반으로 만들어진 API를 의미한다. REST API를 알기 위해 REST부터 알아보자 REST란?REST(Representational State Transfer)의 약자로 자원을 이름으로 구분하여 해당 자원의 상태를 주고 받는 모든 것을 의미한다. 즉, REST란HTTP URL(Uniform Resource Identifier)를 통해 자원(Resource)을 명시하고,HTTP Method(POST, GET, PUT, DELETE, PATCH 등)를 통해해당 자원(URL)에 대한 CRUD Operation을 적용한느 것을 의미한다.CRUD ..

• format_list_bulleted 참고/네트워크
• · 2022. 12. 13.
• textsms