<div id="readability-page-1" class="page"><div id="page">
	<header>
		
	</header>

	


	<div itemscope="" itemtype="http://schema.org/BlogPosting" id="content"> 
        

				<div>
					<h2>웹개발 관련</h2>

<ul>
<li><strong><a href="https://pyjun01.github.io/v/shadcn-ui/">shadcn ui 자세히 알아보기</a></strong> : 작년 가장 많은 GitHub Star를 받은 <a href="https://github.com/shadcn-ui/ui">shadcn/ui</a>을 설명하는 글이다. shadcn/ui는 Tailwind CSS를 기반으로 한 컴포넌트 컬렉션인데 라이브러리와 달리 설치해서 쓰는 게 아니라 컴포넌트 코드를 복사해서 붙여 넣고 사용하는 방식을 취하고 있기 때문에 필요한 부분을 수정해서 사용할 수 있고 이 관리를 쉽게 할 수 있도록 CLI를 제공하고 있다.(한국어)</li>
</ul>

<h2>그 밖의 개발 관련</h2>

<ul>
<li><strong><a href="https://youngrok.com/Simple%20Design">Simple Design</a></strong> : 박영록 님이 코드 품질에 대한 생각을 정리한 좋은 글이다. 코드 품질을 정할 때 전문가의 생산성을 해치지 않으면서도 초보자에게는 생산성을 높일 수 있도록 기준이 필요했는데 보통 말하는 코드 품질이 느낌적인 부분이 많은데 Kent Beck의 Simple Design이 가장 명확했고 이를 정리해서 <code>중복이 없으면서 최소한의 문법 요소로 구성된 코드</code>라고 정의한 부분이 꽤 명확하게 느껴졌다. 코드 품질을 개선할 때 고민해야 할 부분과 기준이 될 레퍼런스를 제공한 부분도 좋고 코드를 본질적인 복잡성과 우발적인 복잡성을 나누어서 설명한 부분도 명쾌하게 느껴졌다. 코드 품질 개선은 더 빨리 개발하기 위해서라는 부분도 좋은 기준이라고 생각한다.(한국어)</li>
<li><strong><a href="https://techblog.lycorp.co.jp/ko/req-saver-for-thundering-herd-problem-in-cache">Req-Saver로 캐시의 골칫거리 'Thundering Herd 문제' 쉽게 풀기!</a></strong> : 애플리케이션에서 캐시를 쓰는 경우 캐시에 데이터가 없을 때 데이터베이스 같은 백엔드 데이터 스토어로 모든 요청이 몰려가고 또 이 데이터를 캐시에 저장도 여러 번 이뤄지게 되는 Thundering Herd 문제를 해결하기 위해 Req-Saver라는 라이브러리를 만들어서 Spring 애플리케이션에 적용한 과정이다. 스프링의 <code>@Cacheable</code>과 <code>sync</code> 옵션과 Req-Saver를 사용한 경우를 비교했을 때 평균 51% 정도의 성능이 향상되었다.(한국어)</li>
<li><strong><a href="https://github.blog/2023-06-12-make-your-github-projects-more-accessible-with-accessibility-alt-text-bot/">Make your GitHub projects more accessible with accessibility-alt-text-bot</a></strong> : GitHub에서 이슈나 PR로 협업할 때 동료중에 이미지의 대체 텍스트가 필요한 동료가 있는 경우 매번 이미지 설명을 요청하는 불편함이 있다는 것을 깨닫고 <a href="https://github.com/marketplace/actions/accessibility-alt-text-bot">Accessibility alt text bot</a> 워크플로우를 공개했다. 이는 이미지가 있는데 대체 텍스트가 없는 경우 댓글로 알려주는 역할을 한다.(영어)</li>
</ul>

<h2>인프라 관련</h2>

<ul>
<li><strong><a href="https://learnk8s.io/kubernetes-long-lived-connections">Load balancing and scaling long-lived connections in Kubernetes</a></strong> : Kubernetes에서 HTTP keepalive처럼 TCP 연결을 열어두고 계속 사용하는 경우 로드밸런싱이 제대로 되지 않는 동작을 설명한다. Kubernetes에서 서비스의 IP는 자리 표시자로만 사용되고 실제로는 연결된 Pod의 IP로 대체되어 사용되는데 이때 iptables는 무작위 알고리즘으로 선택하기 때문에 특정 Pod으로 오랜 기간 유지되는 연결이 열린다면 특정 Pod에만 연결이 몰릴 수 있어서 확장할 수 있지 않다. 이 문제를 해결하려면 클라이언트에서 로드 밸런싱 로직을 가지고나 로드 밸런싱 서비스를 도입해서 사용해야 하는데 인프라에서 해결하려면 Istio나 Linkerd 같은 서비스 메시를 사용할 수 있다.(영어)</li>
<li><strong><a href="https://github.blog/2024-06-03-arm64-on-github-actions-powering-faster-more-efficient-build-systems/">Arm64 on GitHub Actions: Powering faster, more efficient build systems</a></strong> : GitHub Actions에 Arm 기반 Linux, Windows 러너가 공개되었다. Arm 러너는 x86보다 37% 저렴한 가격으로 제공되고 현재는 GitHub Team과 Enterprise 플랜에서 제공되는데 연말에는 오픈소스 프로젝트에도 제공할 예정이라고 한다.(영어)</li>
<li><strong><a href="https://brunch.co.kr/@growthminder/141">DNS가 TCP를 사용하는 경우</a></strong> : DNS는 기본적으로 UDP를 사용하는데 메시지가 큰 경우 등 특정 상황에서는 TCP를 사용하게 된다. DNS 패킷 헤더를 사용해서 메시지가 커서 Truncated 되었는지를 표시하고 이런 경우 TCP를 사용한다.(한국어)</li>
</ul>

<h2>IT 업계 뉴스</h2>

<ul>
<li><strong><a href="https://techcrunch.com/2024/06/11/raspberry-pi-is-now-a-public-company-as-its-shares-pops-after-ipo-pricing/">Raspberry Pi is now a public company</a></strong> : 작고 저렴한 컴퓨터를 만드는 <a href="https://www.raspberrypi.com/">Raspberry Pi</a>가 런던 증권거래소에 6월 11일 상장했다. 주당 2.8 파운드에 상장해서 기업가치는 6억 9천만 달러(한화로는 약 9천 5백억)가 되었고 곧 주가는 3.7 파운드로 32% 올랐다.(영어)</li>
<li><strong><a href="https://www.theverge.com/2024/6/13/24178079/openai-board-paul-nakasone-nsa-safety">Former head of NSA joins OpenAI board</a></strong> : 미국 국가안보국(NSA) 국장을 지냈던 Paul M. Nakasone가 OpenAI의 이사회에 합류했다.(영어)</li>
<li><strong><a href="https://openai.com/index/openai-and-apple-announce-partnership/">OpenAI and Apple announce partnership to integrate ChatGPT into Apple experiences</a></strong> : Apple이 iOS, iPadOS, macOS에서 ChatGPT를 통합해서 사용할 수 있도록 OpenAI와의 파트너쉽을 발표했다.(영어)</li>
</ul>

<h2>프로젝트</h2>

<ul>
<li><strong><a href="https://github.com/rekuberate-io/sleepcycles">sleepcycles</a></strong> : 원하는 주기에 따라 Kubernetes 리소스를 내렸다가 올릴 수 있는 컨트롤러.</li>
<li><strong><a href="https://uix.unyt.org/">UIX</a></strong> : Deno 기반으로 리액티브 웹앱을 만들 수 있는 오픈소스 풀스택 프레임워크.</li>
<li><strong><a href="https://meatfighter.com/ascii-silhouettify/">ASCII Silhouettify</a></strong> : 이미지를 ASCII 실루엣으로 만들어주는 프로그램.</li>
<li><strong><a href="https://flameshot.org/">Frameshot</a></strong> : 오픈소스 스크린샷 프로그램.</li>
</ul>

<h2>버전 업데이트</h2>

<ul>
<li><strong><a href="https://turborepo.org/">Turborepo</a> v2.0.0</strong> : JavaScript/TypeScript 빌드 시스템, <a href="https://turbo.build/blog/turbo-2-0">릴리스 공지</a><ul>
<li>새로운 인터렉티브 터미널 UI</li>
<li>의존성을 고려한 태스크 워처 모드 지원</li>
</ul></li>
<li><strong><a href="https://serverless.com/">Serverless Framework</a> v4.0.0</strong> : AWS Lambda에서 앱을 만드는 프레임워크, <a href="https://www.serverless.com/blog/serverless-framework-v4-general-availability">릴리스 공지</a></li>
<li><strong><a href="https://grafana.com/oss/tempo/">Grafana Tempo</a> v2.5.0</strong> : 분산 트레이싱 백엔드, <a href="https://grafana.com/blog/2024/06/03/grafana-tempo-2.5-release-vparquet4-streaming-endpoints-and-more-metrics/">릴리스 공지</a></li>
<li><strong><a href="https://gradle.org/">Gradle</a> v8.8</strong> : Java 빌드 도구, <a href="https://docs.gradle.org/8.8/release-notes.html">릴리스 공지</a></li>
<li><strong><a href="https://argocd-image-updater.readthedocs.io/en/stable/">Argo CD Image Updater</a> v0.13</strong> : Argo CD 컨테이너 이미지 자동 업데이터, <a href="https://blog.argoproj.io/new-release-for-argo-image-updater-0-13-1fa3ef11996f">릴리스 공지</a></li>
<li><strong><a href="https://falco.org/">Falco</a> 0.38.0</strong> : 클라우드 네이티브 런타임 보안, <a href="https://falco.org/blog/falco-0-38-0/">릴리스 공지</a></li>
<li><strong><a href="https://spring.io/projects/spring-shell/">Spring Shell</a> 3.3.0</strong> : Spring 기반 인터렉티브 쉘, <a href="https://spring.io/blog/2024/06/04/spring-shell-3-3-0-is-now-available">릴리스 공지</a></li>
<li><strong><a href="http://www.rust-lang.org/">Rust</a> 1.79.0</strong> : 프로그래밍 언어, <a href="https://blog.rust-lang.org/2024/06/13/Rust-1.79.0.html">릴리스 공지</a></li>
<li><strong><a href="https://zed.dev/">Zed</a> v0.139.3</strong> : 코드 에디터, <a href="https://zed.dev/releases/stable#zed-0.139.3">릴리스 공지</a></li>
<li><strong><a href="https://vitejs.dev/">Vite</a> v5.3.0</strong> : 프론트엔드 빌드 도구, <a href="https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#530-2024-06-13">릴리스 공지</a></li>
<li><strong><a href="https://deno.land/">Deno</a> v1.44.0</strong> : TypeScript 런타임, <a href="https://deno.com/blog/v1.44">릴리스 공지</a></li>
<li><strong><a href="https://line.github.io/armeria/">Armeria</a> v1.29.0</strong> : Java용 비동기 RPC/REST 라이브러리, <a href="https://armeria.dev/release-notes/1.29.0/">릴리스 공지</a></li>
<li><strong><a href="http://eslint.org/">ESLint</a> v9.5.0</strong> : JavaScript 코드 분석 도구, <a href="https://eslint.org/blog/2024/06/eslint-v9.5.0-released/">릴리스 공지</a></li>
<li><strong><a href="https://facebook.github.io/relay/">Relay</a> v17.0.0</strong> : 데이터주도 Recat 애플리케이션용 프레임워크, <a href="https://github.com/facebook/relay/releases/tag/v17.0.0">릴리스 공지</a></li>
<li><strong><a href="https://micronaut.io/">Micronaut</a> 4.5.0</strong> : JVM 기반 풀스택 모듈러 프레임워크, <a href="https://github.com/micronaut-projects/micronaut-platform/releases/tag/v4.5.0">릴리스 공지</a></li>
<li><strong><a href="https://ziglang.org/">Zig</a> v0.13.0</strong> : 프로그래밍 언어, <a href="https://ziglang.org/download/0.13.0/release-notes.html">릴리스 공지</a></li>
<li><strong><a href="https://astro.build/">astro</a> v4.10</strong> : JavaScript 웹 프레임워크, <a href="https://astro.build/blog/astro-4100/">릴리스 공지</a></li>
<li><strong><a href="https://cuelang.org/">Cue</a> v0.9.0</strong> : 구성 언어, <a href="https://github.com/cue-lang/cue/releases/tag/v0.9.0">릴리스 공지</a></li>
<li><strong><a href="https://www.docker.com/products/docker-desktop">Docker Desktop</a> v4.31</strong> : 데스크톱용 Docker 애플리케이션, <a href="https://www.docker.com/blog/docker-desktop-4-31/">릴리스 공지</a></li>
<li><strong><a href="https://spring.io/tools4">Spring Tools</a> v4.23.0</strong> : Spring 코딩 환경을 위한 도구, <a href="https://spring.io/blog/2024/06/12/spring-tools-4-23-0-released">릴리스 공지</a></li>
<li><strong><a href="https://www.consul.io/">Consul</a> 1.19</strong> : 서비스 디스커버리/설정 도구, <a href="https://www.hashicorp.com/blog/consul-1-19-improves-kubernetes-workflows-snapshot-support-and-nomad-integration">릴리스 공지</a></li>
<li><strong><a href="http://elixir-lang.org/">Elixir</a> v1.17</strong> : 프로그래밍 언어, <a href="https://elixir-lang.org/blog/2024/06/12/elixir-v1-17-0-released/">릴리스 공지</a></li>
<li><strong><a href="http://nodejs.org/">Node.js</a> v22.3.0 (Current)</strong> : 자바스크립트 런타임, <a href="https://nodejs.org/en/blog/release/v22.3.0">릴리스 공지</a></li>
<li><strong><a href="https://kargo.akuity.io/">Kargo</a> v0.7.0</strong> : Kubernetes용 배포 도구, <a href="https://akuity.io/blog/whats-new-kargo-0.7.0/">릴리스 공지</a></li>
</ul>

          </div>
					

				<div>
          <meta itemprop="dateModified" content="2024/06/16 20:41">
					<ul>
						<li itemprop="datePublished"><i title="등록일"></i> 2024/06/16 20:41</li>
						<li><i title="카테고리"></i> <a href="/category/Newsletter">Newsletter</a></li>
						<li>
							<i title="태그"></i>
							
							<a href="https://blog.outsider.ne.kr/tag/kubernetes" rel="tag">kubernetes</a>,
<a href="https://blog.outsider.ne.kr/tag/shadcn" rel="tag">shadcn</a>,
<a href="https://blog.outsider.ne.kr/tag/Thundering%20Herd" rel="tag">Thundering Herd</a>
							
						</li>
						<li title="CCL">
							<a href="http://creativecommons.org/licenses/by-nc-sa/2.0/kr/"><img src="https://blog.outsider.ne.kr/skin/blog/anti_verbose/images/license.png" alt="BY-NC-SA" title="BY-NC-SA"></a>
							
							
						</li>
						
            
						<li>
							
						</li>
					</ul>
				</div>
        <meta itemprop="mainEntityOfPage" content="/1725">
        <meta itemprop="name" content="기술 뉴스 #248 : 24-06-16">
        
        
	      



				

				

				

				
			</div>
        
        
	
</div></div>

Outsider's Dev Story

Outsider

웹개발 관련
shadcn ui 자세히 알아보기 : 작년 가장 많은 GitHub Star를 받은 shadcn/ui을 설명하는 글이다. shadcn/ui는 Tailwind CSS를 기반으로 한 컴포넌트 컬렉션인데 라이브러리와 달리 설치해서 쓰는 게 아니라 컴포넌트 코드를 복사해서 붙여 넣고 사용하는 방식을 취하고 있기 때문에 필요한 부분을 수정해서 사용할 수 있고 이 관리를 쉽게 할 수 있도록 CLI를 제공하고 있다.(한국어)
그 밖의 개발 관련
Simple Design : 박영록 님이 코드 품질에 대한 생각을 정리한 좋은 글이다. 코드 품질을 정할 때 전문가의 생산성을 해치지 않으면서도 초보자에게는 생산성을 높일 수 있도록 기준이 필요했는데 보통 말하는 코드 품질이 느낌적인 부분이 많은데 Kent Beck의 Simple Design이 가장 명확했고 이를 정리해서 중복이 없으면서 최소한의 문법 요소로 구성된 코드라고 정의한 부분이 꽤 명확하게 느껴졌다. 코드 품질을 개선할 때 고민해야 할 부분과 기준이 될 레퍼런스를 제공한 부분도 좋고 코드를 본질적인 복잡성과 우발적인 복잡성을 나누어서 설명한 부분도 명쾌하게 느껴졌다. 코드 품질 개선은 더 빨리 개발하기 위해서라는 부분도 좋은 기준이라고 생각한다.(한국어)
Req-Saver로 캐시의 골칫거리 'Thundering Herd 문제' 쉽게 풀기! : 애플리케이션에서 캐시를 쓰는 경우 캐시에 데이터가 없을 때 데이터베이스 같은 백엔드 데이터 스토어로 모든 요청이 몰려가고 또 이 데이터를 캐시에 저장도 여러 번 이뤄지게 되는 Thundering Herd 문제를 해결하기 위해 Req-Saver라는 라이브러리를 만들어서 Spring 애플리케이션에 적용한 과정이다. 스프링의 @Cacheable과 sync 옵션과 Req-Saver를 사용한 경우를 비교했을 때 평균 51% 정도의 성능이 향상되었다.(한국어)
Make your GitHub projects more accessible with accessibility-alt-text-bot : GitHub에서 이슈나 PR로 협업할 때 동료중에 이미지의 대체 텍스트가 필요한 동료가 있는 경우 매번 이미지 설명을 요청하는 불편함이 있다는 것을 깨닫고 Accessibility alt text bot 워크플로우를 공개했다. 이는 이미지가 있는데 대체 텍스트가 없는 경우 댓글로 알려주는 역할을 한다.(영어)
인프라 관련
Load balancing and scaling long-lived connections in Kubernetes : Kubernetes에서 HTTP keepalive처럼 TCP 연결을 열어두고 계속 사용하는 경우 로드밸런싱이 제대로 되지 않는 동작을 설명한다. Kubernetes에서 서비스의 IP는 자리 표시자로만 사용되고 실제로는 연결된 Pod의 IP로 대체되어 사용되는데 이때 iptables는 무작위 알고리즘으로 선택하기 때문에 특정 Pod으로 오랜 기간 유지되는 연결이 열린다면 특정 Pod에만 연결이 몰릴 수 있어서 확장할 수 있지 않다. 이 문제를 해결하려면 클라이언트에서 로드 밸런싱 로직을 가지고나 로드 밸런싱 서비스를 도입해서 사용해야 하는데 인프라에서 해결하려면 Istio나 Linkerd 같은 서비스 메시를 사용할 수 있다.(영어)
Arm64 on GitHub Actions: Powering faster, more efficient build systems : GitHub Actions에 Arm 기반 Linux, Windows 러너가 공개되었다. Arm 러너는 x86보다 37% 저렴한 가격으로 제공되고 현재는 GitHub Team과 Enterprise 플랜에서 제공되는데 연말에는 오픈소스 프로젝트에도 제공할 예정이라고 한다.(영어)
DNS가 TCP를 사용하는 경우 : DNS는 기본적으로 UDP를 사용하는데 메시지가 큰 경우 등 특정 상황에서는 TCP를 사용하게 된다. DNS 패킷 헤더를 사용해서 메시지가 커서 Truncated 되었는지를 표시하고 이런 경우 TCP를 사용한다.(한국어)
IT 업계 뉴스
Raspberry Pi is now a public company : 작고 저렴한 컴퓨터를 만드는 Raspberry Pi가 런던 증권거래소에 6월 11일 상장했다. 주당 2.8 파운드에 상장해서 기업가치는 6억 9천만 달러(한화로는 약 9천 5백억)가 되었고 곧 주가는 3.7 파운드로 32% 올랐다.(영어)
Former head of NSA joins OpenAI board : 미국 국가안보국(NSA) 국장을 지냈던 Paul M. Nakasone가 OpenAI의 이사회에 합류했다.(영어)
OpenAI and Apple announce partnership to integrate ChatGPT into Apple experiences : Apple이 iOS, iPadOS, macOS에서 ChatGPT를 통합해서 사용할 수 있도록 OpenAI와의 파트너쉽을 발표했다.(영어)
프로젝트
sleepcycles : 원하는 주기에 따라 Kubernetes 리소스를 내렸다가 올릴 수 있는 컨트롤러.
UIX : Deno 기반으로 리액티브 웹앱을 만들 수 있는 오픈소스 풀스택 프레임워크.
ASCII Silhouettify : 이미지를 ASCII 실루엣으로 만들어주는 프로그램.
Frameshot : 오픈소스 스크린샷 프로그램.
버전 업데이트
Turborepo v2.0.0 : JavaScript/TypeScript 빌드 시스템, 릴리스 공지
새로운 인터렉티브 터미널 UI
의존성을 고려한 태스크 워처 모드 지원
Serverless Framework v4.0.0 : AWS Lambda에서 앱을 만드는 프레임워크, 릴리스 공지
Grafana Tempo v2.5.0 : 분산 트레이싱 백엔드, 릴리스 공지
Gradle v8.8 : Java 빌드 도구, 릴리스 공지
Argo CD Image Updater v0.13 : Argo CD 컨테이너 이미지 자동 업데이터, 릴리스 공지
Falco 0.38.0 : 클라우드 네이티브 런타임 보안, 릴리스 공지
Spring Shell 3.3.0 : Spring 기반 인터렉티브 쉘, 릴리스 공지
Rust 1.79.0 : 프로그래밍 언어, 릴리스 공지
Zed v0.139.3 : 코드 에디터, 릴리스 공지
Vite v5.3.0 : 프론트엔드 빌드 도구, 릴리스 공지
Deno v1.44.0 : TypeScript 런타임, 릴리스 공지
Armeria v1.29.0 : Java용 비동기 RPC/REST 라이브러리, 릴리스 공지
ESLint v9.5.0 : JavaScript 코드 분석 도구, 릴리스 공지
Relay v17.0.0 : 데이터주도 Recat 애플리케이션용 프레임워크, 릴리스 공지
Micronaut 4.5.0 : JVM 기반 풀스택 모듈러 프레임워크, 릴리스 공지
Zig v0.13.0 : 프로그래밍 언어, 릴리스 공지
astro v4.10 : JavaScript 웹 프레임워크, 릴리스 공지
Cue v0.9.0 : 구성 언어, 릴리스 공지
Docker Desktop v4.31 : 데스크톱용 Docker 애플리케이션, 릴리스 공지
Spring Tools v4.23.0 : Spring 코딩 환경을 위한 도구, 릴리스 공지
Consul 1.19 : 서비스 디스커버리/설정 도구, 릴리스 공지
Elixir v1.17 : 프로그래밍 언어, 릴리스 공지
Node.js v22.3.0 (Current) : 자바스크립트 런타임, 릴리스 공지
Kargo v0.7.0 : Kubernetes용 배포 도구, 릴리스 공지
댓글 쓰기