반응형 SW LAB122 Linux 방화벽 해제 Centos # systemctl stop firewalld 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. IntelliJ 자동 주석 완성 Back-End 개발을 수행하면 주석을 자동으로 완성하여 넣어야 할 일이 많이 있습니다. 클래스나 메소드의 용도 및 히스토리를 넣는 것이지요. IntelliJ 에서 이를 수행하기 위한 세팅 방법을 알아봅니다. [File]-[Setting]를 선택하거나, [Ctrl] + [Alt] + [S] 단축키를 누릅니다. Live Template를 검색합니다. 우측에 [+]를 클릭하여 [Template Group]를 추가합니다. 저는 Java 로 생성하였습니다. 그리고 Java 그룹을 선택 후, 다시 [+]를 클릭하여 [Live Templates]를 선택합니다. 다음과 같이 정의하였습니다. Abbreviation : cmtClass Description : 클래스 주석 Template text : /** * * $p.. 2020. 4. 24. 이전 1 ··· 10 11 12 13 14 15 16 ··· 21 다음 반응형
