아카이브
close
프로필 사진

아카이브

github: @denev6

  • 모두 보기 (167)
    • 일기장 (13)
    • AI (33)
      • study (9)
    • 프로그래밍 언어 (56)
      • Python (30)
      • Go (13)
      • C++ (10)
    • 기타 주제 (56)
      • 웹 (26)
  • 소개
  • 프로젝트
  • 일기장

HTMX로 쉽게 만들자

본 글은 Claude 4 Sonnet으로 작성했습니다.HTMX의 장점1. JavaScript 없이도 동적 웹 구현: HTMX는 HTML 속성만으로 AJAX 요청, DOM 조작, WebSocket 통신이 가능하다. 복잡한 JavaScript 프레임워크 없이도 현대적인 웹 애플리케이션을 만들 수 있다. 사용자 목록 불러오기2. 서버 중심 아키텍처 복귀: React나 Vue와 달리 서버에서 HTML을 렌더링하고 클라이언트는 단순히 받아서 표시한다. 이는 SEO에 유리하고 초기 로딩 속도를 향상시킨다.3. 점진적 향상(Progressive Enhancement): 기존 HTML에 HTMX 속성을 추가하는 방식으로 점진적으로 기능을 확장할 수 있다. 레거시 코드와의 호환성이 우수하다.4. 작은 번들 사이즈:..

  • format_list_bulleted 기타 주제/웹
  • · 2025. 8. 19.

Gin + HTMX로 Counter 만들기

본 글은 Claude 4 Sonnet으로 작성 후 수정한 글입니다.웹 개발에서 빠른 프로토타이핑과 간단한 상호작용이 필요할 때 Gin 프레임워크와 HTMX의 조합은 매우 효과적이다. 이 글에서는 Go의 Gin 프레임워크 기본 사용법과 HTMX를 활용한 실시간 Counter 예제를 살펴본다.Gin 프레임워크 소개Gin은 Go 언어로 작성된 경량 웹 프레임워크다. Express.js에서 영감을 받아 만들어졌으며, 빠른 성능과 간단한 API를 제공한다.주요 특징빠른 HTTP 라우터미들웨어 지원JSON 유효성 검사에러 관리HTTP/2 지원프로젝트 구조go-counter/├── main.go├── handlers/│ └── counter.go└── templates/ └── counter.html메인 서..

  • format_list_bulleted 프로그래밍 언어/Go
  • · 2025. 8. 18.

Overleaf 가이드 (ACM)

본 글은 Claude 4 Sonnet으로 작성한 글입니다.LaTeX는 학술 논문 작성에 가장 널리 사용되는 조판 시스템이다. Overleaf는 웹 기반 LaTeX 에디터로, 설치 없이 바로 사용할 수 있어 초보자에게 특히 유용하다.Overleaf 시작하기Overleaf에서 새 프로젝트를 생성하면 여러 템플릿을 선택할 수 있다. ACM 템플릿을 예로 들어 설명하겠다.Overleaf 웹사이트에 접속"New Project" 클릭"Academic Journal" 카테고리에서 "ACM" 선택프로젝트 이름 입력 후 생성파일 확장자와 역할LaTeX 프로젝트는 여러 파일로 구성된다. 각 파일의 확장자는 특정 역할을 나타낸다..tex 파일메인 문서 파일이다. 논문의 실제 내용과 구조를 담고 있다. ACM 템플릿에서는 보..

  • format_list_bulleted 기타 주제
  • · 2025. 8. 4.

Onnx에서 TFlite로

필자는 pytorch로 학습하는 것을 선호하고, 최근 많은 모델이 pytorch로 연구되고 있다. 하지만 경령화나 최적화를 위해서는 tensorflow나 tflite가 많이 사용된다. 이때 pytorch → onnx → tensorflow → tflite를 걸쳐 변환한다.본 글은 onnx를 tflite로 바꾸는 과정에서 했던 삽집을 기록한다.우선, onnx-tf는 사용하지 마라. Python ↔ tensorflow ↔ keras ↔ onnx 간에 버전 충돌이 있다. 삽질 결과 현재(25.07.23)는 사용이 불가능하다는 결론을 얻었다. 따라서 onnx2tf를 이용해 변환에 성공했다.Environment개발 환경과 패키지 버전은 다음과 같다.Linux (Ubuntu 24.02 LTS)Python 3.10[..

  • format_list_bulleted AI
  • · 2025. 7. 23.

Ngrok 알아보기

본 글은 Claude Sonnet 4로 작성했습니다.Ngrok란 무엇인가?Ngrok는 로컬에서 실행되는 서버를 인터넷에 안전하게 노출시키는 도구이다. NAT나 방화벽 뒤에 있는 로컬 서버를 외부에서 접근할 수 있게 해주는 터널링 서비스이다.간단히 말해, localhost:3000에서 실행되는 애플리케이션을 https://abc123.ngrok.io와 같은 공개 URL로 접근할 수 있게 만들어준다.왜 Ngrok를 사용하나?개발 환경에서의 활용웹훅 테스트: GitHub, Slack 등의 웹훅을 로컬에서 직접 테스트할 수 있다모바일 테스트: 같은 네트워크의 모바일 기기에서 로컬 서버에 접근할 수 있다외부 API 연동: 외부 서비스에서 콜백 URL이 필요할 때 유용하다협업 및 데모실시간 공유: 동료에게 개발 중..

  • format_list_bulleted 기타 주제/웹
  • · 2025. 7. 22.

NoSQL과 MongoDB 시작하기

본 글은 Claude Sonnet 4로 작성한 글입니다.NoSQL이란?NoSQL은 "Not Only SQL"의 줄임말로, 전통적인 관계형 데이터베이스가 아닌 데이터베이스 시스템을 의미한다. 관계형 데이터베이스가 테이블과 행, 열로 구성된 구조화된 데이터를 다룬다면, NoSQL은 더 유연한 데이터 구조를 지원한다.NoSQL의 주요 특징NoSQL 데이터베이스는 다음과 같은 특징을 가진다:스키마 자유로움: 미리 정의된 스키마 없이 데이터를 저장할 수 있다수평 확장: 서버를 추가하여 성능을 향상시키기 쉽다대용량 데이터 처리: 빅데이터 환경에 적합하다다양한 데이터 타입: JSON, XML 등 다양한 형태의 데이터를 저장할 수 있다NoSQL 데이터베이스 유형NoSQL 데이터베이스는 크게 네 가지로 분류된다:Docu..

  • format_list_bulleted 기타 주제
  • · 2025. 7. 20.
  • navigate_before
  • 1
  • 2
  • 3
  • 4
  • ···
  • 28
  • navigate_next
전체 카테고리
  • 모두 보기 (167)
    • 일기장 (13)
    • AI (33)
      • study (9)
    • 프로그래밍 언어 (56)
      • Python (30)
      • Go (13)
      • C++ (10)
    • 기타 주제 (56)
      • 웹 (26)
Copyright © denev6 모든 권리 보유.
SKIN: Copyright © 쭈미로운 생활 All rights reserved. Designed by JJuum.
and Current skin "dev-roo" is modified by Jin.

티스토리툴바