ajax] 배열과 오브젝트 feat. input 에 value 값 넣기 console.log("", JSON.stringify(result)); 이렇게 찍으면 아래와 같이 나오는데 안에 있는 값을 찍으려면 어떻게 해야할까? [] => 배열 {} => 오브젝트 배열에는 인덱스 개념이 있는데 인덱스가 [] 한번감싸져있으니 [0] 이다. 그러면 result[0].name 이렇게 찍으면 된다. 참고 : https://blog.azulpintor.io/entry/json-structure-example 개발자의 공부방/Frontend 2020.03.27
데이터테이블 DataTable] 옵션 var Table = $('#table').DataTable({ "destroy": true, //테이블 재생성 "paging": true, //페이징처리 "ordering": true, //칼럼별 정렬기능 "autoWidth": false, //가로자동 "lengthChange": true, //데이터건수 변경 "pageLength": 50, //기본 데이터건수 "lengthMenu": [[50, 100, 1000], [50, 100, "Max(1000)"]], //데이터건수옵션 "order": [15,'desc'], //기본 정렬칼럼 "searching": false, //검색 "scrollX": true, //가로 스크롤 "ajax": function (data, callback, settings).. 개발자의 공부방/Frontend 2020.03.20
DataTable] DataTables Cannot read property 'length' of undefined 에러 DataTables Cannot read property 'length' of undefined 이라는 에러. 기본적으로 ajax 에서 받아오는 데이터를 화면 (JSP) 에 뿌릴 때 데이터 수와 테이블 수가 달라서 안나오는 경우가 많다. 하지만 이번에 나온 경우는 BackEnd 에서 ajax 로 넘길 값을 서비스impl 에서 담지 않고 보내서 나는 에러였다. package kr.co.smartix.service.impl; import kr.co.smartix.common.domain.PageResource; import kr.co.smartix.domain.company.CompanyVO; import kr.co.smartix.domain.member.MemberVO; import kr.co.smarti.. 개발자의 공부방/Frontend 2020.03.20
Vue] 배움 1일 차. https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Obsolete_Pages/Core_JavaScript_1.5_Guide/Creating_New_Objects/Using_a_Constructor_Function Using a Constructor Function 다른 방법으로, 다음 두 단계를 거쳐서 개체를 만들 수도 있습니다. developer.mozilla.org https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/constructor Object.prototype.constructor 인스턴스의 프로토타입을 만든 Object 함수의 참조를 반환.. 개발자의 공부방/Frontend 2020.03.06
자바스크립트] 함수 1) 함수 function hello(name) { console.log(`이름 : ${name}`); console.log('이름 : ' + name); } const hochul = hello('최하준'); `` 백틱을 사용함으로 조금 더 편해졌다. 개발자의 공부방/Frontend 2020.02.07
자바스크립트] 기초 개념 property shadowing 인사이드 자바스크립트 프로토타입 체인에 존재하는 프로퍼티와 이름이 같은 프로퍼티를 객체에 정의함으로써 프로토타입 체인에 존재하는 프로퍼티를 덮는 행위에요' const data = 1 const a = () => { const data = 2 } inner는 모든부모의 자유변수를 변경할수잇어서 체이닝 클로저 스코프 설명 쭉 나옵니당 https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Inheritance_and_the_prototype_chain https://yubylab.tistory.com/entry/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-prototype.. 개발자의 공부방/Frontend 2020.02.07
자바스크립트) 배열 안의 객체 값 가져오기 feat. console.log json 형식의 데이터에는 배열 안의 오브젝트가 들어가 있다. 데이터는 1개뿐. 이 객체 안의 값들을 사용하고 싶다면 아래와 같이 json.rows[0].status_cd 접근을 배열의 0번째 그리고 속성 값으로 접근하면 된다. 개발자의 공부방/Frontend 2019.12.30
Front) 기본 선택자 (Basic Selector) ............................개많아...........쥬륵....... 기본선택자 (Basic Selectors) 1. 전체 선택자 2. 태그 선택자 3. 클래스 선택자 4. 아이디 선택자 전체 선택자. * ex) * { } 태그 선택자 ex) li { } 클래스 선택자 . ex) .banana{ } 아이디 선택자 # ex) #furuit{ } 개발자의 공부방/Frontend 2019.11.19