본문 바로가기
반응형

Total169

왕좌의 게임 멋진 사진 Game of Thrones 저는 올 해 처음 왕좌의 게임이라는 미드를 접하게 되었습니다. 운이 좋게도(?) 마지막 시즌을 방영할 때 접해서.. 처음부터 마직화까지 끊김 없이 볼 수 있었어요.. 주로 헬스장에서 싸이클링 할 때나, 출/퇴근 시간에 보았지요.. 그래서 모두 보는데까지 꽤~ 오래 걸린 것 같아요. 왕좌의 게임을 보면서.. 어느순간 스크린샷을 찍고 싶은 멋진 장면들을 보게 되고 .. 그 후로 여러 스크린샷을 찍었답니다. 스포일러가 될 수 있으니 이를 원치 않는분은 살포시 [뒤로가기] 눌러주시면 됩니다 :-) 아린 가문의 요새를 처음 보면서 '와 ~ 멋지다 !'라고 생각했어요. 이 때 부터 스크린샷을 저장하기 시작했지요. {: .center-image } 아린 가문의 자하 감옥에 .. 2020. 4. 24.
설교 말씀 : 우리는 낮에 속하였으니 2019년 8월 25일, 번동평화교회 3부예배 우리는 낮에 속하였으니 데살로니가전서 5장 8-11절 8. 우리는 낮에 속하였으니 정신을 차리고 믿음과 사랑의 호심경을 붙이고 구원의 소망의 투구를 쓰자 9. 하나님이 우리를 세우심은 노하심에 이르게 하심이 아니요 오직 우리 주 예수 그리스도로 말미암아 구원을 받게 하심이라 10. 예수께서 우리를 위하여 죽으사 우리로 하여금 깨어 있든지 자든지 자기와 함께 살게 하려 하셨느니라 11. 그러므로 피차 권면하고 서로 덕을 세우기를 너희가 하는 것 같이 하라 루즈벨트의 부인.. 안나의 이야기를 들었습니다. 어린 시절 부모님, 형제 자매들이 연달아 모두 죽고.. 힘겹게 윤년시절을 보냈습니다. 그리고 한 남자를 만나 결혼했고, 여섯 자녀를 낳았습니다. 그 중 한 자녀.. 2020. 4. 24.
Vue.js : Store Module Vue에서 Store를 정의하다보면 하나의 큰 객체 안에 너무 많은 데이터를 저장하게 됩니다. 규모가 커지며 저장소가 매우 비대해지기 때문에 모듈 단위로 나누어 Store를 관리할 수 있습니다. 다음과 같이 모듈을 나누어 정의하고, Vuex의 modules를 이용하여 분리할 수있습니다. 그리고 modules 내 정의한 모듈 이름에 따라 호출이 가능합니다. const moduleA = { state: { ... }, mutations: { ... }, actions: { ... }, getters: { ... } } const moduleB = { state: { ... }, mutations: { ... }, actions: { ... } } const store = new Vuex.Store({ mod.. 2020. 4. 24.
Vue.js : 조건부 렌더링 사용하기 프로그래밍을 하면 반복문, 조건문을 자주 사용하게 됩니다. Vue 에서도 조건문에 해당하는 문법을 지원하고 있습니다. 다음과 같이 v-if, v-else-if, v-else를 활용하여 조건부 렌더링을 수행할 수 있습니다. A B C 그리고 v-show를 활용하면, 항상 렌더링되어 DOM안에 정의되어 있도록 할 수 있습니다. 다만, 조건에 따라 화면에 보여줄지를 결정할 수 있는 것이지요. Hello World ! 따라서 조건부 행위가 자주 일어난다면 v-show를 사용하고, 그렇지 않다면 v-if를 활용하면 됩니다. v-show는 초기 렌더링 비용이 높고, v-if는 조건부 행위 따른 렌더링 비용이 높기 때문입니다. 2020. 4. 24.
Java의 Mybatis ParameterType Mybatis의 XML을 작성할 때 Single / Multiple ParamterType 사용법에 대해 기술해봅니다. Single Parameter 다음과 같이 Mapper 용 Interface를 선언하였습니다. public interface HumanResourceSyncMapper { // Single Parameter List selectHumanResourceConfig(int syncTypeCd); // Multiple Parameter int insertHumanResourceConfig(HumanResourceSyncCommon humanResourceSyncCommon); } _parameter를 이용하여 조건문 if에서 활용이 가능하고, SQL 내에는 #{id}를 이용하여 Paramet.. 2020. 4. 24.
Vue.js의 v-flex 사용하기 Vuetify.js를 이용하여 Moden-Web방식의 페이지를 보다 쉽게 구현할 수 있습니다. Vuetify를 이용한다면, v-container, v-layout, v-flex 3계층으로 구성하여 코드를 작성하게 됩니다. 상황에 따라 v-container 대신 v-form을 사용하기도합니다. (v-flex로 이루어진 하위 컴포넌트를 상위 컴포넌트에 넣을 때) v-flex를 사용하게 되면, xs, sm, md, lg, xl 등의 키워드를 보게 됩니다. 기존 Bootstrap 등 다른 Framework도 마찬가지이지요. 각 키워드의 의미 xs : mobile sm : tablet md : notebook lg : desktop xl : 4k monitor 너비 사이즈를 총 12라고 보고, 이를 적절하게 나누.. 2020. 4. 24.
반응형