웹개발자의 기지개

[vscode] 인공지능 연동 플러그인 - Continue (with local Ollama)

웹개발자 워니 — Wed, 19 Aug 2026 19:28:04 +0900

vscode 상으로 로컬에서 설치되거나 AI 연결을 할 수 있고, 채팅도 할 수 있는 플로그인 툴이다.

Ollama 플러그인 하면 터미널창에서 바로 Ollama 명령어를 입력할 수 있다.

Continue - AI 어시스턴스 툴

https://seungsang.tistory.com/entry/VSCODE-Extension-Continue-AI-%EC%BD%94%EB%93%9C-%EC%96%B4%EC%8B%9C%EC%8A%A4%ED%84%B4%ED%8A%B8-Ollama-%EC%97%B0%EB%8F%99

[VSCODE Extension 추천] Continue - AI 코드 어시스턴트 (Ollama 연동)

개인적으로 나는 개발환경을 통합하는 것을 좋아한다.웹서비스로 가능한 구축해서 브라우저에서 접근가능하게 하던가.VSCode 에 통합해서 VSCode 에서 모두 처리하게 하던가. 사내 환경에 OpenWeb UI

seungsang.tistory.com

참고 사이트1 : https://seungsang.tistory.com/entry/VSCODE-Extension-Continue-AI-%EC%BD%94%EB%93%9C-%EC%96%B4%EC%8B%9C%EC%8A%A4%ED%84%B4%ED%8A%B8-Ollama-%EC%97%B0%EB%8F%99

참고사이트2 : https://trytoso.tistory.com/entry/%ED%8F%90%EC%87%84%EB%A7%9D-%EA%B0%9C%EB%B0%9C-%ED%99%98%EA%B2%BD%EC%97%90%EC%84%9C-VS-Code-AI-%EC%9E%90%EB%8F%99%EC%99%84%EC%84%B1-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0-Ollama-Continue-%EA%B5%AC%EC%84%B1

[LM Studio] 모델 다운로드가 잘 안될때, Use LM Studio's Hugging Face Proxy 옵션을 체크 해제

웹개발자 워니 — Mon, 17 Aug 2026 16:44:56 +0900

LM Studio 에서 다음과 같이 모델을 다운로드 완료가 잘 안될때

Use LM Studio's Hugging Face Proxy 옵션을 체크 해제하고 다시 다운로드 시도해 본다.

[Ollama] Ollama 사용법 정리

웹개발자 워니 — Sun, 16 Aug 2026 19:25:03 +0900

올라마 GUI 다운로드

https://ollama.com/download

Download Ollama on macOS

Download Ollama for macOS

ollama.com

모델 찾기
https://ollama.com/search

Ollama

Search for models on Ollama.

ollama.com

설치된 모델 목록보기

ollama list

설치된 모델 삭제하기

ollama rm 모델명

모델 다운로드하기

ollama pull gemma3:4b

모델 실행하기 (로딩) --verbose (토큰량 정보보기)

ollama run gemma3:4b --verbose

모델 내리기

ollama stop gemma3:4b

실행중인 모델 확인하기

ollama ps

해당 모델 정보 확인하기

ollama show gemma3:4b

https://blog.enleaf.me/610

Ollama 필수 명령어 정리 (치트시트)

로컬 LLM 실행 도구 Ollama의 핵심 CLI 명령어를 카테고리별로 정리했습니다. 모델 관리명령어 설명ollama pull 모델 다운로드 (예: llama3, qwen2.5:72b)ollama list설치된 모델 목록 확인ollama show 모델 상세

blog.enleaf.me

참고 : https://goddaehee.tistory.com/381

[Mac] iterm2 설치 및 가이드

웹개발자 워니 — Sat, 15 Aug 2026 22:43:19 +0900

https://kyurasi.tistory.com/entry/20260307-%EA%B8%B0%EC%A4%80-iterm2-%EC%84%A4%EC%B9%98-%EB%B0%A9%EB%B2%95-%EB%A7%A5%EB%B6%81-%EA%B0%9C%EB%B0%9C%EC%9E%90-%ED%84%B0%EB%AF%B8%EB%84%90-%EC%84%B8%ED%8C%85

2026.03.07 기준 iterm2 설치 방법 (맥북 개발자 터미널 세팅)

2026년 3월 기준 macOS 에서 iTerm2 를 설치하는 가장 추천하는 방법은 Homebrew 를 사용하는 것입니다. 기존 사이트에서 zip 으로 다운로드 등도 있는데, 일단은 homebrew 를 사용하는게 가장 편리하고 안

kyurasi.tistory.com

nssm으로 Windows 서비스 등록하기

웹개발자 워니 — Fri, 14 Aug 2026 12:54:50 +0900

https://nssm.cc/download

NSSM - the Non-Sucking Service Manager

NSSM - the Non-Sucking Service Manager Windows 10, Server 2016 and newer 2017-04-26: Users of Windows 10 Creators Update or newer should use prelease build 2.24-101 or any newer build to avoid an issue with services failing to start. If for some reason you

nssm.cc

https://howbeautifulworld.tistory.com/104

nssm으로 Windows 서비스 등록하기

Node.js 애플리케이션을 Windows 서비스로 실행해야 할 일이 있어nssm으로 서비스 등록하는 방법에 대해 적어봅니다. 1. nssm (Non-Sucking Service Manager) Windows에서 일반 실행 파일, 스크립트(Node.js, Python 등)

howbeautifulworld.tistory.com

https://woony-sik.tistory.com/9

nssm을 사용해 Windows 서비스 등록하기

서비스를 배포 후에 명령어로 하나하나 실행하기 귀찮아 만들게 된 런처 프로그램이 있다. 거기에서 Nginx도 실행 종료할 수 있도록 등록해놨는데 회사 팀장님이 Nginx는 그냥 별도로 빼자고 한다.

woony-sik.tistory.com

[Javascript] 배열에서 map(), filter(), reduce() 함수 정리

웹개발자 워니 — Sun, 9 Aug 2026 04:48:33 +0900

React 나 Javascript 상에서 꼭 알아 두어야 하는 함수를 정리한다.

https://chatgpt.com/share/6a778531-33a0-83ee-8f30-da6f5855771d

이 채팅을 확인해 보세요

누군가 회원님이 보고 싶어 할 것 같다고 생각한 채팅입니다.

chatgpt.com

map_filter_reduce.pdf

1.10MB

1
2
3
4
5
6
7
8

const products = [
    { id: 1, name: "노트북", price: 1200000, stock: 5 },
    { id: 2, name: "마우스", price: 30000, stock: 0 },
    { id: 3, name: "키보드", price: 80000, stock: 10 },
    { id: 4, name: "모니터", price: 400000, stock: 3 }
];
 
 
Colored by Color Scripter

cs

재고가 있는 상품만 얻기

const availableProducts = products.filter(product => product.stock > 0);

상품명만 얻기

const names = products.map(product => product.name);

상품 총 가격

const totalPrice = products.reduce( (total, product) => total + product.price, 0 );

재고가 있는 상품들의 총 재고

const totalStock = products

.filter(product => product.stock > 0)

.reduce( (total, product) => total + product.stock, 0 );

재고가 있는 상품들의 이름만

const names = products

.filter(product => product.stock > 0)

.map(product => product.name);

// ① map : 바꾼다

const a = numbers.map(x => x * 2);

// ② filter : 고른다

const b = numbers.filter(x => x >= 10);

// ③ reduce : 합친다

const c = numbers.reduce((sum, x) => sum + x, 0);

[TypeScript] 타입스크립트 정리하기

웹개발자 워니 — Thu, 30 Jul 2026 22:36:52 +0900

https://ts.winterlood.com/

소개 - 한 입 크기로 잘라먹는 타입스크립트

한 입 크기로 잘라먹는 타입스크립트

ts.winterlood.com

https://github.com/winterlood/onebite-typescript

GitHub - winterlood/onebite-typescript: onebite-typescript code samples

onebite-typescript code samples. Contribute to winterlood/onebite-typescript development by creating an account on GitHub.

github.com

[PHP] 초간단 랜덤 숫자 얻기

웹개발자 워니 — Mon, 20 Jul 2026 12:44:55 +0900

1
2
3
4
5
6
7
8
9
10
11

<?
function getPrizeItem() {
    $items100 = array(1, 2, 4);
    return $items100[array_rand($items100)];
}
 
$prize_item1 = getPrizeItem();
$prize_item2 = getPrizeItem();
 
echo $prize_item1 . " / " . $prize_item2;
?>
Colored by Color Scripter

cs

[HTML5] 웹검색 - 포털 검색엔진이 특정 키워드 색인 검색 안되게 meta 태그 추가

웹개발자 워니 — Mon, 6 Jul 2026 15:29:47 +0900

핸드폰번호와 같은 특정 중요한 정보가 포털 검색엔진이 크롤링 안되도록 간단히

아래의 meta 태그를 추가하면 된다.

<?
if($bo_table=="c_qna"){
?>
<meta name="robots" content="noindex,nofollow">
<?
}
?>

[ASP.Net Core] EF 에서 Include 와 ThenInclude 사용하기

웹개발자 워니 — Wed, 1 Jul 2026 15:09:20 +0900

ORM Entity Framework 에서 Include / ThenInclude 사용법을 몇가지 정리해 본다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

public class Product
{
    public int Id { get; set; }
    public string Name { get; set; }
 
    public List<ProductOption> Options { get; set; }
}
 
public class ProductOption
{
    public int Id { get; set; }
    public string OptionName { get; set; }
 
    public int ProductId { get; set; }
    public Product Product { get; set; }
 
    public List<ProductOptionValue> Values { get; set; }
}
 
public class ProductOptionValue
{
    public int Id { get; set; }
    public string ValueName { get; set; }
 
    public int ProductOptionId { get; set; }
    public ProductOption ProductOption { get; set; }
}
Colored by Color Scripter

cs

상품
└─ 옵션들
└─ 옵션값들

Product
└── ProductOption
└── ProductOptionValue

티셔츠
├─ 색상
│   ├─ 빨강
│   ├─ 파랑
│   └─ 검정
└─ 사이즈
     ├─ S
     ├─ M
     └─ L

var products = db.Products
.Include(p => p.Options)
.ToList();

Product
└── Options

var products = db.Products
    .Include(p => p.Options)
        .ThenInclude(o => o.Values)
    .ToList();

Product
└── Options
       └── Values

var product = db.Products
.Include(p => p.Options)
.FirstOrDefault(p => p.Id == 1);

가져오는 데이터:
상품명: 티셔츠
옵션:
- 색상
- 사이즈

하지만 옵션값은 없습니다.
색상 안의 빨강, 파랑, 검정
사이즈 안의 S, M, L

var product = db.Products
    .Include(p => p.Options)
        .ThenInclude(o => o.Values)
    .FirstOrDefault(p => p.Id == 1);

상품명: 티셔츠
옵션:
- 색상
  - 빨강
  - 파랑
  - 검정

- 사이즈
  - S
  - M
  - L

예제1)

var product = db.Products
    .Include(p => p.Options)
        .ThenInclude(o => o.Values)
    .FirstOrDefault(p => p.Id == id);

Razor View에서:
<h2>@Model.Name</h2>
@foreach (var option in Model.Options)
{
    <h4>@option.OptionName</h4>
<ul>
    @foreach (var value in option.Values)
    {
        <li>@value.ValueName</li>
    }
    </ul>
}

출력:
티셔츠
색상
- 빨강
- 파랑
- 검정
사이즈
- S
- M
- L

-----------------

1
2
3
4
5
6
7
8

public class Product
{
    public int Id { get; set; }
    public string Name { get; set; }
 
    public List<ProductOption> Options { get; set; }
    public List<ProductImage> Images { get; set; }
}
Colored by Color Scripter

cs

var products = db.Products
    .Include(p => p.Options)
    .Include(p => p.Images)
    .ToList();

Product
├── Options
└── Images

여러 단계로 내려가 있는 경우 (주문하기)

Order
└── OrderItems
└── Product
└── Category

var orders = db.Orders
    .Include(o => o.OrderItems)
        .ThenInclude(oi => oi.Product)
            .ThenInclude(p => p.Category)
    .ToList();

주문을 가져오고
└─ 주문상세를 가져오고
     └─ 상품을 가져오고
         └─ 상품 카테고리까지 가져온다

Include 현재 엔티티의 직접 연결 데이터를 가져옴
ThenInclude Include로 가져온 데이터의 하위 데이터를 가져옴

------------------

var product = db.Products
    .Include(p => p.Options)
        .ThenInclude(o => o.Values)
    .Include(p => p.Images)
    .Include(p => p.Category)
    .FirstOrDefault(p => p.Id == id);

상품 1개를 가져오면서
- 옵션
  - 옵션값
- 이미지
- 카테고리
를 함께 가져온다

--------------

Include를 너무 많이 쓰면 SQL JOIN이 많아져서 성능이 떨어질 수 있습니다.

db.Products
    .Include(p => p.Options)
        .ThenInclude(o => o.Values)
    .Include(p => p.Images)
    .Include(p => p.Reviews)
    .Include(p => p.Orders)
    .ToList();

이 코드는 다음과 같이 일부 코드로 줄여서,
성능을 개선할 수 있습니다.

var products = db.Products
    .Select(p => new
    {
        p.Id,
        p.Name,
        Options = p.Options.Select(o => new
        {
            o.OptionName,
            Values = o.Values.Select(v => v.ValueName)
        })
    })
    .ToList();

Include vs ThenInclude.pdf

0.65MB