폰트 수정

BambooStreet · Sep 24, 2024 · bb243ab · bb243ab
1 parent 28851e1
commit bb243ab
Show file tree

Hide file tree

Showing 9 changed files with 244 additions and 149 deletions.
diff --git a/_data/origin/cors.yml b/_data/origin/cors.yml
@@ -13,7 +13,8 @@ cdns:
 
 # fonts
 
-webfonts: https://fonts.googleapis.com/css2?family=Lato&family=Source+Sans+Pro:wght@400;600;700;900&display=swap
+# webfonts: https://fonts.googleapis.com/css2?family=Lato&family=Source+Sans+Pro:wght@400;600;700;900&display=swap
+webfonts: "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap"
 
 # Libraries
 

diff --git a/_includes/head.html b/_includes/head.html
@@ -86,6 +86,9 @@
   <!-- Font Awesome -->
   <link rel="stylesheet" href="{{ site.data.origin[type].fontawesome.css | relative_url }}">
 
+  <!-- Noto Sans KR Font -->
+  <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap" rel="stylesheet">
+
   <link rel="stylesheet" href="{{ '/assets/css/:THEME.css' | replace: ':THEME', site.theme | relative_url }}">
 
   {% if site.toc and page.toc %}

diff --git a/_layouts/default.html b/_layouts/default.html
@@ -1,7 +1,6 @@
 ---
 layout: compress
 ---
-
 <!doctype html>
 
 {% include origin-type.html %}
@@ -36,10 +35,10 @@
           <aside aria-label="Panel" id="panel-wrapper" class="col-xl-3 ps-2 mb-5 text-muted">
             <div class="access">
               {% if layout.panel_includes %}
-              {% for _include in layout.panel_includes %}
-                {% assign _include_path = _include | append: '.html' %}
-                {% include {{ _include_path }} lang=lang %}
-              {% endfor %}
+                {% for _include in layout.panel_includes %}
+                  {% assign _include_path = _include | append: '.html' %}
+                  {% include {{ _include_path }} lang=lang %}
+                {% endfor %}
               {% else %}
                 {% include_cached update-list.html lang=lang %}
                 {% include_cached trending-tags.html lang=lang %}

diff --git a/_layouts/post.html b/_layouts/post.html
@@ -8,7 +8,6 @@
   - post-nav
   - comments
 ---
-
 {% include lang.html %}
 
 <article class="px-1">
@@ -31,22 +30,22 @@ <h1 data-toc-skip>{{ page.title }}</h1>
       {% endif %}
 
       {% comment %}
-      {% if page.image %}
-        {% capture src %}src="{{ page.image.path | default: page.image }}"{% endcapture %}
-        {% capture class %}class="preview-img{% if page.image.no_bg %}{{ ' no-bg' }}{% endif %}"{% endcapture %}
-        {% capture alt %}alt="{{ page.image.alt | xml_escape | default: "Preview Image" }}"{% endcapture %}
+        {% if page.image %}
+          {% capture src %}src="{{ page.image.path | default: page.image }}"{% endcapture %}
+          {% capture class %}class="preview-img{% if page.image.no_bg %}{{ ' no-bg' }}{% endif %}"{% endcapture %}
+          {% capture alt %}alt="{{ page.image.alt | xml_escape | default: "Preview Image" }}"{% endcapture %}
 
-        {% if page.image.lqip %}
-          {%- capture lqip -%}lqip="{{ page.image.lqip }}"{%- endcapture -%}
-        {% endif %}
+          {% if page.image.lqip %}
+            {%- capture lqip -%}lqip="{{ page.image.lqip }}"{%- endcapture -%}
+          {% endif %}
 
-        <div class="mt-3 mb-3">
-          <img {{ src }} {{ class }} {{ alt }} w="1200" h="630" {{ lqip }}>
-          {%- if page.image.alt -%}
-            <figcaption class="text-center pt-2 pb-2">{{ page.image.alt }}</figcaption>
-          {%- endif -%}
-        </div>
-      {% endif %}
+          <div class="mt-3 mb-3">
+            <img {{ src }} {{ class }} {{ alt }} w="1200" h="630" {{ lqip }}>
+            {%- if page.image.alt -%}
+              <figcaption class="text-center pt-2 pb-2">{{ page.image.alt }}</figcaption>
+            {%- endif -%}
+          </div>
+        {% endif %}
       {% endcomment %}
 
       <div class="d-flex justify-content-between">
@@ -57,9 +56,9 @@ <h1 data-toc-skip>{{ page.title }}</h1>
           {% elsif page.authors %}
             {% assign authors = page.authors %}
           {% endif %}
-          
+
           {% comment %}
-          {{ site.data.locales[lang].post.written_by }}
+            {{ site.data.locales[lang].post.written_by }}
           {% endcomment %}
 
           <em>
@@ -124,14 +123,15 @@ <h1 data-toc-skip>{{ page.title }}</h1>
             {{- tag -}}
           </a>
         {% endfor %}
-        <script src="https://utteranc.es/client.js"
-                repo="BambooStreet/BambooStreet.github.io"
-                issue-term="pathname"
-                label="comments"
-                theme="dark-blue"
-                crossorigin="anonymous"
-                async>
-        </script> 
+        <script
+          src="https://utteranc.es/client.js"
+          repo="BambooStreet/BambooStreet.github.io"
+          issue-term="pathname"
+          label="comments"
+          theme="dark-blue"
+          crossorigin="anonymous"
+          async
+        ></script>
       </div>
     {% endif %}
 

diff --git a/_posts/Projects/2024-08-15-Tools_compare.md b/_posts/Projects/2024-08-15-Tools_compare.md
diff --git a/_posts/Projects/HelloWorld/2024-09-21-ACI_Function_migration.md b/_posts/Projects/HelloWorld/2024-09-21-ACI_Function_migration.md
@@ -0,0 +1,149 @@
+---
+title: "[HelloWorld 개발일지] ACI(Azure Container Instance)에서 Azure Function으로 마이그레이션"
+author: BambooStreet
+date: 2024-09-21 00:00:00 +0800
+categories: []
+tags: []
+image: assets/img/posts/20240921/logo.png
+---
+
+
+## ACI -> Function 마이그레이션 이유
+
+기존 HelloWorld 모델 서버를 배포할 때, ACI(Azure Container Instance)를 사용했는데, 몇가지 문제가 발생
+
+<br>
+
+1. 변동 IP로 백엔드와 연동 불안정
+2. 고정 비용 발생
+
+<br>
+
+Azure Function을 활용하면 고정된 url로 연동 안정성이 생기고 사용량에 따른 요금 청구로 비용을 절감할 수 있겠다 싶어서 마이그레이션을 결심했습니다.
+
+
+<br>
+
+## 방법
+
+### VS코드에서 Azure Functions 프로젝트 생성
+
+1. VS Code 확장 설치:
+- VS Code를 열고 좌측 사이드바의 확장(Extensions) 아이콘을 클릭합니다.
+- 검색창에 "Azure Functions"를 입력합니다.
+- "Azure Functions" 확장을 찾아 설치합니다.
+- 추가로 "Python" 확장도 설치되어 있는지 확인합니다.
+
+2. Azure Functions Core Tools 설치:
+- Windows의 경우:
+  - 관리자 권한으로 PowerShell을 실행합니다.
+  - 다음 명령어를 입력합니다:
+    ```
+    npm install -g azure-functions-core-tools@4 --unsafe-perm true
+    ```
+- macOS/Linux의 경우:
+  - 터미널을 열고 다음 명령어를 입력합니다:
+    ```
+    npm install -g azure-functions-core-tools@4 --unsafe-perm true
+    ```
+
+3. Python 설치 확인:
+- VS Code의 터미널에서 다음 명령어로 Python 버전을 확인합니다:
+  ```
+  python --version
+  ```
+- Python이 설치되어 있지 않다면, python.org에서 다운로드하여 설치합니다.
+
+4. VS Code에서 프로젝트 생성:
+- VS Code를 실행합니다.
+- `Ctrl+Shift+P` (macOS: `Cmd+Shift+P`)를 눌러 명령 팔레트를 엽니다.
+- "Azure Functions: Create New Project"를 입력하고 선택합니다.
+- 프로젝트를 저장할 폴더를 선택합니다.
+- 언어로 "Python"을 선택합니다.
+- Python 인터프리터를 선택합니다.
+- 첫 번째 함수의 템플릿으로 "HTTP trigger"를 선택합니다.
+- 함수 이름을 입력합니다 (예: "HttpTrigger").
+- 인증 수준을 선택합니다 (예: "Function").
+
+5. 가상 환경 설정:
+- VS Code의 통합 터미널에서 다음 명령어를 실행합니다:
+  ```
+  python -m venv .venv
+  ```
+- 가상 환경을 활성화합니다:
+  - Windows: `.venv\Scripts\Activate`
+  - macOS/Linux: `source .venv/bin/activate`
+
+6. 필요한 라이브러리 설치:
+- `requirements.txt` 파일을 열고 필요한 라이브러리를 추가합니다.
+- 터미널에서 다음 명령어를 실행합니다:
+  ```
+  pip install -r requirements.txt
+  ```
+
+
+
+## 로컬에서 테스트
+
+로컬에서 Azure Functions를 테스트하는 방법을 단계별로 설명해 드리겠습니다:
+
+1. 가상 환경 활성화:
+   먼저 프로젝트의 가상 환경이 활성화되어 있는지 확인합니다.
+   ```
+   # Windows
+   .venv\Scripts\activate
+
+   # macOS/Linux
+   source .venv/bin/activate
+   ```
+
+2. 의존성 설치 확인:
+   필요한 모든 라이브러리가 설치되어 있는지 확인합니다.
+   ```
+   pip install -r requirements.txt
+   ```
+
+3. 로컬 설정 파일 확인:
+   `local.settings.json` 파일에 필요한 모든 환경 변수가 설정되어 있는지 확인합니다. 예:
+   ```json
+   {
+     "IsEncrypted": false,
+     "Values": {
+       "AzureWebJobsStorage": "",
+       "FUNCTIONS_WORKER_RUNTIME": "python",
+       "ES_CLOUD_ID": "your_elastic_cloud_id",
+       "ES_API_KEY": "your_elastic_api_key",
+       "OPENAI_KEY": "your_openai_api_key"
+     }
+   }
+   ```
+
+4. 함수 앱 실행:
+   VS Code의 통합 터미널에서 다음 명령을 실행합니다:
+
+   ```
+   func start
+   ```
+
+   이 명령은 로컬 개발 서버를 시작하고 함수의 URL을 표시합니다.
+
+5. 함수 테스트:   
+- Postman 사용:
+- 새 POST 요청 생성
+- URL 입력: `http://localhost:7071/api/question`
+- Headers 탭에서 `Content-Type: application/json` 추가
+- Body 탭에서 raw 선택 후 JSON 형식으로 다음 입력:
+  ```json
+  {
+    "Conversation": [
+      {
+        "speaker": "human",
+        "utterance": "한국에서 외국인 근로자로 일하기 위한 비자 요건은 무엇인가요?"
+      }
+    ]
+  }
+  ```
+
+
+  ### Azure 포털에서 배포
+
diff --git a/_sass/addon/commons.scss b/_sass/addon/commons.scss
@@ -23,7 +23,7 @@ html {
     &[data-mode='light'] {
       @include light-scheme;
     }
-  } 
+  }
 }
 
 body {
@@ -32,7 +32,7 @@ body {
     env(safe-area-inset-bottom) env(safe-area-inset-left);
   color: var(--text-color);
   -webkit-font-smoothing: antialiased;
-  font-family: $font-family-base;
+  font-family: 'Noto Sans KR', $font-family-base;
 }
 
 /* --- Typography --- */
@@ -201,8 +201,8 @@ i {
     line-height: inherit;
 
     @include label(inherit);
-    
-    color: #B8C8D8; // 파스텔 블루 색상
+
+    color: #b8c8d8; // 파스텔 블루 색상
   }
 
   .post-tag {
@@ -713,7 +713,7 @@ $btn-mb: 0.5rem;
   background: url('/assets/img/sidebar/별이빛나는밤에.jpg');
   background-size: auto;
   background-position: center;
-  
+
   /* border-right: 1px solid var(--sidebar-border-color); */
 
   /* Hide scrollbar for IE, Edge and Firefox */
@@ -798,7 +798,7 @@ $btn-mb: 0.5rem;
     user-select: none;
 
     /* 색상 변경 */
-    
+
     /* color: var(--site-subtitle-color); */
     color: #b8c5d2;
   }
@@ -1088,19 +1088,16 @@ search {
   padding-bottom: 3rem;
 
   a {
-
     font-size: 1.4rem;
     line-height: 2.5rem;
-    
+
     &:hover {
       @extend %link-hover;
     }
 
     @extend %link-color;
     @extend %no-bottom-border;
     @extend %heading;
-
-
   }
 
   > article {