dev_or_alive

[JWT] JsonWebTokenError: secret or public key must be provided Node + Express를 이용하여 JWT 토큰 테스트를 하던 중 위와 같은 에러 메세지가 출력되었다. 제대로 읽어 보지도 않고 무지성으로 검색해봤더니 오류 메세지 자체에 이미 뭐가 문제인지 다 표시되어있었다. JWT 토큰을 만들 때와 마찬가지로 JWT 토큰을 검증 할 때도 secret 또는 public Key가 필요한데 인터넷에서 코드를 긁어왔더니 config에서 시크릿 키를 제대로 가져오지 못하고 있었다. 해결 Secret 또는 Public Key를 넣어주자 jwt.verify(accessToken, config.secretKey, (err, decoded) => { if (err) { ..

- 개요 - 특징 - License - Install - Using - 마치며 개요 이전에 react-full-page 패키지를 포스팅하며 추후에 pageable 패키지도 사용을 해보려했었는데 생각보다 시간이 오래걸렸네요. 최근들어 vue 관련 fullpage 라이브러리를 찾다가 vue3에는 마땅한게 없어 pageable 패키지를 검토해보았습니다. react-full-page 패키지와 달리 컴포넌트 형식으로 사용하는게 아닌 pageable 객체를 만들어서 사용하는것으로 보여 vue 코드에 적용을 해보았으며, react코드에도 동일하게 적용 가능합니다. 👉 react-full-page 포스팅 확인하기 [React]풀페이지 적용 하기. react-full-page 목차 - 목차 - 개요 - Install -..

IT 회사에서 서비스를 운영 할 때 클라우드와 같이 원격 환경이 아닌 자체적인 물리적 하드웨어 장비를 직접 운영하는 방식을 말하며 일반적으로 전산실의 역할입니다. 클라우드 방식이 나오기 이전에는 일반적으로 사용하던 인프라 구축 방식입니다. 단순히 구닥다리 방식이 아닌 인프라 구축의 한 방식이며 클라우드와 반대되는 개념으로서 전통적인 방식으로 통합니다. 클라우드 환경이 생기며 온프레미스 방식이 금방 사라질 것으로 보였지만, 보안적인 이유 때문에 On-Premise 방식을 여전히 사용하는 곳도 많습니다. 클라우드 환경과 대표적인 차이점으로는 초기 구축 비용이 많이 들어감 자원 낭비의 요소가 있음 트래픽 증가시 별도의 요금 증가가 없음 구축 기간이 클라우드에 비해 올래 걸림 등이 있습니다.

개요 기존에 리액트에서 react-full-page 라이브러리를 이용하여 fullpage 기능을 적용한 적이 있었습니다. 2021.11.19 - [Programming/React] - [React]풀페이지 적용 하기. react-full-page vue3를 알아보면서 비슷한 기능을 테스트 해보면 좋겠다 싶어 비슷한 기능의 라이브러리를 찾아보았지만, vue3를 지원하는 라이브러리는 찾기가 힘들었습니다.(혹시 괜찮은 라이브러리가 있다면 댓글 부탁드립니다.) 그러던중 CSS의 scroll-snap-type 속성을 이용하여 비슷한 기능을 할 수 있다는 글을 보아 테스트 해보았습니다. 구현하기에 앞서 테스트 결과부터 말해보자면 해당 기능이 생각보다 많이 쓰이지 않는 이유를 알 것 같았습니다. 기존 라이브러리들을 ..

node/nvm 설치 & vs code 설치 해당 내용은 React에서 다뤘으니 아래 포스팅을 참고 부탁드립니다. 2022.10.10 - [Programming/React] - [React] 개발환경 세팅하기 vs code extension설치 Vetur .vue 파일의 코드 하이라이팅, 인텔리센스 Vue 3 Snippets : .vue 파일 초기 구성 생성 .vue 파일에서 vuevueinit입력 Vue CLI 설치 Vue CLI는 기본 vue 개발 환경 설정 도구입니다. 기본적인 vue 프로젝트 세팅을 해주기에 세팅에 대한 고민을 줄일 수 있습니다. npm install -g @vue/cli # or yarn global add @vue/cli 프로젝트 생성 vue create test-app Vue..

Vue? SPA 웹 개발을 위한 JS UI 라이브러리이며 프레임워크 기능도 하는 점진적인 프레임워크입니다. Vue는 구글에서 AngularJS를 사용하던 Evan You에 의해 개발되어 2014년 출시되었으며 발음처럼 View에 최적화된 프레임워크입니다. 특징 Virtual Dom 사용. SFC (Single-File Component) MVVM 패턴의 ViewModel의 역할 Tree Shaking(번등링 과정에서 사용하지 않는 코드 제거) 양방향 데이터 바인딩 코드 스타일이 통일된 부분이 많습니다.(v-for, v-if등) 상태 변경을 자동 추적하여 변경 발생시 효울적으로 DOM을 업데이트합니다. 장점 타프레임워크에 비하여 러닝커브가 낮습니다. react의 장점과 Angular의 장점을 갖고 있습니다..

개요 집이 아닌 다른 곳을 가거나 회사에서 집 데스크탑을 이용해야 하는 경우가 종종 있었다. 평소 아이패드+키보드를 자주 들고 다니므로 원격으로 이용하는데에는 문제가 없었지만 항상 컴퓨터를 켜놓고 다닐수는 없었기에 원격으로 부팅하는 WOL기능을 이용하였는데 데스크탑을 바꾸었더니 적용이 되지 않는 문제가 생겼다. 결국 이것저것 만지다가 해결이 되었는데 해당 글에서는 WOL기능을 적용하지는 방법에 대해서는 서술하지 않고 WOL이 무엇인지와 해결방법에 대해 알아보도록 하자 (기능 적용 방법은 링크 참조) WOL ? WOL은 Wake On Lan의 줄임말이며 PC를 원격(On Lan) 으로 키는(Wake) 기능을 말한다. 물리적 전원 버튼이 아닌, Lan을 통한 신호로 PC를 깨워주며 이 신호를 매직 패킷이라고..

개요깃을 설치해보려 한다.회사에서도 깃보다는 svn을 많이 사용하여 깃은 익숙하지가 않기에블로그에 조금씩 메모하면서 기억해보려 한다. 설치아래링크로 접속하여 본인의 OS에 맞는 것으로 실행 https://git-scm.com/downloads  Git - DownloadsDownloads macOS Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git comes with built-in GUI tools (git-gui, gitk), but there are several third-party tools for users looking for a platform-sp..