Recent Posts Top 4
-
Vuetify 커스터마이징 - 체크박스
Component Framework 중 Vuetify 커스터마이징을 소개하려 합니다. Vuetify Document 를 보면 Slot, Props가 잘 소개되어 있는데요. 커스터마이징을 어떻게 해서 공용 컴포넌트로 활용할 수 있는지 소개합니다 :-) 제가 소개하는 커스터마이징 체크박스는 다음과 같은 기능이 있습니다. 체크 데이터 model 적용 이미지를 이용한 체크 유무 표기 및 사이즈 지정 라벨 표기 유무 및 색상, 사이즈 지정 체크박스 가로 위치 지정 데..
더보기
-
Vuetify 커스터마이징 - 버튼 (v-btn)
Component Framework 중 Vuetify 커스터마이징을 소개하려 합니다. Vuetify Document 를 보면 Slot, Props가 잘 소개되어 있는데요. 커스터마이징을 어떻게 해서 공용 컴포넌트로 활용할 수 있는지 소개합니다 :-) 제가 소개하는 커스터마이징 버튼은 다음과 같은 기능이 있습니다. 버튼 내 문자열과 색상, 사이즈, Weight 등 지정 아이콘 앞, 뒤 선택하여 삽입 및 색상, 사이즈 등 지정 버튼의 Background, Border 색상 지정 버..
더보기
-
Vue.js 프로젝트 구조 추천
Vue.js 를 이용하여 프로젝트를 생성 후, 고민이 빠지게 되는 것 중 하나가 프로젝트 구조입니다. Back-End 프로젝트의 경우 대부분 비슷한 구조를 갖고 개발을 시작하기 때문에 협업을 할 때 서로 이해하기가 좋지요. 가령 Service, Controller, Dao(Mapper), Dto(Model) 등으로 분류 후 하위에 구체적인 구현체를 생성합니다. Vue.js 의 Convention 가이드에도 프로젝트 구조는 특별히 언급이 되어 있지 않습니다. 그래서 여러..
더보기
-
Clean Architecture : (5장) 객체 지향 프로그래밍
프롬스의 SWDEVLAB 객체 지향 프로그래밍 좋은 아키텍처를 만드는 일은 객체 지향 설계 원칙을 이해하고 응용하는 데서 출발합니다. 그렇다면 객체 지향이란 무엇인가? 이 질문에 누군가는 "데이터와 함수의 조합" 이라고 답을 하는데, 그다지 만족스러운 대답은 아닙니다. 달과 니가드가 함수 호출 스택 프레임을 힙으로 옮기고 OO를 발명한 1966년 이전부터 프로그래머는 데이터 구조를 함수에 전달해 왔습니다. 또는..
더보기
-
SwDevLab
IT 기술&개발을 주제로 포스팅을 다룹니다.
더보기
-
Hobbies
음식, 여행, 미디어, 일상다반사 등 취미를 주제로 포스팅을 다룹니다.
더보기
-
Religion
종교를 주제로 포스팅을 다룹니다.
더보기
Application
App 제작 및 홍보 공간입니다.
더보기
