Vue.js 개발 할 때 보안점검을 위해 권한 체크 부분이 있었는데, 여기서 발생했던 이슈를 공유한다. 현상은? 아래와 같이 라우터가 구성되어 있고 화면 이동 시 beforeEach 에서 intercept 하여 권한 체크 및 토큰 유효성을 체크 하도록 하는데... const router = new Router( { routes : [ { path: '/', redirect: '/home' }, { path: '/pjt', component: ScreenWithLNB, children: [ { path: '/app/:appId', component: Project }, ] }, ... ] } router.beforeEach((to, from, next) => { // token check } URL pat..
Storybook 이란? SPA 개념이 나오면서 페이지 단위가 아닌 컴포넌트 단위로 개발 방식이 바뀌었고 최근에 유행하는 Vue.js, React, Angular 등이 이런 개발을 용이하게 한다. 웹 화면의 모든 UI 구성 요소들을 컴포넌트로 보면 되는데 예를 들어 버튼 같은 컴포넌트 개발 시 만들어지는걸 view 내부에서 확인하면서 고쳐가기가 어렵다. (하면 할 순 있다) 그래서 이런 컴포넌트의 특성을 고려해서 개발할 수 있도록 지원하는 오픈소스 라이브러리가 Storybook 이다. Vue.js 에서 적용하기 Dependency 추가하기 storybook 라이브러리와 vue 관련된 정보를 우아하게 보여주기 위한 라이브러리를 추가한다. npm install @storybook/vue npm install..
- Total
- Today
- Yesterday
- Bruteforce
- 블록체인
- kubernetes
- SpringBoot
- architecture
- Spring
- 사토시 나가모토
- 비트코인
- Blockchain
- k8s
- CARDANO
- Nealford
- 백준
- vuejs
- gRPC
- Java
- 아키텍처
- 동적계획법
- 카르다노
- Bitcoin
- Vue.js
- 스프링 시큐리티
- leetcode
- Redis
- 스프링
- excel parsing
- 알고리즘
- white paper
- DP
- 암호화폐
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |