본문 바로가기

전체 글

(84)
1. 반복자 패턴 ( Iterator Pattern ) 목차 1. 반복자 패턴이란? 2. 반복자 패턴 구조 3. 예제 반복자 패턴 - Iterator pattern 이란? 배열 arr의 모든 요소를 표시하기 위해서는 아래와 같이 for 문을 사용하여 표시할 수 있습니다. for(int i=0; i
[Vue] 네비게이션 가드 / Navigation Guards 소개 네비게이션 가드는 주로 리디렉션 하거나 취소하여 네비게이션을 보호하는 데 사용된다. 네비게이션 가드를 설정하는 방법에는 전역, 라우트 내부, 컴포넌트 내부가 있다. 전역 가드 const router = new VueRouter({ ... }) router.beforeEach((to, from, next) => { // ... }) 각 route 들이 호출될 때마다 실행되는 네비게이션 가드 입니다. to : 대상 Route 객체 from : 현재 Route 객체 next : 훅을 해결하기 위한 함수 next() 다음 훅으로 이동 next(false) 현재 네비게이션 중단, from 경로의 URL로 재설정 next('/') or next({ path : '/' }) 해당 위치로 리디렉션 next(err..
[Vue js] dynamic component, 원하는 컴포넌트 호출하기 + defineAsyncComponent() 개요 하나의 route 를 가지고 동적으로 컴포넌트 변경하기 Component 태그와 computed 활용 1. route 등록 동적 라우트 매칭을 통해 하나의 컴포넌트에 동적인 path를 받을 수 있도록 설정해 줍니다. const router = createRouter({ history: createWebHistory(), routes: [ { path: '/', redirect: '/main' }, { path: '/main', name: 'main', component: () => import('../components/DefaultView.vue'), children: [ { path: '/main/:param1/:param2', // 동적 라우트 매칭 name: 'content', compone..
VS Code 디렉토리 폴더구조 바꾸는 방법 Visual Studio Code 에서 폴더 추가시 " / " 가 붙는 경우 해결하는 방법 settings에 들어간다. 단축키 ( ctrl + , ) Search settings에 explorer.compactFolders 입력 체크박스 해제 끝
[Java] SHA-256 암호화 & Salt ( 적용예시 ) SHA-256 이란? SHA-256은 SHA(Secure Hash Algorithm) 단방향 알고리즘의 한 종류로, 해시 값을 이용한 암호화 방식 중 하나이다. 256비트로 구성되며 64자리 문자열을 반환한다. 여기서 단방향 알고리즘이란 암호화는 가능하지만 복호화는 불가능한 것을 의미하고, 사용자의 비밀번호와 같은 보안상 문제가 발생할 수 있는 경우에 사용하면 좋다. ( 암호화는 단방향 뿐만아니라 양방향도 있다. 양방향은 암호화와 복호화가 가능하다. ) SHA-256 해시 함수는 어떤 길이의 값을 입력하더라도 256비트의 고정된 결과값을 출력한다. 일반적으로 입력값이 조금만 변동하여도 출력값이 완전히 달라지기 때문에 출력값을 토대로 입력값을 유추하는 것은 거의 불가능하다. 아주 작은 확률로 입력값이 다름..
Spring 에서 mapper-location 설정 시 빨간줄 / URL is not registered mapper_sql 관련 xml 파일 설정 시 빨간줄  오류 : 'http://ibatis.apache.org/dtd/ibatis-3-mapper.dtd'--> URI is not registered (Settings | Languages & Frameworks | Schemas and DTDs) 해결 방법 : 해당 위치에서 alt + enter > Fetch external resource 선택
[Java] ArrayList 정렬 / Collections, List, 사용자정의 Collections 로 정렬하기 // list 선언 List intList = Arrays.asList(5,2,5,9,0,5,4,2,1); Collections.sort(intList); // 오름차순 결과 > 0,1,2,2,4,5,5,5,9 Collections.sort(intList, Collections.reverseOrder()); // 내림차순 결과 > 9,5,5,5,4,2,2,1,0 Collecntions.reversOrder() 에 파라미터 값을 넘기면 다양한 옵션으로 정렬할 수 있습니다. List 로 정렬하기 List 정렬은 Java 8 버전이상에서 가능합니다. // List 선언 List list = new ArrayList(Arrays.asList("C", "A", "B", "a"))..
[Vue js] Vue Router / 뷰 라우터 전체요약 라우터 설치 -> 라우터 설정, 적용 -> 뷰 생성 -> 라우터 태그 등록 -> 실행 Vue Router 뷰 라우터는 뷰 라이브러리를 이용하여 싱글 페이지 애플리케이션을 구현할 때 사용하는 라이브러리입니다. Vue Router 설치방법 npm install vue-router 설치 후 에러가 발생 할 경우 Vue 버전을 확인해 주세요. 더보기 2022년 2월 7일부터 Vue.js 라이브러리와 Vue Router 라이브러리의 CDN 주소는 Vue 3 기반의 라이브러리 코드를 들고 옵니다. 따라서, Vue 2로 라우터를 사용하고 싶으시면 라우터 3버전을 사용 하여야합니다. ex ) npm install vue-router@3 Vue-Router 구조 라우터 폴더와 js 파일을 만들고 main.js ..