반응형 전체 글55 [Flask, Nginx] 하나의 IP에 두개의 서비스 배포하기 조건은 아래와 같다.1. 동일한 IP2. 서로 다른 도메인3. 독립적으로 ON/OFF 가능 필자는 두개의 서비스가 버전 차이라고 간주 할 수 있을 만큼 아주 유사하여 동일한 경로를 가지는 API들이 대부분이다. 해답은 간단하다.1. 각 서비스에 해당하는 Nginx 서버 설정파일을 만든다 (/sites-available/)2. server/location/ 아래에 여러 설정 중, 하나를 추가한다. - `proxy_pass http:127.0.0.1:{service_port};` 와 같이 설정하면 된다. - 필자는 A 서비스는 5000, B 서비스는 5001로 설정함.끝.3. 이제 각 service를 실행하면 된다.코드가 다른 설정 파일에 포트 관련 설정이 있다면 복잡해지겠지만해당 설정을 건드리지 않고 .. 2024. 6. 25. [Python] Truthy와 Falsy 값 이해하기 파이썬에서의 Truthy와 Falsy 값 이해하기파이썬에서는 모든 값이 일정한 참(True) 또는 거짓(False) 성질을 가지고 있습니다. 이 성질을 이해하는 것은 조건문, 논리 연산, 그리고 함수의 반환값 처리에 중요한 역할을 합니다. 이 포스트에서는 파이썬에서의 Truthy와 Falsy 값의 개념과 활용 방법에 대해 살펴보겠습니다.Truthy와 Falsy란?파이썬에서 값이 if 조건문이나 논리 연산자의 컨텍스트에서 True 또는 False로 평가되는 성질을 가리킵니다. "Truthy"는 True로 평가되는 모든 값들을, "Falsy"는 False로 평가되는 모든 값들을 의미합니다.Falsy 값의 목록파이썬에서는 다음과 같은 값들이 Falsy로 평가됩니다:NoneFalse모든 종류의 숫자 0 (0, .. 2024. 5. 8. [Python] Short-Circuit Evaluation: 단락 평가 파이썬에서의 Short-Circuit Evaluation: 효율적인 코드 작성 방법파이썬에서는 간결하고 효율적인 코드 작성을 위한 다양한 기법들이 있습니다. 그 중 하나가 바로 Short-circuit evaluation, 즉 '단락 평가'입니다. 이 기법은 논리 연산자를 활용해 조건문을 간결하게 처리하며, 특히 기본값을 설정할 때 빈번하게 사용됩니다. 이번 포스트에서는 Short-circuit evaluation의 개념을 자세히 알아보고, 파이썬 코드에서 이를 어떻게 활용할 수 있는지 살펴보겠습니다.Short-Circuit Evaluation 이란?단락 평가는 논리 연산자 or와 and가 연산을 수행할 때 모든 조건을 평가하지 않고, 결과를 결정할 수 있는 조건을 만나면 그 시점에서 평가를 중단하고 결.. 2024. 5. 8. SFC(Single-File Components) https://ko.vuejs.org/guide/scaling-up/sfc.html Vue.js Vue.js - The Progressive JavaScript Framework vuejs.org SFC는 컴포넌트의 템플릿,로직 및 스타일을 하나의 파일(*.vue)로 묶어낸 특수한 파일 형태입니다. 아래는 예시(공식 페이지, Composition API)입니다. {{ greeting }} Vue SFC는 JavaScript, HTML, CSS를 자연스럽게 하나로 합친 것 입니다. SFC의 이점 (공식 홈페이지 인용) 친숙한 HTML, CSS 및 JavaScript 문법을 사용하여 모듈화된 컴포넌트 작성 본질적으로 사용 목적에 따라 구성됨 런타임 컴파일 비용이 없는 사전 컴파일된 템플릿 컴포넌트 범위 CS.. 2024. 1. 19. Option API & Composition API https://ko.vuejs.org/guide/introduction.html#api-styles Vue.js Vue.js - The Progressive JavaScript Framework vuejs.org Vue의 컴포넌트는 두 가지 작성 방식이 있다. Option API 그리고 Composition API 우선 Option API에 대해서 알아보자 Option API data, methods, mounted 와 같은 객체를 사용해 컴포넌트의 로직을 정의합니다. 예시(공식 페이지 내)는 아래와 같습니다. 숫자 세기: {{ count }} data에서 컴포넌트가 사용할 속성들을 정의하고 this를 통해 호출 될 수 있습니다. methods에서는 속성들을 컨트롤 할 수 있는 함수를 정의 합니다. mo.. 2024. 1. 19. [VScode] Disable All Extensions 설치된 모든 Extension을 모두 비활성화 시키는 방법 MAC : cmd+shift+P disable all 검색 실행하기 2023. 12. 14. [crop_your_image] 이미지 크롭 라이브러리 커스텀하기 이미지를 크롭할 일이 생겨서 직접 개발하기엔 시간이 없어 디자인을 만족하는 라이브러리가 필요했다. https://pub.dev/packages/crop_your_image crop_your_image | Flutter Package crop_your_image helps your app to embed Widgets for cropping images. pub.dev 몇몇 후보중에 위 라이브러리를 선택했다. Controller가 있는 것이 가장 용이했다. 내가 구현하고자 하는 조건은 아래와 같다. - 이미지는 확대,축소 및 이동이 가능하다. - Crop되는 영역을 화면 중앙에 화면 크기를 고려하여 일정한 크기와 비율료 고정된다. - Crop 영역은 원으로 표시된다. (이미지를 CircleAvatar에 넣.. 2023. 8. 11. [Flutter] SliverPersistentHeaderDelegate AutoCalculate Height CustomScrollView를 사용하다 보면 SliverPersistentHeader를 사용하여 뷰포트 상단에 닿으면 상단에 고정(Pin) 되는 위젯을 구현해야 할 때가 생긴다. 하지만, 이러한 경우 SliverPersistentHeaderDelegate에 minExtent와 maxExtent를 수동적으로 지정해줘야 한다. 물론, layout 관련 에러가 뜨지 않게끔 맞춰서 할 수 있지만 꽤나 피곤하고 이게 맞나?라는 생각을 지울 순 없었다. 그래서 찾아봤다. 우선 Chat GPT 3에게 도움을 요청했지만 실효성 있는 결과물은 도출해 내지 못했다. (내가 질문을 못하는 걸 지도..?) 그래서 결국 전통의 방식(?)인 구글 검색을 했다. StackOverflow도 방문하고 Github도 방문하고 결국 찾.. 2023. 6. 14. [Flutter][KakaoLogin] 플러터 카카오 로그인 구현 (1. 설정) 1. 플러터 프로젝트 생성 2. 카카오 디벨로퍼스에서 어플리케이션 추가하기 3. 의존성 설정 추가하기 프로젝트 루트 디렉토리에서 터미널을 켜고 아래 명령어를 입력한다. flutter pub add kakao_flutter_sdk_user pubspec.yaml 4. 플랫폼 정보 등록하기 -네이티브 앱 키를 복사한다. 4.1 안드로이드 - 4.1.1 패키지명 -- android/app/src/main/AndroidManifest.xml - 4.1.2 키 해시 (mac)터미널에서 실행시키면 된다. (window)OpenSSL 사용 (위 키해시 링크 참고) -- mac[debug] keytool -exportcert -alias androiddebugkey -keystore ~/.android/debug.ke.. 2023. 4. 23. [Flutter] Deep Link 어플리케이션이 고도화 되기 위해서는 딥링크가 필수적이라고 판단한다. 때문에 네비게이션 혹은 라우터 구성과 동시에 진행하려한다. 플러터 딥링크를 검색하면(당연히 구글) 아래와 같은 공식 문서가 나온다. https://docs.flutter.dev/development/ui/navigation/deep-linking Deep linking Navigate to routes when the app receives a new URL docs.flutter.dev 가장 처음에는 공식문서의 안내를 따라가는 것을 권장한다.(거의 당연시함) - Android 설정 in AndroidManifest.xml - activity 태그 내의 맨 하단에 작성해준다. - customScheme 와 myHost.name.com은 .. 2022. 11. 23. [Flutter] apply? copyWith? in TextTheme 원문 https://api.flutter.dev/flutter/material/TextTheme-class.html apply 와 copyWith를 이전 언어에서도 잘 사용해보지 않아서 차이점을 몰랐다. 이번에 구글에서 제공하는 코드랩을 진행하면서 마주하게되었다. 코드를 보고나니 정리할 필요가 있다고 생각되어 작성한다. 예시 코드는 아래와 같다. 공식 문서의 Methods에서 확인해보면 apply({String? fontFamily, double fontSizeFactor = 1.0, double fontSizeDelta = 0.0, Color? displayColor, Color? bodyColor, TextDecoration? decoration, Color? decorationColor, TextD.. 2022. 11. 18. [Flutter] Widget에 Border 추가하기 React 혹은 RN에서 넘어왔기 때문에 각 객체에 border 속성이 있는 것은 당연한 개념이였다. 하지만 이게 뭐람 Flutter의 Widget에는 style이 없는 것도 있었다. 종종 decoration을 통해 여러 속성을 설정 할 수 있는 Widget이 있었지만 모든 Widget이 border를 설정할 수 있는 옵션은 없었다. 다행히도 구글에서 손쉽게 그 방법을 찾을 수 있었다. 내가 찾은 글은 아래 링크와 같다. https://stackoverflow.com/questions/47423297/how-can-i-add-a-border-to-a-widget-in-flutter How can I add a border to a widget in Flutter? I'm using Flutter and .. 2022. 11. 17. 이전 1 2 3 4 5 다음 반응형
