<div id="readability-page-1" class="page"><div itemscope="" itemtype="http://schema.org/BlogPosting" id="content"> 
        

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

<ul>
<li><strong><a href="https://junghan92.medium.com/%EB%B2%88%EC%97%AD-%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83-%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%98-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0-baed8b1eca5f">(번역) 레이아웃 알고리즘 이해하기</a></strong> : <a href="https://www.joshwcomeau.com/css/understanding-layout-algorithms/">Understanding Layout Algorithms</a>의 번역 글로 CSS를 공부하면서 프로퍼티의 사용법을 배웠지만 제대로 이해하려면 레이아웃 알고리즘을 배워야 한다고 설명하고 있다. 기본 레이아웃 알고리즘은 Flow 레이아웃인데 <code>z-index</code>는 Flow 알고리즘에 구현되어 있지 않기 때문에 <code>z-index</code>를 제대로 사용하려면 레이아웃 알고리즘 지정해야 하고 <code>width</code>도 알고리즘에 따라 다르게 동작하게 됩니다. <code>&lt;img&gt;</code> 태그가 <code>&lt;div&gt;</code>에서 약간의 마진이 생기는 것도 CSS 프로퍼티 때문이 아니라 Flow 레이아웃에 따라 인라인 요소로 처리되었기 때문에 발생한다는 것도 설명하고 있다. 이 레아아웃 알고리즘을 이해해야 CSS 프로퍼티를 제대로 사용할 수 있다고 설명하는 데 CSS 처리할 때 꼭 살펴봐야 할 만큼 좋은 글이다.(한국어)</li>
<li><strong><a href="https://ui.toast.com/weekly-pick/ko_20220331">SolidJS와 함께 되짚어보는 반응형 프로그래밍</a></strong> : 데이터 중심 이벤트 이미터 위에 만들어진 선언적 프로그래밍 패러다임이 반응형 프로그래밍이고 이는 UI를 구성하는 데 유용하다. 이벤트를 스트림으로 바꾸고 오퍼레이터로 선언하는 대표적인 구현체가 Reactive(Rx)인데 디버깅이 힘들다거나 러닝 커브가 높다는 단점이 언급되고 있고 다른 반응형 프로그래밍이 Transparent Reactive Programming(TRP)이다. TRP에서는 Observable과 Reaction이 기본 구성 요소인데 SolidJS도 이를 이용해서 반응형 모델을 구축했는데 이를 이용한 SolidJS의 사용 방법을 간단히 보여준다.(한국어)</li>
<li><strong><a href="https://engineering.linecorp.com/ko/blog/monorepo-with-turborepo/">Turborepo로 모노레포 개발 경험 향상하기</a></strong> : 모노레포를 관리하기 위해 모노레포 도구인 Turborepo를 도입한 글이다. 모노레포는 모노리식과 멀티 레포의 장점을 모두 취하고자 하는 접근 방법이고 Turborepo는 편리한 빌드 시스템을 제공해서 개발과 빌드에 도움을 줄 수 있는 다양한 기능을 제공하고 있다. Turborepo를 도입해서 기존 스크립트 의존성으로 인한 복잡도와 반복되는 불편한 빌드를 해결하고 배포 프로세스를 시각화하고자 했는데 의존성도 Turborepo 파이프라인으로 해결하고 빌드 캐시로 재빌드 시에는 7분 걸리던 빌드가 0.64초 걸리게 되었다고 한다.(한국어)</li>
<li><strong><a href="https://medium.com/@yujso66/%EB%B2%88%EC%97%AD-react-v18-0-9da9a6b838bd">[번역] React v18.0</a></strong> : <a href="https://reactjs.org/blog/2022/03/29/react-v18.html">React v18.0</a> 릴리스의 번역 글이다. Concurrency나 Suspense 등 릴리스 원문을 자세히 읽어보지 않았다면 읽어보면 좋다.(한국어)</li>
</ul>

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

<ul>
<li><strong><a href="https://github.blog/2022-04-11-performance-at-github-deferring-stats-with-rack-after_reply/">Performance at GitHub: deferring stats with rack.after_reply</a></strong> : GitHub에서 <code>rack.after_reply</code>를 이용해서 30~50ms 정도 응답 시간을 줄일 개선을 정리한 글이다. GitHub의 성능 분석을 하면서 요청을 처리할 때 매트릭을 보내기 위해 요청당 최대 65ms를 사용한다는 것을 발견하고 배치로 모아서 보내거나 <code>Rack::Events</code> 등의 방법을 고려해 봤지만, 문제를 해결할 수 있어 보이지 않았다. 그러다가 Puma의 <code>rack.after_reply</code>가 응답을 완료한 후 실행하는 기능이라는 것을 발견하고 GitHub에서는 Puma 대신 Unicorn을 쓰고 있었기 때문에 <code>rack.after_reply</code> 구현해서 Unicorn에 기여했다. 이를 통해 사용자에게 응답을 보낸 후에 매트릭을 전송하게 하여 P50에서는 30ms, P99에서는 50ms 이상이 줄어들었다.(영어)</li>
<li><strong><a href="https://jiyeonseo.github.io/2022/04/03/the-code-review-pyramid/">(번역) 코드 리뷰 피라미드</a></strong> : <a href="https://www.morling.dev/blog/the-code-review-pyramid/">The Code Review Pyramid</a>의 번역 글로 코드 리뷰를 할 때 집중해야 할 부분을 코드 스타일, 테스트, 문서화, 구현, API로 나누어서 코드 리뷰 피라미드를 정의했다. 피라미드의 아래쪽에 있을수록 나중에 수정할 때 더 큰 노력이 들어가고 간 부분별로 리뷰할 때 집중해야 할 질문을 정리해 두어서 리뷰할 때 한번 기억해두면 좋을 문서다.(한국어)</li>
</ul>

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

<ul>
<li><strong><a href="https://aws.amazon.com/ko/blogs/korea/announcing-aws-lambda-function-urls-built-in-https-endpoints-for-single-function-microservices/">AWS Lambda Function URL 발표 – 단일 기능 마이크로서비스용 내장 HTTPS 엔드포인트</a></strong> : AWS Lambda에 API 엔드포인트를 연결하려면 API Gateway나 로드밸런서를 사용해야 했는데 간단히 Lambda에 바로 URL을 연결해서 호출할 수 있는 Lambda Function URL이 공개되었다. Lambda 함수에서 Lambda Function URL를 생성하면 이 Labmda를 호출할 수 있는 URL이 생성되고 CORS 설정도 할 수 있다.(한국어)</li>
<li><strong><a href="https://tech.kakaoenterprise.com/137">우리는 클라우드 개발에 진심입니다! - SmartNIC 편</a></strong> : 네트워크 트래픽이 점점 증가하면서 이를 해결하기 위한 하드웨어로 SmartNIC(Smart Network INterface Card)가 등장했다. SmartNIC를 사용하면 네트워크 처리를 하면서 일부 작업을 CPU가 수행해주어야 하지만 이를 SmartNIC의 하드웨어에서 처리할 수 있어서 CPU를 제대로 활용할 수 있다. 카카오 i 클라우드에서는 ARM + FPGA의 당일 침 시스템을 선택해서 소프트웨어로 프로비저닝 할 수 있게 되었고 첫 기능으로 Open Virtual Switch를 구현해서 하이퍼바이저가 아니라 SmartNIC에서 OVS를 처리할 수 있게 되어 CPU 사용률을 50% 이하로 낮추고 애플리케이션 성능으로 600%까지 높일 수 있게 되었다고 한다.(한국어)</li>
<li><strong><a href="https://blog.cloudflare.com/ddos-attack-trends-for-2022-q1/">DDoS Attack Trends for 2022 Q1</a></strong> : Cloudfalre에서 2022년 1분기에 관찰된 DDoS 트랜드를 정리한 보고서이다. 애플리케이션 계층의 DDoS 공격은 매우 증가했지만 네트워크 계층의 DDoS 공격의 총수는 줄어들었다고 한다. 그런데도 볼륨으로 보면 전 분기 대비 645%나 증가했다고 한다. 러시아와 우크라이나에 대한 DDoS가 많이 발생했고 랜섬 DDoS는 줄어들었고 HTTP DDoS는 전년 대비 164%나 증가했고 3월에는 지난 4분기를 합친 거보다 많이 발생했다. 랜섬 DDoS는 DDoS 공격을 막는 대가로 돈을 요구하는 것을 의미한다. 글에서 더 자세한 통계와 산업별 공격 비중 등을 자세히 볼 수 있다.(영어)</li>
</ul>

<h2>볼만한 링크</h2>

<ul>
<li><strong><a href="https://ebadak.news/2022/04/15/andy-jassy-letter-2021/">아마존 앤디 재시의 2021년 첫 연례 주주서한 (번역)</a></strong> : Amazon의 새 CEO 앤디 재시가 쓴 주주 서한을 후반부를 번역할 글이다. 여기에 Amazon이 일하는 방식이 정리되어 있다.(한국어)<ol>
<li>빌더를 채용해야 합니다.</li>
<li>빌더의 팀을 가능한 독립적이며 자율적으로 만듭니다.</li>
<li>빌더의 팀에게는 빠르게 움직이는데 필요한 도구와 권한을 부여합니다.</li>
<li>낭만적인 믿음은 필요합니다. 하지만 헛된 희망은 아닙니다.</li>
<li>최소 애착 제품(Minimum Loveable Product)을 정의하고, 빠르게 반복합니다.</li>
<li>장기적인 관점을 갖습니다.</li>
<li>실패를 피하지 마세요.</li>
</ol></li>
<li><strong><a href="https://soojin.ro/blog/burnout">2022년 테크 업계 번아웃 실태 보고</a></strong> : 팀의 상태를 관리하는 서비스를 제공하는 Yerbo의 <a href="https://report.yerbo.co/">State of Burnout in Tech 2022</a> 보고서를 요약/정리한 글이다. 번아웃은 다음 4가지 증상으로 나타나는데 각 증상에 대해 더 자세히 정리되어 있다. 영문이지만 전체 리포트를 보면 더 자세한 통계가 나와 있다.(한국어)<ul>
<li>감정 소모, 활력 고갈</li>
<li>무능감</li>
<li>냉소</li>
<li>비인격화/심리적 무감각</li>
</ul></li>
</ul>

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

<ul>
<li><strong><a href="https://byline.network/2022/04/7-138/">구글 ‘PaLM’, 최고 성능·최대 크기 초거대 AI 등극</a></strong> : Google에서 GPT-3보다 3배 큰 5,400억개 파라미터를 가진 PaLM(Pathways Language Model)을 공개했다. PaLM은 29개의 영어 자연어 처리 과제 중 28개에서 기존 다른 모델을 능가했고 BIG-bench에서도 사람 평균도 능가했다고 한다.(한국어)</li>
<li><strong><a href="https://openai.com/dall-e-2/">DALL·E 2</a></strong> : OpenAPI에서 자연어로 설명하면 사실 이미지나 아트를 만들어 주는 새 API 시스템을 공개했다. 사이트에서 설명에 따라 DALL·E 2가 만든 이미지나 기존 이미지에 수정한 예시를 볼 수 있다. 프리뷰를 사용해 보려면 대기리스트를 등록해야 한다.(영어)</li>
<li><strong><a href="https://zdnet.co.kr/view/?no=20220413113217">로그4j 취약점 스캐너 '오픈소스'로 공개했더니 생긴 일</a></strong> : 작년 말 Log4j 취약점이 알려졌을 때 국내 보안 스타트업 로그프레소에서 <a href="https://github.com/logpresso/CVE-2021-44228-Scanner">스캐너</a>를 오픈소스 만들어서 공개했다. 이 스캐너가 많은 업체의 보안 권고문에서 추천되고 SAS에서는 포크에서 프로젝트를 진행하는 등 인기를 끌고 있다고 한다.(한국어)</li>
</ul>

<h2>프로젝트</h2>

<ul>
<li><strong><a href="https://www.warp.dev/">Warp</a></strong> : 현대적인 기능이 추가된 Rust로 작성된 터미널로 현재 macOS 버전만 퍼블릭 베타로 공개되었다.</li>
<li><strong><a href="https://lexical.dev/">lexical</a></strong> : Facebook에서 만든 텍스트 에디터 프레임워크</li>
<li><strong><a href="https://www.replay.io/">Replay</a></strong> : 웹사이트에서 Time Travel 디버깅을 제공하는 앱으로 개인은 무료로 사용할 수 있다.</li>
<li><strong><a href="https://rome.tools/blog/2022/04/05/rome-formatter-release">Rome Formatter</a></strong> : 프론트엔드 linter, 컴파일러, 번들러 등을 포함한 툴 체인인 Rome에서 공개한 코드 포매터로 Prettier보다 9~12배 정도 빠르다고 한다.</li>
<li><strong><a href="https://mockoon.com/">mockoon</a></strong> : mock REST API를 쉽게 만들게 해주는 도구. UI로 REST API를 정의해서 Mock api를 생성할 수 있다.</li>
<li><strong><a href="https://github.com/primer/github-vscode-theme">GitHub's VS Code themes</a></strong> : GitHub에서 만든 VS Code의 GitHub 테마.</li>
<li><strong><a href="https://pbkit.dev/">pbkit</a></strong> : TypeScript로 작성된 protobuf 관련 도구 모음</li>
</ul>

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

<ul>
<li><strong><a href="https://www.unrealengine.com/ko/what-is-unreal-engine-4">Unreal Engine</a> 5</strong> : 게임 개발 툴셋, <a href="https://www.unrealengine.com/en-US/blog/unreal-engine-5-is-now-available">릴리스 공지</a></li>
<li><strong><a href="https://redwoodjs.com/">RedwoodJS</a> v1.0.0</strong> : 풀스택 웹프레임워크, <a href="https://community.redwoodjs.com/t/redwood-1-0-is-now-available/2958">릴리스 공지</a></li>
<li><strong><a href="http://www.rust-lang.org/">Rust</a> 1.60.0</strong> : 프로그래밍 언어, <a href="https://blog.rust-lang.org/2022/04/07/Rust-1.60.0.html">릴리스 공지</a></li>
<li><strong><a href="https://grafana.com/oss/loki">Loki</a> v2.5.0</strong> : Prometheus 형식의 로그 수집 시스템, <a href="https://grafana.com/blog/2022/04/11/new-in-grafana-loki-2.5-faster-queries-more-log-sources-so-long-s3-rate-limits-and-more/">릴리스 공지</a></li>
<li><strong><a href="https://www.waypointproject.io/">Waypoint</a> v0.8.0</strong> : 빌드, 배포, 릴리스 워크플로우, <a href="https://www.hashicorp.com/blog/waypoint-0-8-adds-secret-values-for-input-variables">릴리스 공지</a><ul>
<li>시크릿 입력값이 표시되지 않도록 <code>sensitive</code> 변수 지원</li>
<li>러너 아이디나 레이블로 원격 러너 지정 가능</li>
</ul></li>
<li><strong><a href="https://argoproj.github.io/argo-rollouts/">Argo Rollouts</a> v1.2</strong> : Kubernetes 딜리버리 컨트롤러, <a href="https://blog.argoproj.io/argo-rollouts-v1-2-b0254bb53093">릴리스 공지</a></li>
<li><strong><a href="https://reacttraining.com/react-router/">React Router</a> v6.3.0</strong> : React의 라우팅 라이브러리, <a href="https://remix.run/blog/react-router-v6.3.0">릴리스 공지</a></li>
<li><strong><a href="https://turborepo.org/">Turborepo</a> v1.2.0</strong> : JavaScript/TypeScript 빌드 시스템, <a href="https://turborepo.org/blog/turbo-1-2-0">릴리스 공지</a></li>
<li><strong><a href="https://nx.dev/">Nx</a> v13.10.0</strong> : 모노레포 빌드 시스템, <a href="https://blog.nrwl.io/what-is-new-in-nx-13-10-a58d2051d73">릴리스 공지</a></li>
<li><strong><a href="https://kuma.io/">Kuma</a> v1.6</strong> : 서비스 메쉬의 컨트롤 플레인, <a href="https://konghq.com/blog/kuma-1-6-0-and-kong-mesh-1-7-0-released-with-kubernetes-gateway-api-support-aws-acm-integration-and-more">릴리스 공지</a></li>
<li><strong><a href="http://nodejs.org/">Node.js</a> v17.9.0 (Current)</strong> : 자바스크립트 런타임, <a href="https://nodejs.org/en/blog/release/v17.9.0/">릴리스 공지</a></li>
<li><strong><a href="https://www.gatsbyjs.org/">Gatsby</a> v4.12.0</strong> : 정적 웹사이트 생성기, <a href="https://www.gatsbyjs.com/docs/reference/release-notes/v4.12/">릴리스 공지</a></li>
<li><strong><a href="http://eslint.org/">ESLint</a> v8.13.0</strong> : JavaScript 코드 분석 도구, <a href="https://eslint.org/blog/2022/04/eslint-v8.13.0-released">릴리스 공지</a></li>
<li><strong><a href="https://www.prisma.io/">Prisma</a> v3.12.0</strong> : TypeScript/Node.js 데이터베이스 툴킷, <a href="https://github.com/prisma/prisma/releases/tag/3.12.0">릴리스 공지</a></li>
<li><strong><a href="https://www.pgadmin.org/">pgAdmin</a> 4 v6.8</strong> : PostgreSQL 클라이언트 도구, <a href="https://www.postgresql.org/about/news/pgadmin-4-v68-released-2433/">릴리스 공지</a></li>
<li><strong><a href="https://pouchdb.com/">pouchdb</a> v7.3.0</strong> : JavaScript 데이터베이스, <a href="https://github.com/pouchdb/pouchdb/releases/tag/7.3.0">릴리스 공지</a></li>
</ul>

          </div>
					

				<div>
          <meta itemprop="dateModified" content="2022/04/16 21:17">
					<ul>
						<li itemprop="datePublished"><i title="등록일"></i> 2022/04/16 21:17</li>
						<li><i title="카테고리"></i> <a href="/category/Newsletter">Newsletter</a></li>
						<li>
							<i title="태그"></i>
							
							<a href="https://blog.outsider.ne.kr/tag/DDoS" rel="tag">DDoS</a>,
<a href="https://blog.outsider.ne.kr/tag/solid.js" rel="tag">solid.js</a>,
<a href="https://blog.outsider.ne.kr/tag/Truborepo" rel="tag">Truborepo</a>
							
						</li>
						<li title="CCL">
							<a href="http://creativecommons.org/licenses/by-nc-sa/2.0/kr/"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAASCAMAAAAwhE0GAAACZFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAQECAgIDAwMFBQUGBgYHBwcKCgoLCwsMDAwNDQ0PDw8QEBARERESEhIVFRUXFxcaGhobGxscHBwdHR0eHh4gICAhISEiIiIjIyMkJCQmJiYpKSkqKiorKysvLy80NDQ1NTU5OTk7OztGRkZHR0dISEhKSkpLS0tOTk5PT09QUFBRUVFTU1NUVFRVVVVWVlZXV1dZWVlaWlpbW1tcXFxdXV1eXl5hYWFiYmJjY2NkZGRpaWlsbGxycnJ0dHR5eXl7e3t8fHx+fn6AgICBgYGCgoKDg4OEhISFhYWHh4eIiIiJiYmKioqLi4uNjY2Ojo6Pj4+QkJCSkpKWlpacnJylpaWnp6epqamrq6uurq6wsLC0tLS4uLi6urq9vb2/v7/AwMDCwsLDw8PExMTFxcXGxsbIyMjJycnKysrLy8vMzMzNzc3Ozs7Pz8/Q0NDW1tbX19fY2NjZ2dnc3Nzd3d3g4ODh4eHi4uLj4+Pk5OTl5eXm5ubn5+fo6Ojq6urr6+vs7Ozt7e3u7u7v7+/y8vL09PT19fX29vb39/f4+Pj5+fn6+vr7+/v8/Pz9/f3+/v7////UlTWNAAAAOnRSTlMAAQIDBAYxMjM1NkJERUZHSktNTk9QZmdoaWp5fICCg4WGiIqLv8DCw8TFx8nKy9ja29zd3vr7/P3+v0NsgwAAAr9JREFUOMttk/s/k1EYwGdokW4qE5WSculm0d7tySKMLkSke6lR7hsVXVFCupJLFyWXEREhw2xS5JLnn+o5Z7Px+Xh+eN+z7/t9dp7znHNEIhZOrp4hMk9XJ9HiWBY6ungeDJa6ONqJe5DisFodptizSbQEqmJjVUvh+kCBmULQBisQ71Cefqo3m9srzoCfox0mVXSMGjurUuzQwUeRWNb2c0hfnqz0FXPkA9kjiNXViMZ88LN6PpAzijg2gGgqsMGtkDGMPIxa8GVkjXBzGrELoAtxTqu01LNGyGPOcx095nTKjRyuFtL/IjZWVn6Yw9k8pTu1JTCe5sUJjWaCXuakfc6sV4Fwowkn7x2P0DQijidbYEDcME4XAsV1I5l7nUUSoZSSunU5OboeGlQoXMiTCIkAqZlw7U7Ke4LPFK4cklkNiW/eXoa8eawkU6rS0+c69n91NOhQbSZPqmpt0R4BKJvgK/xqhXocuwiPEL9HhvdwKFMb6HM9S66ngSEmhDxZDMHu+3Fw4kGvHZJpTo18hzh7jlwGLcm2mQ0xoeQFc4jmV2chOv8LmtSh1mT8/Y218DzU8mSpqp1+9hcBFPXzCr3I8+DwTx9O0tohtTzci5fdjvOlt1oRf0SHdfKyJcJjNkkDQAN7V/HerGDw3+3wzAzQfNJGgLVhTxDvwpXWTg1cneVddAqIZxtfC1QJ25X9fFf8Cc5/zDp2tJBKbY6ywADa1JFLbIEX+tDMTTd52hRiDUAN4kyu9ZCs4hBfFNBjJt8K3eTpU/jrZXbua7PN3ALpg9hbUtKLhizLoaPwhjQ6muNDiEMZNshNHmTutDJ5fHGbyaQvSRC2iRfuj/ehkw8/Dww2FZ9aBJnZPDDQUpKg2L4A3XbJIToa5LvXLrp9DEZGLQOZ6b/OzhwkHsEHPCTiJfeeoGw5SOZKC/wPvbta2ieizLUAAAAASUVORK5CYII=" alt="BY-NC-SA" title="BY-NC-SA"></a>
							
							
						</li>
						
            
						<li>
							
						</li>
					</ul>
          </div>
        <meta itemprop="mainEntityOfPage" content="/1590">
        <meta itemprop="name" content="기술 뉴스 #196 : 22-04-16">
        
        
	      



				

				

				

				
			</div></div>

Outsider's Dev Story

Outsider

웹개발 관련
(번역) 레이아웃 알고리즘 이해하기 : Understanding Layout Algorithms의 번역 글로 CSS를 공부하면서 프로퍼티의 사용법을 배웠지만 제대로 이해하려면 레이아웃 알고리즘을 배워야 한다고 설명하고 있다. 기본 레이아웃 알고리즘은 Flow 레이아웃인데 z-index는 Flow 알고리즘에 구현되어 있지 않기 때문에 z-index를 제대로 사용하려면 레이아웃 알고리즘 지정해야 하고 width도 알고리즘에 따라 다르게 동작하게 됩니다. <img> 태그가 <div>에서 약간의 마진이 생기는 것도 CSS 프로퍼티 때문이 아니라 Flow 레이아웃에 따라 인라인 요소로 처리되었기 때문에 발생한다는 것도 설명하고 있다. 이 레아아웃 알고리즘을 이해해야 CSS 프로퍼티를 제대로 사용할 수 있다고 설명하는 데 CSS 처리할 때 꼭 살펴봐야 할 만큼 좋은 글이다.(한국어)
SolidJS와 함께 되짚어보는 반응형 프로그래밍 : 데이터 중심 이벤트 이미터 위에 만들어진 선언적 프로그래밍 패러다임이 반응형 프로그래밍이고 이는 UI를 구성하는 데 유용하다. 이벤트를 스트림으로 바꾸고 오퍼레이터로 선언하는 대표적인 구현체가 Reactive(Rx)인데 디버깅이 힘들다거나 러닝 커브가 높다는 단점이 언급되고 있고 다른 반응형 프로그래밍이 Transparent Reactive Programming(TRP)이다. TRP에서는 Observable과 Reaction이 기본 구성 요소인데 SolidJS도 이를 이용해서 반응형 모델을 구축했는데 이를 이용한 SolidJS의 사용 방법을 간단히 보여준다.(한국어)
Turborepo로 모노레포 개발 경험 향상하기 : 모노레포를 관리하기 위해 모노레포 도구인 Turborepo를 도입한 글이다. 모노레포는 모노리식과 멀티 레포의 장점을 모두 취하고자 하는 접근 방법이고 Turborepo는 편리한 빌드 시스템을 제공해서 개발과 빌드에 도움을 줄 수 있는 다양한 기능을 제공하고 있다. Turborepo를 도입해서 기존 스크립트 의존성으로 인한 복잡도와 반복되는 불편한 빌드를 해결하고 배포 프로세스를 시각화하고자 했는데 의존성도 Turborepo 파이프라인으로 해결하고 빌드 캐시로 재빌드 시에는 7분 걸리던 빌드가 0.64초 걸리게 되었다고 한다.(한국어)
[번역] React v18.0 : React v18.0 릴리스의 번역 글이다. Concurrency나 Suspense 등 릴리스 원문을 자세히 읽어보지 않았다면 읽어보면 좋다.(한국어)
그 밖의 개발 관련
Performance at GitHub: deferring stats with rack.after_reply : GitHub에서 rack.after_reply를 이용해서 30~50ms 정도 응답 시간을 줄일 개선을 정리한 글이다. GitHub의 성능 분석을 하면서 요청을 처리할 때 매트릭을 보내기 위해 요청당 최대 65ms를 사용한다는 것을 발견하고 배치로 모아서 보내거나 Rack::Events 등의 방법을 고려해 봤지만, 문제를 해결할 수 있어 보이지 않았다. 그러다가 Puma의 rack.after_reply가 응답을 완료한 후 실행하는 기능이라는 것을 발견하고 GitHub에서는 Puma 대신 Unicorn을 쓰고 있었기 때문에 rack.after_reply 구현해서 Unicorn에 기여했다. 이를 통해 사용자에게 응답을 보낸 후에 매트릭을 전송하게 하여 P50에서는 30ms, P99에서는 50ms 이상이 줄어들었다.(영어)
(번역) 코드 리뷰 피라미드 : The Code Review Pyramid의 번역 글로 코드 리뷰를 할 때 집중해야 할 부분을 코드 스타일, 테스트, 문서화, 구현, API로 나누어서 코드 리뷰 피라미드를 정의했다. 피라미드의 아래쪽에 있을수록 나중에 수정할 때 더 큰 노력이 들어가고 간 부분별로 리뷰할 때 집중해야 할 질문을 정리해 두어서 리뷰할 때 한번 기억해두면 좋을 문서다.(한국어)
인프라 관련
AWS Lambda Function URL 발표 – 단일 기능 마이크로서비스용 내장 HTTPS 엔드포인트 : AWS Lambda에 API 엔드포인트를 연결하려면 API Gateway나 로드밸런서를 사용해야 했는데 간단히 Lambda에 바로 URL을 연결해서 호출할 수 있는 Lambda Function URL이 공개되었다. Lambda 함수에서 Lambda Function URL를 생성하면 이 Labmda를 호출할 수 있는 URL이 생성되고 CORS 설정도 할 수 있다.(한국어)
우리는 클라우드 개발에 진심입니다! - SmartNIC 편 : 네트워크 트래픽이 점점 증가하면서 이를 해결하기 위한 하드웨어로 SmartNIC(Smart Network INterface Card)가 등장했다. SmartNIC를 사용하면 네트워크 처리를 하면서 일부 작업을 CPU가 수행해주어야 하지만 이를 SmartNIC의 하드웨어에서 처리할 수 있어서 CPU를 제대로 활용할 수 있다. 카카오 i 클라우드에서는 ARM + FPGA의 당일 침 시스템을 선택해서 소프트웨어로 프로비저닝 할 수 있게 되었고 첫 기능으로 Open Virtual Switch를 구현해서 하이퍼바이저가 아니라 SmartNIC에서 OVS를 처리할 수 있게 되어 CPU 사용률을 50% 이하로 낮추고 애플리케이션 성능으로 600%까지 높일 수 있게 되었다고 한다.(한국어)
DDoS Attack Trends for 2022 Q1 : Cloudfalre에서 2022년 1분기에 관찰된 DDoS 트랜드를 정리한 보고서이다. 애플리케이션 계층의 DDoS 공격은 매우 증가했지만 네트워크 계층의 DDoS 공격의 총수는 줄어들었다고 한다. 그런데도 볼륨으로 보면 전 분기 대비 645%나 증가했다고 한다. 러시아와 우크라이나에 대한 DDoS가 많이 발생했고 랜섬 DDoS는 줄어들었고 HTTP DDoS는 전년 대비 164%나 증가했고 3월에는 지난 4분기를 합친 거보다 많이 발생했다. 랜섬 DDoS는 DDoS 공격을 막는 대가로 돈을 요구하는 것을 의미한다. 글에서 더 자세한 통계와 산업별 공격 비중 등을 자세히 볼 수 있다.(영어)
볼만한 링크
아마존 앤디 재시의 2021년 첫 연례 주주서한 (번역) : Amazon의 새 CEO 앤디 재시가 쓴 주주 서한을 후반부를 번역할 글이다. 여기에 Amazon이 일하는 방식이 정리되어 있다.(한국어)
빌더를 채용해야 합니다.
빌더의 팀을 가능한 독립적이며 자율적으로 만듭니다.
빌더의 팀에게는 빠르게 움직이는데 필요한 도구와 권한을 부여합니다.
낭만적인 믿음은 필요합니다. 하지만 헛된 희망은 아닙니다.
최소 애착 제품(Minimum Loveable Product)을 정의하고, 빠르게 반복합니다.
장기적인 관점을 갖습니다.
실패를 피하지 마세요.
2022년 테크 업계 번아웃 실태 보고 : 팀의 상태를 관리하는 서비스를 제공하는 Yerbo의 State of Burnout in Tech 2022 보고서를 요약/정리한 글이다. 번아웃은 다음 4가지 증상으로 나타나는데 각 증상에 대해 더 자세히 정리되어 있다. 영문이지만 전체 리포트를 보면 더 자세한 통계가 나와 있다.(한국어)
감정 소모, 활력 고갈
무능감
냉소
비인격화/심리적 무감각
IT 업계 뉴스
구글 ‘PaLM’, 최고 성능·최대 크기 초거대 AI 등극 : Google에서 GPT-3보다 3배 큰 5,400억개 파라미터를 가진 PaLM(Pathways Language Model)을 공개했다. PaLM은 29개의 영어 자연어 처리 과제 중 28개에서 기존 다른 모델을 능가했고 BIG-bench에서도 사람 평균도 능가했다고 한다.(한국어)
DALL·E 2 : OpenAPI에서 자연어로 설명하면 사실 이미지나 아트를 만들어 주는 새 API 시스템을 공개했다. 사이트에서 설명에 따라 DALL·E 2가 만든 이미지나 기존 이미지에 수정한 예시를 볼 수 있다. 프리뷰를 사용해 보려면 대기리스트를 등록해야 한다.(영어)
로그4j 취약점 스캐너 '오픈소스'로 공개했더니 생긴 일 : 작년 말 Log4j 취약점이 알려졌을 때 국내 보안 스타트업 로그프레소에서 스캐너를 오픈소스 만들어서 공개했다. 이 스캐너가 많은 업체의 보안 권고문에서 추천되고 SAS에서는 포크에서 프로젝트를 진행하는 등 인기를 끌고 있다고 한다.(한국어)
프로젝트
Warp : 현대적인 기능이 추가된 Rust로 작성된 터미널로 현재 macOS 버전만 퍼블릭 베타로 공개되었다.
lexical : Facebook에서 만든 텍스트 에디터 프레임워크
Replay : 웹사이트에서 Time Travel 디버깅을 제공하는 앱으로 개인은 무료로 사용할 수 있다.
Rome Formatter : 프론트엔드 linter, 컴파일러, 번들러 등을 포함한 툴 체인인 Rome에서 공개한 코드 포매터로 Prettier보다 9~12배 정도 빠르다고 한다.
mockoon : mock REST API를 쉽게 만들게 해주는 도구. UI로 REST API를 정의해서 Mock api를 생성할 수 있다.
GitHub's VS Code themes : GitHub에서 만든 VS Code의 GitHub 테마.
pbkit : TypeScript로 작성된 protobuf 관련 도구 모음
버전 업데이트
Unreal Engine 5 : 게임 개발 툴셋, 릴리스 공지
RedwoodJS v1.0.0 : 풀스택 웹프레임워크, 릴리스 공지
Rust 1.60.0 : 프로그래밍 언어, 릴리스 공지
Loki v2.5.0 : Prometheus 형식의 로그 수집 시스템, 릴리스 공지
Waypoint v0.8.0 : 빌드, 배포, 릴리스 워크플로우, 릴리스 공지
시크릿 입력값이 표시되지 않도록 sensitive 변수 지원
러너 아이디나 레이블로 원격 러너 지정 가능
Argo Rollouts v1.2 : Kubernetes 딜리버리 컨트롤러, 릴리스 공지
React Router v6.3.0 : React의 라우팅 라이브러리, 릴리스 공지
Turborepo v1.2.0 : JavaScript/TypeScript 빌드 시스템, 릴리스 공지
Nx v13.10.0 : 모노레포 빌드 시스템, 릴리스 공지
Kuma v1.6 : 서비스 메쉬의 컨트롤 플레인, 릴리스 공지
Node.js v17.9.0 (Current) : 자바스크립트 런타임, 릴리스 공지
Gatsby v4.12.0 : 정적 웹사이트 생성기, 릴리스 공지
ESLint v8.13.0 : JavaScript 코드 분석 도구, 릴리스 공지
Prisma v3.12.0 : TypeScript/Node.js 데이터베이스 툴킷, 릴리스 공지
pgAdmin 4 v6.8 : PostgreSQL 클라이언트 도구, 릴리스 공지
pouchdb v7.3.0 : JavaScript 데이터베이스, 릴리스 공지
댓글 쓰기