본문 바로가기
  • 일하면서 배운 내용 끄적이는 블로그

분류 전체보기58

Props vs EventBus vs Vuex PropsVue.js에서는 부모 - 자식 컴포넌트 사이에 단방향 바인딩을 생성한다.Vue는 컴포넌트로 화면을 구성하기 때문에 같은 웹페이지라도 데이터를 공유할수 없다 따라서 부모는 Props를 통해 자식에게 데이터를 전달하고, 자식은 events(emit)을 통해 부모에게 전달한다. 예제코드 부모  자식 {{ message }}  이런 방식으로 데이터를 전달하는것은 규모가 크고 복잡해질수록 컴포넌트 간 통신 및 데이터 전달이 힘들다 그래서 다음 방법이 EventBus와 Vuex이다.EventBusEventBus는 쉽게 말하면 비어있는 Vue 인스턴스 객체이다.import Vue from "vue";var EventBus = new Vue(); 이 인스턴스를 독립적인 각 컴포.. 2024. 5. 2.
Vue 객체의 기본 속성 정리 var vm = new Vue({ //여기 정의}); Vue 객체의 기본 속성들에 대해 정리해본다.elVue 인스턴스가 마운트될 요소를 가르킴예)new Vue({ el: '#app', components: { App }, template: ''}) el: '#app'는 Vue 인스턴스를 #app 요소에 마운트함nameVue 컴포넌트의 이름을 나타냄해당 컴포넌트를 다른곳에서 참조하거나 재사용할 때 유용함 'App'이라는 컴포넌트의 이름을 나타냄 name 활용 예)router.replace({name : 'main'}); 이런식으로 페이지 이동dataVue 인스턴스에서 사용할 데이터를 정의예)data() { return { count: 0 };} Vue에서는 데이터는 함수 형.. 2024. 5. 2.
Cipher 클래스 - Java의 암호화 & 복호화 담당 Cipher 클래스는 Java에서 암호화와 복호화를 담당한다 javax.crypto pakage에 위치해서 암호화 및 복호화 기능을 제공 JCE framework의 핵심을 구성JCE란 Java Cryptography Extension : 자바 보안 기능의 핵심을 담당하는 Java Crpytography Architectur(JCA)의 일부분으로, 애플리케이션에서 데이터 암호화, 복호화 그리고 개인 데이터의 해싱을 제공한다. 사용법 암호화// 암호화public String aesEncode(String str) throws Exception{ Cipher c = Cipher.getInstance("AES/CBC/PKCS5Padding"); c.init(Ci.. 2024. 4. 24.
[Eclipse] jpa project change event handler 끄기 이클립스를 열고 svn으로 프로젝트를 checkout 했더니 엄청난 랙이 걸리면서 제대로 할수있는게 없는 상태가 됐다. 프로세스창을 확인해 보니 jpa project change event handler 라는 항목으로 도배되어있고 해당 항목을 동작하지 않게 설정해야 랙이 사라졌다. Window -> Preferences 클릭 Maven 하위에 Java EE Integration을 열어서 JPA Configurator를 체크 해제, Apply and Close 다음은 Help -> Eclipse Marketplace 두번째에 Eclipse Enterprise Java and Web Developer Tools의 Change를 클릭 JPA 관련 내용을 체크 해제, 그리고 Confirm 마지막으론 Eclips.. 2024. 4. 5.
<fragment> 태그 Vue.에서 태그는 부모 래퍼(wrapper)없이 여러 요소를 렌더링 하는데 사용된다. DOM에 추가적인 래퍼 요소를 도입하지 않고도 요소 목록을 렌더링 할수있다. 컴포넌트 내에서 요소 목록을 렌더링 해야하지만 CSS나 레이아웃에 영향을 주는 추가적인 래퍼 요소를 추가하고 싶지 않을때 사용한다. 항목 목록 {{ item }} 2024. 3. 29.
<template> 태그 태그는 추가되거나 복사될 수 있는 HTML 요소들을 정의할 때 사용 페이지가 로드될 때 렌더링 되지 않으며, 사용자에게 보이지 않음 나중에 자바스크립트를 통해 해당 콘텐츠를 복제한 후 렌더링함 특정 HTML요소들을 다시 사용할 수 있게 함 태그 없이 해당 작업을 하려면 브라우저가 해당 HTML 요소들을 렌더링 하지 않도록 HTML코드를 작성해야함 추가 테스트 이미지 2024. 3. 28.

티스토리툴바