My footsteps
- 스트림api는 컬렉션을 위한 data 분석 도구이다 - 함수기반의 코드화(람다식) 고생많았다
beforeEnter:(to,from,next)=>{ console.log("test"); } - 인증권한 path: '/admin', component: Layout, // admin루트로 가는 것 children:[ {path: 'index', component:AdminIndex}, {path: 'menu/list',component:AdminMenuList} ], beforeEnter: (to, from, next) => { // 칠드런 들어가기전에 나 실행시키고가 console.log("test"); if (userDetails.isAnonymous()) { //피니아 설정해줘야 유저디테일스 사용가능 next("/sign-in"); return; } if(userDetails.hasAnyRole..
- 루트를 타고 가고싶으면 / 괄호를 닫아주면서 이런식으로..포함하고 싶으면 괄호 안에 넣는듯??? {path:'/', component:Index},// 루트 - 이게 기본적으로 타고 가게 하는 방법 { path: 'sign-in', component: Layout, children: [ { path:'sign-in', component: SignIn } ] } - 사용자한테 입력받는다 = 모델 바인딩 로그인 로그아웃 - reactive는 프엔에서 중요한 개념이다 - stores라고 하는 전역공간에 내가 원하는 것들을 갖다 놓을수 있다(?) - 피니아 설치방법 / 터미널에 npm install pinia const pinia = createPinia(); //피니아 만들기 - pinia를 사용해서 인증..
- reactive //이렇게 쓰게 되면 이 자체를 쓰게 되는게 아니라 categoryId.value를 쓰게 되는것 //reactive 되는 대상이 달라지는것 let categoryId = ref({}); - 원하는 구조를 쓸땐 reactive를 쓴다(?) - 코드가 다 돌아가게 만든다음에(반복이 있더라고) 그 다음에 정리하는게 '고도화 작업' 이다 - 바뀌는것은 모델을 바꾼다고 생각하면된다. 걔를 직접 찾아서 바꾼다기 보다는... - 바인딩 (selected 라는 단어 들어간 애들은 다 선택)export default { data() { return { test: "haha", list: [{},{}], //null이면 오류나서 이렇게 빈 배열이라고 하는것 re active 특징있음 categoryId..
https://velog.io/@yeyo0x0/Vue.js-%EB%9D%BC%EC%9D%B4%ED%94%84%EC%82%AC%EC%9D%B4%ED%81%B4-%ED%9B%85 [Vue.js] 라이프사이클 훅 라이프사이클이란 Vue 인스턴스나 컴포넌트가 생성되고 소멸되기까지의 단계를 말하며 각 단계에서 실행되는 함수들을 라이프사이클 훅이라고 부른다. 라이프사이클의 flowchart는 아래와 같다.Vu velog.io @Configuration @EnableWebMvc public class CorsConfig implements WebMvcConfigurer{ @Override public void addCorsMappings(CorsRegistry registry) { //모든 대상의 cors 설정을 허..