프론트엔드2 [quasar] 정말 유용한 q-table 컴포넌트 저는 요즘 quasar로 요즘 관리자 페이지를 개발하고 있는데요. 관리자페이지는 서비스의 여러가지 데이터를 CRUD해야하는 페이지들이 많기 때문에 대부분의 페이지에서 스크롤압박이 느껴지게 하는 목록형태가 빠짐없이 등장하곤합니다. 이러한 여러 필드가 있는 데이터들을 그려줄 때 quasar의 q-table 컴포넌트를 정말 유용하게 사용하고 있어요. q-table 컴포넌트는 기본적으로 이렇게 생겼는데요. 객체배열형태로 칼럼과 칼럼에 들어갈 필드를 지정해주고 데이터를 붙여주면 이렇게 유용한 테이블을 알아서 그려줍니다. 이런 식으로 script 안에 데이터와 칼럼을 지정해주면 됩니다. 일일이 머스태쉬 안에 프로퍼티를 집어넣는 노가다를 할 필요없이 자동으로 테이블을 그려주니 정말 편하지요? 또한 칼럼에 속성을 지정.. 2021. 4. 29. [Javascript] 객체를 다루는 Javascript 메소드 객체를 다루는 Javascript 메소드 - Object.assign(), Object.values(), Object.entries(), Object.freeze(), Object.keys(), 프론트엔드 개발을 하다보면 서버에서 받은 정보를 바탕으로 객체를 가공, 변경, 복제 등등의 작업들을 해야할 때가 많이 있는데요. 그럴 때 자바스크립트 내장 객체 메소드들을 사용하곤 합니다. 자바스크립는 객체 기반의 script 언어인데요, 자바스크립트를 이루고 있는 대부분의 것이 객체입니다. 자바스크립트의 함수도 일급 객체입니다. 객체는 Key와 Value로 구성된 프로퍼티들이 모인 것인데요. 자주 사용하는 Object 메소드들이 무엇이 있는지 알아 보겠습니다. 1. Object.assign() 메소드 Objec.. 2021. 4. 26. 이전 1 다음
