728x90
routing 검색 결과
5 개의 검색 결과가 있습니다.
Web/vue.js

[vue/nuxt] nuxt3 기본 사용법

0. 들어가기 -. vue3에 적용 가능한 nuxt3 기본 사용법 연습 -. 와.. 벌써 8개월이 지났어. 1. nuxt3 설치 -. 항상 그렇듯이, 설치는 쉽다. 아래 한 줄 입력하면 nuxt 기본 package.json 파일이 포함된 폴더가 생성된다. npx nuxi init 폴더명 -. 이후 해당 폴더에 들어가서 패키지 설치를 해주면 끝. cd invit_nuxt npm install -. 나는 invit_nuxt 폴더에 기본 세팅을 했고, 그 결과로 아래와 같은 폴더 구조가 생성된다. -. 이후, vue3의 기본 서버 패키지인 vite를 실행하면 nuxt3의 기본 페이지를 확인할 수 있다. npm run dev 2. Page Routing -. Route 파일을 따로 설정해줘야 하는 바닐라 vue..

2022. 11. 27. 20:19
Web/vue.js

[vue.js] 중첩 라우팅 (nested routing)

0. 목적 -. 하나의 uri에 대해 각기 모듈화된 컴포넌트 여러개를 중첩해서 라우팅 해본다. -. 지수 상세 정보에 news, interest 페이지를 추가해보자. 1. 컴포넌트 세분화 하기 -. 컴포넌트를 세분화 하는건 간단하게 이루어진다. -. 기존에 StockDetail.vue 라는 컴포넌트를 사용했다면, 이걸 stock 폴더 내의 Detail.vue로 이동한다. -. 그리고 router/index.js 파일의 import 부분을 수정해주면 끝난다. 기존: import StockDetail from '../views/StockDetail.vue' 변경: import StockDetail from '../views/stock/Detail.vue' -. 결과를 보자. 2. 반복되는 코드 재사용하기 (..

2022. 1. 21. 23:55
Web/vue.js

[vue.js] 동적 라우팅 - 공공데이터 지수 상세정보

0. 목적 -. vue의 동적 라우팅 (dynamic routing) 기능을 이용해, 개별 주식의 상세 페이지를 만들어본다. -. 앞 포스팅에서 만든 주가지수 카드 목록에 각각 링크를 삽입하여 개별 지수의 상세 정보를 출력하는 페이지를 만든다. 1. 동적 라우팅 (Dynamic routing) -. 동적 라우팅은 다양한 데이터 (여기서는 서버에서 보내주는 지수 목록)에 대해 능동적으로 상세 uri를 만들어 줄 수 있게 한다. 구글 검색하면 아래와 같이 개념도를 볼 수 있다. 2. 실습 -. vue 에서도 당연히 동적 라우팅을 구현할 수 있는데, 우선은 개별 지수에 대한 정보 페이지를 꾸려보자. 1) 우선은 정적 라우팅 연습 -. 개별 지수 페이지는 'StockDetail.vue'파일에 만들었다. {{ s..

2022. 1. 20. 15:18
Web

[NGINX] proxy_pass 사용 시 클라이언트 아이피 전달 및 확인

0. 들어가기. -. NGINX는 홈서버로 여러 도메인을 호스팅하려면 웹 애플리케이션 앞단에 라우팅으로 주로 사용한다. -. Nginx는 각 접속 도메인에 따라 각 앱으로 전달 (proxy_pass)를 해주게 되는데, 이 경우 접속자(client)의 아이피가 전부 localhost(127.0.0.1)로 뜨는 문제가 있고, 이걸 해결하기 위한 방법. 1. NGINX 설정 예시 -. 내 경우, 하나의 메인 도메인으로 접속하는 3개의 서버를 띄워놨다. 이 경우 3개의 서버에 각각 포트를 지정해줘도 되지만, SSL (443포트)만을 열어두고 해당 포트로 들어오는 접속을 타겟 도메인별로 각 서버 포트(localhost:xxxx)로 향하게 방향지정(proxy_pass)을 해주는 것이 보안 상 안전하다고 생각된다. ..

2021. 12. 12. 10:25
python/Flask

[Python] Flask - 라우트(route) - 파이썬은 날먹

1. Routing? -. 웹페이지는 "홈페이지주소/섹션/포스트" 순서로 이루어진 것들이 많다. (ex. 디씨의 경우 dcinside.com/갤러리/board(섹션)/갤러리명/글번호) 주소 사이사이 기호에 미묘한 차이 ('/'냐, '?'이냐)가 있는데 무시하자. (semantic url) -. 도메인에서 하부 url로 이동하는걸 라우팅이라고 하는 것... 같은데, 정확한 정의는 나같은 아마추어 늅늅이는 알기 힘든 개념같다. -. 공부해서 추가할 것. 2. 사용 방법 -. 라우트는 매우 간단하게 설정 가능하다. Flask 설명서를 따라서 작성한다. 아래 코드를 추가해주면 @app.route('/post') def show_post(): return "route test: post section" -. 아래..

2021. 2. 10. 02:59