보뇨 다이어리

Vue 에서 전역으로 auth 체크하는 로직이 존재하는데 체크하는건 아래 메소드에서 진행하고 있다. 물론 다들 아시다시피 설명이 잘 되어있어서..ㅎㅎ; router.beforeEach(async function(to, from, next) { ...근데 페이지를 이동할때 next() 함수를 호출하는데 호출하면서 데이터를 어떻게 같이 보낼수있지? 찾아보다가 거의 한시간가량 삽질해본결과 전달할수있었다...ㅠ 예를들어서 회원정보 페이지를 보여줄때 대부분(나를 포함)은 created() 함수에서 axios등을 이용해서 데이터를 초기화할텐데 지금같은상황 그러니까 router.beforeEach 함수내에서 데이터를 초기화해야할때에는 next() 함수내에 객체를 보내야했다..가령 이런식으로 말이다 // 로직 처리후...

올해 들어서 포스팅을 많이 못했는데 그래도 예전처럼 한달에 한번씩이라도 올려야겠다..ㅠ 요즘 FE 분야에 많이 손대고 있는데 그러면서 매번 react router 이해가 덜된상태에서 작업하다보니 맨날 문서보고 아 그랬었지~ 이러는게 너무 짜증나는바람에 정리를 하기로했다(조금씩 추가할꺼라...헤헤) useRouteMatch 를 아래 사진과 같이 사용하는데 url 하고 path 의 차이가 궁금했다 물론 영어문서로 설명이 되어있는데 예시로 딱보면 바로 이해될꺼같아서 콘솔로 찍어봄..그러면 그 아래사진과 같이 나오게 된다!

사람들말로는 아래와 같은 에러라고 하는데...

아....preFlight request 에러가 뜨는데 도무지 어디에서 해결해야할지 모르겠다 ㅠㅠ 애초에 필터와 인터셉터에서 설정해줘서 web.xml 에 추가를 해줬지만 여기가 문제가 아닌 원초적인 문제인거같았다. 애초에 이미 잘돌아가고있는거 한번에 다 뜯어고치기는 무리니까 그냥 이런식으로 하였다 1. axios 에서 baseURL 설정 2. 커맨드창에서 --disable-web-security 로 크롬 실행하기 open -n -a /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --args --user-data-dir="/tmp/chrome_dev_test" --disable-web-security 사실 지나고나서 보면 별게아닌게 webp..

설정파일에 대해 매번 일일히 찾는것도 싫고 모르는채 사용하는것도 싫기때문에 앗싸리 시간을 잡고 공부해본다! 우선 jsconfig.json 파일인데 이건 뭐에 쓰는건지 도통 몰라서 문서를 통해서 무엇인지 파악해본다 jsconfig.json 이란? 내가 이해하기론...ide 에서 도움을 받도록 설정을 하는 그런 기본적인 설정파일이라고 이해했다...플러그인같은게 아니라 그래서 왜 우리가 이 파일을 작성해야하는지 설명이 짧게 나와있는데 해당 파일이 없는 프로젝트에서는 ~.js 과 해당 파일의 .d.ts 파일을 명시적으로 참조하지 못하기때문에 두 파일 사이에 공통점을 찾을수없다? 뭐 이런거고 있을경우에는 반대인것이구 속성 특별히 소개된 속성들에 대해서 기록한다 exclude 특정 폴더나 파일의 소스는 내가 사용할..

패턴공부하는도중 이 2개가 서로 비슷하다는 인상을 받았고 어떻게 뭐가 다른지 찾아보았다. 정확한 차이점은 바로 이것이다! 전략 패턴 템플릿메소드 패턴 구현 상속 알고리즘 전체를 변경 알고리즘은 부모클래스에 정의하고 자식클래스에서는 세부사항만 변경 즉 이렇게 생각하면 쉽다. 도둑들의 훔치는방법은 제각각인데 결론 누군가의 주머니에서 훔치는건 똑같다. 이게 템플릿메소드이고 전략은 내가 전사였다가 마법사였다가 이렇게 바꾸는것이다. 출처 디자인패턴 레파지토리 전략패턴과 템플릿메소드패턴의 차이점

인터넷에 치면 바로 내용이 나오긴하지만 기억해둘겸 적어봅니다 바로 아래의 코드를 일단 보도록하면.. Stream.of(1,2,3,4,5,6,7,8,9) .filter(n -> n%2 == 0) .forEach(System.out::println); Stream.of(2,4,3,4,5,6,7,8,9) .takeWhile(n -> n%2 == 0) .forEach(System.out::println); filter는 조건에 대해 다 검사하며 참인것만 다음으로 넘어가지만 takeWhile은 조건에 대해 참이 아닐경우 바로 거기서 멈추게 된다 즉 결과는 이런식으로 나오게 된다. 2 4 6 8 2 4

UML 을 작성하고 기획부터 확실히 하는것을 습관화 할려고했는데 자주 미루었다가 이번에 제대로 하기로 함 인텔리제이의 PlantUML 을 사용할려다가 UML 문법이 안먹히면서 다음과 같은 에러를 밷었다. 솔직히 해당 플러그인을 설치하고 integration 을 보면 graphviz 를 다운받으라고 말이 나오는데 엄청 간단하다 그냥 해당 링크 가서 다운받으면 끝이였다...현재 사용중인 환경은 Windows 10 이기때문에 msi 확장자로 다운받아 설치했더니 바로 잘 나온다