Leon's Lab

Router Navigation Guard 개요 Vue에서는 페이지 이동시 Router를 사용합니다. 그런데 사용자가 허가되지 않는 페이지로 이동하려고 할때, 이동에 대한 제어를 해야 하는데 이때 사용하는것이 Navigation Guard 입니다. 예를 들어 로그인을 하지 않은 사용자가 카드 결제 정보를 확인하는 페이지로 이동하기 위해서 강제로 URL을 입력했을때는 당연히 페이지 이동을 막아줘야 하는데, 이럴때 Navigation Guard를 사용하면 편하게 처리가 가능합니다. 사용방법 Router는 src/router/routes.js와 src/router/index.js을 이용하여 관리하는데, 일반적인 경로 설정은 routes.js에서 합니다. 그렇지만 Navigation Guard는 index.js..

Vue 컴포넌트의 생명 주기란? Vue 컴포넌트는 생성, 실행, 소멸에 대한 생명주기가 미리 정해져있고, 개발자는 해당 타이밍에 콜백함수를 호출하여 로직을 추가 할수 있다. onMounted() 콜백 컴포넌트가 마운트 된 후에 호출되는 함수로 가장 많이 사용되는 생명주기 콜백 함수 Vue 공식 문서에 나온 자세한 생명주기 설명 https://ko.vuejs.org/api/composition-api-lifecycle

개요 로그인 화면에서 로그인을 수행하면 메인 화면으로 이동하는데, 이 두개의 화면은 서로 다른 배치 구조를 가지고 있습니다.. 일반적으로 메인 화면은 Header, Footer, Menu, Content로 구성이 되고, 로그인 화면의 경우 필수 Content만 존재하고 나머지 구성 요소들이 없습니다. 따라서 이런 것을 어떻게 구성하는지 알아봅시다. Layout과 Page, Router 개념 일반적인 웹페이지의 화면은 Header, Footer, Menu, Content로 구성이 됩니다. 이런식으로 구성을 관리하는게 Layout입니다. 그런데 간단한 로그인 화면의 경우는 필수적으로 필요한 Content만 존재하고 나머지 구성 요소들이 없습니다. 이렇게 메인화면과 로그인 화면의 구성이 다를때 이를 구분해주는..

Visaul Studio 단어를 포함하는 문장 찾기 A.*B : A다음에 B 단어를 모두 포함하는 문장

먼저 아래 글을 참조하여 Quasar 개발 환경을 설치하고 와야 합니다. https://dev-leon.tistory.com/57 Quasar에 Electron 환경 추가 $ cd $ quasar mode add electron 실행 $ quasar dev -m electron

관리 프로그램들 설치  Node.js 설치(v20.11.1)   $ npm install -g yarn (yarn v1.22.21 설치)  $ yarn --version (설치후 버전 확인)   Yarn 실행경로를 path 등록 : %LOCALAPPDATA%\yarn\bin을 path에 추가  $ yarn global add @quasar/cli (v2.3.0)Quasar 프로젝트 시작하기  $ yarn create quasar   설치시 질문이 많은데 대부분 Recommanded를 선택하면 되고 거의 마지막 즈음에 "Check the feautees ......" 이 나오는데, 이 때는 필수적으로 선택해야 할 것들이 있음(나중에 업그레이드로 설치하기가 간단치 않아서 미리 선택하는게 나음)  - Lint..

모델의 모든 field명 반환과 간단한 쿼리문 # 파이썬 가상환경이 설치된 프로젝트 폴더로 이동하여 실행해야 함 . .venv/bin/activate # 가상 환경 모드로 진입후 장고쉘 실행 python manage.py shell_plus # 모델클래스의 모든 필드명 가져오기 MyModel = 모델클래스 field_names = [f.name for f in MyModel._meta.fields] print(field_names) # 테이블의 모든 데이터 가져오기 qs = MyModel.objects.all() print(qs) # 테이블 데이터 중 조건에 맞는 데이터 1개 가져오기 obj = MyModel.objects.get(id='123') print(obj) # 테이블 데이터 중 조건에 맞는 데..

기본적인 사용방법 - https://deku.posstree.com/ko/django/admin/

EC2 방화벽 설정 개요 EC2도 서버이므로 방화벽(인바운드 아웃바운드)설정을 해야 보안을 지킬수 있다. 그래서 해당 설정을 보안그룹을 이용하여 할 수 있다. EC2는 생성될 때, 기존에 생성된 보안그룹을 지정하지 않으면 인바운드는 모두 막고, 아웃바운드는 모두 풀어주는 기본 방화벽을 생성해준다. 그리고 특이한 점은 EC2와 EC2간의 통신을 할때는 보안그룹을 인바운드 설정이 가능하다는 것이다. 보안그룹 방화벽 설정을 미리 해놓은 파일이라고 생각하면 된다. 하나의 보안그룹을 만들면 그 안에 인바운드와 아웃바운드 설정을 할 수 있다. 그리고 EC2에 보안그룹을 추가하면 해당 보안그룹의 인바운드와 아웃바운드 설정이 적용된다. 하나의 보안 그룹을 만들면, 그것을 여러개의 EC2에 적용할수 있어서 유지보수에 편..

개요 ChatGPT를 이용하면 요약, 번역 및 인사이트 얻는데 도움을 주는데 논문과 같은 PDF 파일을 가지고 ChatGPT와 대화하는 방법들을 모아봄. 1. Arxiv 논문 사이트 이용 세계적인 논문 저장소인 arxiv의 크롬 확장 프로그램 ArxivGPT 이용하는 방법입니다. OpenAI CahtGPT API키(유료)가 필요합니다. 논문을 가지고 놀때 다음과 같은 질문들이 좋은거 같네요 논문(의 초록)을 한문장으로 요약 핵심 주제와 레슨을 리스트업 작성자에게 질문할 3~5개의 질문을 생성 이 논문의 콘텐츠에 기반하여 관련 토픽 및 미래 연구 방향에 대해서 3~5개의 추천 가능하다면, 이 논문의 연구 분야에서 적어도 5개의 관련 레퍼런스들 리스트업 https://uslife101.tistory.com/..